Element Dasar Pada HTML (Belajar HTML Dasar) bahasa indonesia

admin1 Oktober 12, 2021



Dasar dari membuat program HTML kita harus mengerti apa itu

  1. tag
  2. atribut
  3. elemen
  4. komentar
Tag Adalah adalah tanda awalan dan akhiran dalam perintah HTML yang akan dibaca oleh web browser. Tag dibuat dengan menggunakan kurung siku <…>, di mana di dalamnya berisi nama tag.

Elemen merupakan komponen HTML yang berupa keseluruhan kode dari tag pembuka hingga tag penutup. Elemen terdiri dari teks dan simbol yang berupa tag pembuka, isi tag atau konten, dan tag penutup.

Atribut adalah Atribut adalah informasi atau perintah tambahan yang berada dalam elemen.

Komentar adalah elemen yang akan diabaikan oleh browser. biasanya digunakan untuk memberikan informasi tambahan.

Perhatikan Gambar dibawah ini

dasar html


Struktur Dasar HTML 

HTML5 memiliki sebuah dasar yang perlu dipahami. html 5 memiliki struktur dasar seperti dibawah ini


Keterangan :

  • Semua dokumen HTML harus dimulai dengan deklarasi tipe dokumen: <!DOCTYPE html>.
  • Dokumen HTML itu sendiri dimulai dengan <html>dan diakhiri dengan </html>.
  • Bagian yang terlihat dari dokumen HTML adalah antara <body>dan </body>.
  • Bagian yang digunakan untuk tempat meletakkan metadata yaitu informasi-informasi halaman web yang tidak ditampilkan pada halaman web adalah antara <head> dan </head>

HTML element

HTML Element dimulai dari tag awal hingga tag akhir.
Contoh :
< tagname > Konten ada di sini... < /tagname >

Perhatikan Tabel dibawah ini.
element html



Elemen HTML Bersarang

Elemen HTML dapat bersarang (ini berarti elemen dapat berisi elemen lain).

Semua dokumen HTML terdiri dari elemen HTML bersarang.

Contoh berikut berisi empat elemen HTML ( <html>, <body>, <h1> dan <p>):


Atribut dalam Html

  • Semua elemen HTML dapat memiliki atribut
  • Atribut memberikan informasi tambahan tentang elemen
  • Atribut selalu ditentukan di tag awal
  • Atribut biasanya datang dalam pasangan nama/nilai seperti: nama="nilai"

Macam-macam Atribut

  1. href atribut <a>Menentukan URL halaman link pergi ke.
  2. src atribut <img>menentukan path ke gambar yang akan ditampilkan.
  3. width dan height atribut <img>memberikan informasi ukuran untuk gambar.
  4. alt atribut <img>menyediakan teks alternatif untuk gambar.
  5. style atribut digunakan untuk menambah gaya untuk elemen, seperti warna, font, ukuran, dan. lebih
  6. lang atribut dari <html>tag menyatakan bahasa halaman Web.
  7. title atribut mendefinisikan beberapa informasi tambahan tentang elemen.


Tags
Reactions

Posting Komentar

0 Komentar