Mengenal Istilah Umum HTML CSS

Mengenal Istilah Umum HTML CSS – Jika Anda bisa, bayangkanlah waktu sebelum internet ditemukan. Dimana internet dan website tidak ada, buku menjadi sumber utama informasi. Perlu usaha keras dalam membaca untuk mencari informasi yang tepat yang Anda cari.

Dan sekarang ini, Anda sudah dapat membuka web browser kesayangan Anda dan beralih pada search engine kesukaan Anda dan mulai mencari informasi apapun sesuai dengan keinginan. Setiap bit informasi yang Anda inginkan terletak di ujung jari Anda.

Dalam tutorial ini, saya akan menunjukkan pada Anda bagaimana Membangun Halaman Web HTML CSS Pertama Anda sendiri, menggunakan dua bahasa komputer paling dominan – HTML dan CSS dimulai dengan Mengenal Istilah Umum HTML CSS.

Sebelum kita mulai perjalanan untuk belajar Membangun Halaman Web HTML CSS Pertama Anda, sangat penting untuk memahami perbedaan antara kedua bahasa pemrograman tersebut, sintaks dari setiap bahasa tersebut, dan beberapa terminologi umum. Ok, kita mulai saja proses Mengenal Istilah Umum HTML CSS.

 

Apa itu HTML & CSS?

HTML, HyperText Markup Language, memberikan struktur content/isi dengan mendefinisikan isi konten sebagai fungsi tertentu, misalnya, judul, paragraf, atau gambar. CSS, atau Cascading Style Sheets, adalah bahasa presentasi yang dibuat untuk mengatur gaya penampilan isi konten menggunakan fungsi tertentu, misalnya, font atau warna.

Dua bahasa – HTML dan CSS – independen satu sama lain dan harus tetap seperti itu. CSS tidak harus ditulis dalam dokumen HTML dan sebaliknya. Sebagai aturan, HTML akan selalu mewakili konten, dan CSS akan selalu mewakili penampilan konten tersebut.

Dengan pemahaman perbedaan antara HTML dan CSS ini, mari kita pelajari HTML secara lebih rinci.

 

Mengenal istilah umum HTML CSS

Ketika memulai dengan HTML, Anda mungkin akan menemukan istilah-istilah baru -dan mungkin aneh. Namun seiring waktu Anda akan menjadi lebih akrab dengan semua istilah-istilah tersebut. Namun, ada tiga istilah umum yang harus Anda mulai, yaitu elemen (element), tag (tag) dan atribut (attribute).

 

Elemen (Element)

Elemen adalah penanda yang mendefinisikan struktur dan isi dari objek dalam suatu halaman. Beberapa elemen yang sering digunakan diantaranya adalah beberapa tingkat heading (diidentifikasi sebagai  elemen <h1>  sampai <h6> ) dan paragraf (diidentifikasi sebagai elemen <p> ), selain itu ada elemen <a> , <div> , <span> , <em>  dan masih banyak lagi.

Aturan penulisan elemen adalah ditulis diantara tanda “kurang dari” dan “lebih dari” berikut < > . Sebuah elemen akan terlihat seperti berikut ini:

 

Tags

Penggunaan tanda “kurang dari” dan “lebih dari” yang berada disekitar elemen, menciptakan apa yang dikenal sebagai tag. Tag biasanya akan sering terlihat berpasangan antara tag pembuka dan tag penutup.

Sebuah tag pembuka menandakan permulaan dari sebuah elemen, yang terdiri dari tanda “kurang dari” diikuti sebuah nama elemen, kemudian diakhiri dengan tanda “lebih dari”, sebagai contoh <div> .

Sebuah tag penutup menandakan akhir dari sebuah elemen, yang terdiri dari tanda “kurang dari” diikuti dengan tanda “garis miring” kemudian diikuti nama elemen, dan diakhiri dengan tanda “lebih dari”, sebagai contoh </div> .

Isi/konten yang terletak diantara tag pembuka dan penutup merupakan isi dari elemen tersebut. Sebagai contoh sebuah anchor link akan mempunyai tag pembuka <a>  dan tag penutup </a> .

Jadi sebuah anchor tag akan terlihat seperti berikut.

 

 

Atribut (Attributes)

Atribut adalah properti yang digunakan untuk memberikan informasi tambahan tentang elemen. Atribut yang paling umum antara lain atribut id, yang mengidentifikasi elemen; atribut class, yang mengklasifikasikan elemen; atribut src, yang menentukan sumber untuk konten embeddable; dan atribut href, yang menyediakan referensi hyperlink ke sumber terkait.

Atribut didefinisikan dalam tag pembuka, setelah nama elemen. Secara umumnya atribut terdiri dari nama dan nilai. Format untuk atribut ini terdiri dari nama atribut diikuti dengan tanda sama dengan dan kemudian nilai atribut dikutip. Sebagai contoh, sebuah elemen <a> termasuk atribut href akan terlihat seperti berikut:

Sampai disini Anda sudah mengenal istilah umum HTML CSS elemen (elements), tag, dan atribut (attributes).