Tag Dasar HTML

Untuk melihat penjelasan dari Tag Dasar HTML ini anda bisa membacanya di tulisan Belajar HTML dengan sub judul Tag Dasar HTML

Seperti dijelaskan bahwa tag dasar dari suatu dokumen HTML itu terdiri dari 3 elemen utama yaitu: html, head dan body. Yang dalam penulisannya diawali dengan tag pembuka "<…>" dan diakhiri dengan tag penutup "</…>".

<html>
<head>
</head>
<body>
</body>
</html>

Untuk membuktikannya bisa dengan melihat kode sumber (source code) dari suatu halaman website. Caranya adalah dengan membuka salah satu website kemudian bagi yang menggunakan browser Firefox, Google Chrome atau Opera tekan Ctrl+U, untuk Safari tekan Ctrl+Alt+U sedangkan untuk Internet Explorer tekan Alt, V kemudian C.

Dengan cara anda masing-masing mulailah mencari ketiga tag diatas. Dengan melihat kode sumber kita juga bisa belajar tentang tag-tag apa saja yang ada di antara tag <head> maupun yang berada di antara tag <body>.

Pada bagian paling atas atau sebelum tag <html> mungkin anda akan melihat <!DOCTYPE bla… bla…>, ini disebut DOCTYPE deklarasi fungsinya adalah untuk menunjukkan tipe dokumen dan versi yang digunakan.

Walaupun kelihatannya agak rumit ketika kita melihat kode sumber tersebut tetapi kalau diperhatikan secara seksama bahwa rumus penulisan tag-tag html tersebut adalah sama.

<nama-elemen atribut>Konten</nama-elemen>

Untuk nama-elemen anda bisa melihat tabelnya di w3.org HTML Elements, untuk atribut terdiri dari 2 bagian yaitu nama dan nilai, contoh penulisannya adalah: nama="nilai"

Contoh:

<p style="color:blue">p = nama-elemen, style = nama-atribut dan color:blue = nilai-atribut</p>

Hasil:

p = nama-elemen, style = nama-atribut dan color:blue = nilai-atribut

Sebagai referensi untuk atribut-atribut HTML bisa di lihat di w3.org HTML Attributes

Elemen HTML tanpa atribut:

<nama-elemen>Konten</nama-elemen>

Contoh:

<p>Paragraf tanpa ada atribut</p>

Hasil:

Paragraf tanpa ada atribut

Elemen HTML bisa memiliki beberapa atribut dengan dibatasi oleh spasi:

<nama-elemen atribut1 atribut2>Konten</nama-elemen>

Contoh:

<p style="color:blue" title="paragraf">Paragraf dengan atribut style dan title - geser mouse ketulisan ini untuk melihat titelnya.</p>

Hasil:

Paragraf dengan atribut style dan title – geser mouse ke tulisan ini untuk melihat titelnya.

Contoh lainnya:

<input type="button" value="Tombol">

Hasil:

Sebagian dari elelen-elemen HTML ada yang tidak memerlukan tag penutup seperti contoh diatas. Contoh lainnya tag <img>, tag <img> digunakan untuk menampilkan gambar (image) di dalam dokumen HTML.

Contoh tag <img> dengan beberapa atribut:

<img src="images/yahoo.gif" width="147" height="31" alt="Yahoo">

Hasil:

Yahoo

Elemen-elemen HTML tanpa tag penutup tersebut biasanya hanya memiliki atribut-atribut tanpa ada konten seperti pada tag <p> diatas.

Ikuti link berikut untuk melihat tag-tag HTML tanpa tag penutup.


» Tutorial selanjutnya:

« Tutorial sebelumnya:

Posted in HTML Tutorial by Masim man

Post a comment

2 Responses to “Tag Dasar HTML”

  1. nunaguma said:

    thanks a lot, useful~ 😀

  2. Zedandro said:

    Ini pelajaran pertama saya. Thanks ilmunya sob

Back to top