Belajar HTML (Part 1): Mempelajari Tag, Elemen Dan Atribut Pada Kerangka HTML

tutorial belajar HTML

Senikoding.com - Pada HTML ada yang namanya Tag, Elemen dan Atribut HTML. Semua itu merupakan bahasa HTML yang harus dipahami.Untuk tag, elemen dan atribut kerangka HTML adalah bagian mendasar yang merupakan kerangka halaman website dan pasti ada di setiap halaman HTML. Semua nya tidak bisa ditinggalkan karena sudah merupakan kesatuain didalam halaman HTML.

Apa saja yang merupakan kerangka HTML? Kerangka HTML bisa dimulai dari:

  • <html> </html>
  • <head> </head>
  • <title> </title>
  • <body> </body>

Tutorial Belajar HTML Mempelajari Tag Kerangka HTML


Tag HTML adalah definisi kode HTML yang digunakan untuk memenggal, mengelompokkan atau memisahkan antara kode satu dengan yang lainnya.

Contoh penulisan Tag HTML:

<nama tag> isi dokumen </end tag>
Atau,
<nama tag/>

Contoh: kode <html> </html>, <head> </head>, <title> </title>, <body> </body>

Kode Tag <html> ditutup dengan </html>, Kode Tag <head> ditutup dengan </head>, Kode Tag <title> ditutup dengan </title>, Kode Tag <body> ditutup dengan </body>.
Contoh ini adalah tag yang ada dalam Kerangka dasar HTML.

tutorial belajar HTML
Kerangka Tag HTML

Tutorial Belajar HTML Mempelajari Elemen Kerangka HTML


Jika Tag HTML adalah definisi pengelompokan kode dalam HTML, maka Elemen HTML adalah implementasi dari definisi Tag HTML tersebut. Jika masih bingung, saya akan jelaskan lagi maksud elemen HTML dengan kode HTML.

Contoh Elemen Kerangka HTML: <html> </html>, <head> </head>, <title> </title>, <meta> </meta>, <link> </link>, <body> </body>

Contoh Elemen Kerangka HTML:

<!DOCTYPE html>
<html>
  <head>
    <title> </title>
    <meta> </meta>
    </link> </link> 
  </head>
  <body>
    .. ISI KONTEN ...
  </body>
</html>

- <head> </head>: adalah Eleman HTML yang berfungsi untuk bagian tempat pengelompokan kode head/kepala. Atau kode bagian awal yang akan diload.
- <title> </title>: adalah Eleman HTML yang berfungsi untuk tempat menuliskan judul halaman.
- <meta> </meta>: adalah Elemen HTML yang berfungsi untuk mendefinisikan informasi-informasi yang terkandung didalam halaman website. Misalkan informasi deskripsi website adalah berita seputar kesehatan, sehingga kodenya <meta name="description" content="berita seputar kesehatan"> atau
<meta content='senikoding.com' name='Author'/>. Anda bisa isi Author dengan nama kalian, maksudnya adalah memberitahukan informasi tentang halaman website yang dibuat oleh seorang "Author".
- <link> </link>: adalah Elemen HTML yang berfungsi untuk mendefinisikan link yang dituju, biasannya ada link penyambung untuk pergi ke file-file, seperti file CSS, file renderan.
- <body> </body>: adalah Eleman HTML yang berfungsi untuk menempatkan bagian konten atau isi halaman website.

tutorial belajar HTML
Elemen HTML

Tutorial Belajar HTML Mempelajari Atribut Kerangka HTML


Sedangkan Atribut pada kerangka HTML adalah kode-kode pelengkap atau pendukung didalam Elemen HTML.

Contoh Atribut HTML: didalam tag elemen <meta> terdapat atribut seperti: name, content. Didalam tag elemen <link> terdapat atribut seperti: type, href, rel.

- Atribut name didalam tag <meta> adalah nama definisi dari maksud meta yang bersangkutan. Biasanya selalu berhubungan dengan atribut didalam meta tersebut.
- Atribut href didalam tag <link> adalah alamat link yang dituju.
- Atribut type didalam tag <link> adalah type atribut yang dimaksud didalam tag.
- Atribut rel didalam tag <link> adalah style atau gaya bahasa yang dipakai didalam tag tersebut.

tutorial belajar HTML
Atribut HTML

Cukup disini Tutorial Belajar HTML (Part 1): Mempelajari Tag, Elemen Dan Atribut Pada Kerangka HTML dan bisa dilanjut dengan tutorial berikutnya, semoga bermanfaat.

- Salam -



Berlangganan Artikel Kami Gratis, masukan Email dan Verifikasi:

0 Response to "Belajar HTML (Part 1): Mempelajari Tag, Elemen Dan Atribut Pada Kerangka HTML"

Post a Comment

* Berkomentar sesuai tema ya gaes..

- Terima Kasih -