Beberapa Tag / Kode HTML Yang Paling Sering Digunakan Berikut Penjelasan atau Fungsinya
Setelah membahas Cara mudah memahami perintah HTML dan CSS pada artikel sebelumnya, kali ini kita akan berfokus kepada kode / perintah HTML saja. Baiklah berikut ini beberapa kode HTML tersebut :
- = Tempatnya seluruh elemen HTML atau mendefinisikan dokumen HTML.
- = Tempat diletakkannya sumber daya website seperti CSS, Javacript, Title.
</b> = Elemen text dari judul halaman HTML, yang akan ditampilkan pada tab browser.</li> <li><b style="text-align: justify;"><style> = </b><span style="text-align: justify;">T</span><span style="text-align: justify;">empat diletakkannya gaya atau style (CSS) untuk memperindah tampilan halaman HTML / website.</span></li> <li><span style="text-align: justify;"><b><script> </b>= Tempat diletakkanya Javascript.</span></li> <li><b><body> </b>= Tempat seluruh elemen HTML yang akan ditampilkan pada browser.</li> <li><b><!-- --></b> = Sebagai elemen pembungkus keterangan yang ada pada dokumen HTML, elemen ini tidak berpengaruh pada tampilan website. Contoh : "<b><span style="font-family: Trebuchet MS, sans-serif;"><!-- Keterangan -->".</span></b></li> <li><span style="font-family: inherit;"><b><p> </b>= Elemen yang mendefenisikan suatu paragraf/ alinea.</span></li> <li><b><div> </b>= Suatu elemen pembungkus elemen HTML yang lain, yang tidak memiliki arti khusus, namun sering digunakan sebagai elemen yang berdiri sendiri, karena elemen tersebut akan membuat garis baru dari elemen sebelumnya, dan sesudahnya yang didapatkan dari <b>style </b>bawaan <b><div> </b>yakni "<b>display:block</b>". Sama halnya dengan <b><p> </b>, namun pada <b><p> </b> terdapat margin, sedangkan pada <b><div> </b>tidak.</li> <li><b><span></b> = Suatu elemen pembungkus elemen HTML yang lain, sama fungsinya dengan <b><div> </b> namun tidak memberikan pengaruh apapun pada elemen yang ada didalamnya, karena tidak memiliki style bawaan. </li> <li><b><img></b> = Elemen pemanggil atau penampil gambar. Contoh : <b><span style="font-family: Trebuchet MS, sans-serif;">"<img src="Alamatgambar" />"</span></b> . Elemen <b><img></b> tidak memerlukan tag penutup, melainkan langsung ditutup pada akhir tag pembukanya saja />. src=" " disini mendefinisikan source atau sumber gambar (Alamat Gambar).</li> <li><b><input></b> = Mendefinisikan elemen input</li> <li><b><i> atau <em></b> = Membuat text / huruf miring (<i>Italic</i>)</li> <li><b><b></b> = Membuat text / huruf tebal (<b>Bold</b>)</li> <li><b><u></b> = Membuat text / huruf bergaris bawah (<u>Underline</u>)</li> <li><b><h1> s/d <h6> </b> = Header text atau text kepala untuk judul ataupun sub judul.</li> <li><b><br /></b> = Sebagai baris baru/ enter.</li> <li><b><ul> </b>= Untuk membuat list tidak berurutan atau list dengan bullet hitam (<b>Unordered List</b>). Penggunaan <b><ul> </b>diperuntukkan sebagai parent (Induk elemen) dari elemen <b> <li></b>. Contoh : "<span style="font-family: Trebuchet MS, sans-serif;"><b><ul> <li>List ke-1</li> </ul> "</b></span></li> <li><b><ol></b> = Untuk membuat list berurutan dengan angka (Ordered List). Sama fungsinya dengan <b><ul></b></li> <li><b> <li></b> = Elemen list atau daftar.</li> <li><b><a> </b>= Elemen untuk diletakkannya suatu link/ alamat website diluar dari halaman HTML itu sendiri. Contoh : <span style="font-family: Trebuchet MS, sans-serif;">"<b><a href="https://www.google.co.id/" > Google </a>"</b></span>. Contoh tersebut akan menampilkan text "<b>Google</b>" saja namun terdapat link/ alamat yang dapat di klik pada text tersebut, yakni yang ada pada property <a <b>href="<u>Tempatlink</u>"</b>>.</li> <li><b><table></b> = Elemen tabel.</li> <li><b><th></b> = Table header, baris kepala tabel.</li> <li><b> <tr> </b>= Table row atau baris tabel.</li> <li><b><td></b> = Table data atau kolom tabel.</li> <li><b><marquee></b> = Membuat text / huruf berjalan.</li> </ul> <div> <br></div> <div> Saya pikir beberapa Tag HTML diatas adalah yang sering digunakan pada umumnya. Semoga artikel ini dapat bermanfaat. Lebih dan kurang Saya mohon maaf, Terima Kasih.</div>
Hi. I’m Designer of Blog Magic. I’m CEO/Founder of ThemeXpose. I’m Creative Art Director, Web Designer, UI/UX Designer, Interaction Designer, Industrial Designer, Web Developer, Business Enthusiast, StartUp Enthusiast, Speaker, Writer and Photographer. Inspired to make things looks better.
Blogger Comment
Facebook Comment