VEzcwOIzJo2ocMRnvNfZmXylSxSqdBdXDBtRZkxw
Bookmark

Belajar HTML Part 2 - Stuktur Dasar HTML

 HTML merupakan bahasa markup standar yang digunakan untuk membuat struktur dan konten pada sebuah halaman web sehingga dapat dengan mudah di akses oleh browser web. bahasa markup ini menggunakan tag dan atribut yang memungkinkan pengguna untuk mengatur teks, gambar, tautan, video, tata letak dan elemen lainnya dalam sebuah dokumen online. mengutip dari pembahasan sebelumnya mengenai sejarah perkembangan html ini berevolusi dari sedikit fitur dan sekarang sudah banyak fitur yang bisa digunakan, tapi sebelum membahas lebih dalam kita akan mengenal terlebih dahulu struktur dasar dari HTML.

Stuktur Dasar HTML
Struktur Dasar HTML


Dalam membuat dokumen HTML ini, kita hanya memerlukan sebuah tekt editor biasa seperti notepad yang merupakan program yang sudah ada pada bawaan windows, jadi bisa membuatnya langsung tanpa harus install aplikasi lainnya jika ingin mencobanya. setelah anda mengetikan kode HTML atau bahasa markup tersebut jangan lupa untuk menyimpannya dalam extstensi (.html atau .htm). setelah file tersebut di simpan, bisa langsung membukanya dengan menggunakan browser seperti chrome, firefox, opera, atau browser lainnya untuk melihat tampilan halaman web yang sudah dibuat.

Stuktur dasar HTML 

Stuktur Dasar HTML
Stuktur Dasar HTML


Keterangan :

Doctype adalah kode yang mengindikasikan bahwa dokumen tersebut adalah sebuah halaman HTML untuk fungsinya adalah memberitahukan browser bahwa kode tersebut adalah bahasa markup

tag html berfungsi sebagai pembuka dan penutup dari keseluruhan dokumen bahasa markup, jadi semua elemen diletakan di antara tag tersebut

tag head biasanya berisi eleme-elemen yang tidak terlihat pada halaman web contohnya seperti (title) judul website, pemanggilan css, favicon, meta tag dan elemen lainnya.

tag body berisi elemen-elemen yang akan di tampilkan pada halaman web, contohnya seperti Video, gambar, paragraf, dan elemen lainnya


Apa itu Tag HTML

tag html merupakan elemen yang digunakan untuk memberi tahu browser untuk merender dan menampilkan konten pada halaman web.  adapun tag html yang perlu diketaui yaitu:

Berikut adalah beberapa tag HTML beserta deskripsi singkatnya :

  1. <!DOCTYPE>  : .Mendefinisikan jenis dokumen.
  2. <html>  : Mendefinisikan dokumen HTML.
  3. <head>   : Berisi metadata/informasi untuk dokumen.
  4. <title>     : Mendefinisikan judul untuk dokumen.
  5. <body>     : Mendefinisikan tubuh dokumen.
  6. <h1> hingga <h6>    :Mendefinisikan heading HTML.
  7. <p>   : Mendefinisikan sebuah paragraf.
  8. <a>    : Membuat tautan link ke halaman tertentu
  9. <img>  : Menyisipkan gambar kedalam halaman menggunakan url gambar ataupun src direktori melalui atribut.
  10. <span>   : Mengelompokkan elemen teks atau elemen inline untuk diberikan gaya (style) tertentu.
  11. <div>  : Mengelompokkan elemen-elemen tertentu untuk di berikan gaya (sytle) .
  12. <button>  : untuk membuat tombol yang dapat di klik.
  13. <input>. : Untuk membuat bidang input seperti teks, pasword, chekbox ataupun tombol.
  14. <table>, <tr>, <th>, <td>  : Untuk membuat tabel dengan judul, baris dan sel data.
  15. <br>   : Menyisipkan satu baris baru.
  16. <hr>   : Mendefinisikan perubahan tematik dalam konten.
  17.   <!--...--/>  : Mendefinisikan komentar.

Itulah beberapa tag html yang perlu diketahui, untuk contoh struktur HTML sebagai berikut:
<!DOCTYPE html>
<html>
<head>
    <title>Halaman Web SeriesWans</title>
</head>
<body>
    <h1>Selamat Datang di Web SeriesWans</h1>
    <p>Ini adalah contoh halaman web sederhana menggunakan bahasa markup.</p>
    <img src="serieswans.jpg" alt="serieswans">
    <a href="https://www.example.com">Kunjungi ContohWeb.com</a>
</body>
</html>

Dari contoh struktur HTML tersebut dapat membuat halaman web sederhana dengan judul, heading, paragraft, gambar,tautan link.

Nah itulah Stuktur Dasar HTML yang perlu diketahui, semoga bermanfaat.

Posting Komentar

Posting Komentar