HTML - Basic Tags

Tag adalah suatu penanda untuk menandai elemen-elemen dalam suatu dokumen HTML dan Fungsi Tag adalah untuk memberikan instruksi atau memberitahu kepada browser bagaimana suatu objek di tampilkan berdasarkan Tag yang di gunakan, objek disini bisa berupa teks, video, audio dan gambar.

Penggunaan Tag itu berada diantara dua karakter < dan > dengan demikian perintah tersebut dapat dikenali oleh browser dan memberitahu web browser bagaimana suatu objek ditampilkan. Secara umum penggunaan tag pada HTML itu berpasang- pasangan dimulai dengan <tag_pembuka> Isi dari konten  </tag_penutup>, namun ada juga tag yang dalam penulisannya berdiri sendiri seperti <nama_tag/> tag tersebut disebut dengan Void Element.

Tag Heading

Dokumen apapun dimulai dengan heading. Anda dapat menggunakan berbagai ukuran untuk judul Anda. HTML juga memiliki enam level heading, yang menggunakan elemen <h1>, <h2>, <h3>, <h4>, <h5>, dan <h6>. Saat menampilkan judul apa pun, peramban menambahkan satu baris sebelum dan satu baris setelah tajuk itu.

Contoh

Tag Paragraf

Tag <p> menawarkan cara untuk menyusun teks Anda ke dalam paragraf yang berbeda. Setiap paragraf teks harus berada di antara tag pembuka <p> dan penutup </ p> seperti ditunjukkan di bawah ini dalam contoh.

Contoh:

Tag Baris

kapanpun anda menggunakan elemen <br />, apa pun yang mengikutinya dimulai dari baris berikutnya. Tag ini adalah contoh elemen kosong, di mana Anda tidak perlu membuka dan menutup tag, karena tidak ada yang bisa masuk di antara mereka.

Tag <br/> memiliki spasi antara karakter br dan garis miring. Jika Anda mengabaikan ruang ini, peramban yang lebih lama akan mengalami masalah saat merender jeda baris, sementara jika Anda melewatkan karakter garis miring dan hanya menggunakannya, itu tidak valid di XHTML

Contoh :

Konten Center
Anda dapat menggunakan tag <center> untuk meletakkan konten apa pun di tengah halaman atau sel tabel apa pun.
Contoh:
Garis Horizontal

Garis horizontal digunakan untuk memisahkan bagian dokumen secara visual. Tag <hr> membuat garis dari posisi saat ini dalam dokumen ke margin kanan dan memecah garis yang sesuai.

Misalnya, Anda mungkin ingin memberikan garis antara dua paragraf seperti pada contoh yang diberikan di bawah ini.

Contoh :

Sekali lagi tag <hr/> adalah contoh dari elemen kosong, di mana Anda tidak perlu membuka dan menutup tag, karena tidak ada yang masuk di antara mereka. Elemen <hr/> memiliki spasi antara karakter hr dan garis miring ke depan. Jika Anda mengabaikan ruang ini, peramban yang lebih lama akan mengalami masalah merender garis horizontal, sementara jika Anda melewatkan karakter garis miring dan hanya menggunakan <hr> itu tidak valid di XHTML.
Format <Pre>

Kadang-kadang anda ingin teks anda mengikuti format yang tepat tentang bagaimana itu ditulis dalam dokumen HTML. Dalam kasus ini, Anda dapat menggunakan tag preformatted <pre>.

Teks apa pun antara tag pembuka <pre> dan tag penutup </ pre> akan mempertahankan pemformatan dokumen sumber.

Contoh :

Nonbreaking Spaces

Misalkan Anda ingin menggunakan Frasa "12 Angry Men." Di sini, Anda tidak ingin browser memisahkan "12, Angry" dan "Men" di dua baris.

Jika anda tidak ingin browser klien merusak teks, Anda harus menggunakan entitas ruang nonbreaking & nbsp; bukannya ruang normal. Misalnya, saat mengkode "12 Angry Men" dalam paragraf, Anda harus menggunakan sesuatu yang mirip dengan kode berikut.

Contoh:

referensi : Tutorialspoint, Codepolitan, W3schools, Petanikode