HTML Link

Untuk membuat link pada halaman web digunakan tag <a>. Tag <a> memiliki setidaknya satu attribut, yaitu href (singkatan dari hyperlink reference) yang berisi alamat tujuan dari link yang dibuat. Secara umumterdapat beberapa jenis link yang sering kita jumpai, antara lain:

  • Link dari sebuah website ke website lainnya
  • Link dari sebuah halaman ke halaman lainnya pada website yang sama
  • Link dari bagian tertentu dari sebuah halaman web ke bagian yang lain dalam satu halaman web yang sama
  • Link yang terbuka pada jendela web browser baru
  • Link yang berisi alamat email

Pada baris ke-9, terdapat tag <a> dengan atribut href yang berisi “TUJUAN”. TUJUAN dapat diganti sesuai dengan kebutuhan, misal jika ingin membuat link ke website lain seperti facebook, maka TUJUAN diganti dengan “http://www.facebook.com/” atau jika ingin membuat link yang mengarah pada halaman lain dari web yang kita buat, TUJUAN dapat diganti dengan “profil.html”

 

HTML List

Terdapat dua macam list, yaitu list yang tidak terurut (unordered) dan list yang terurut (ordered). List tidak terurut menggunakan tag <ul> (unordered list), sedangkan list terurut menggunakan tag <ol> (ordered list). Selain tag <ul> dan <ol>, untuk membuat list digunakan tag <li> (list item) untuk masing-masing item pada list.

Unordered List

 

Ordered List

 

HTML Paragraph

Untuk membuat paragraf pada dokumen HTML, bungkus teks dengan tag pembuka <p> dan tagk penutup </p>. Browser akan menampilkan setiap paragraf pada baris baru dan memberikan spasi antar paragraf.

Tag HTML Penjelasan Contoh
<b>Teks Bold</b> Bold, penjelasan ada di sini Teks Bold
<strong>Teks Strong</strong> Strong, penjelasan ada di sini Teks Strong
<i>Cetak miring</i> Cetak Miring, penjelasan ada di sini Cetak miring

 

HTML Heading

Heading digunakan untuk menandakan teks yang dianggap penting pada halaman web, dapat diibaratkan seperti judul artikel atau judul bab pada buku. HTML memiliki enam level heading, yaitu <h1> sampai dengan <h6> yang ditampilkan dengan ukuran yang berbeda oleh browser. Teks pada <h1> ditampilkan dengan ukuran teks paling besar dan teks pada <h6> ditampilkan dengan ukuran teks paling kecil.

 

Struktur HTML

Halaman web terbentuk dari sekumpulan tag HTML yang membentuk struktur dari halaman web tersebut. Seperti media cetak (buku, majalah atau koran) yang memiliki struktur berupa judul, paragraf, gambar dan lain sebagainya, sebuah halaman web menggunakan tag HTML untuk menandakan sebuah teks adalah judul, paragraf atau untuk menampilkan gambar. Sebagian besar tag HTML terdiri dari sepasang tag, yaitu tag buka dan tag tutup seperti <h1>Judul Utama</h1> atau <p>Ini adalah sebuah paragraf</p> , ada juga tag HTML tunggal dimana tag buka dan tutupnya menjadi satu seperti <img src="path/ke/gambar.jpg" /> .

Sebuah halaman web terbentuk dari file dengan ekstensi html (namaFile.html). Struktur dasar dari file HTML adalah seperti berikut:

  • Pada baris pertama terdapat <!DOCTYPE html> merupakan deklarasi tipe dokumen HTML 5. <!DOCTYPE>  merupakan deklarasi yang menentukan tipe dokumen atau versi HTML yang dibuat, sehingga web browser dapat menampilkan halaman web dengan baik. HTML 5 merupakan versi HTML yang terbaru yang ada sejak tahun 2014.
  • Pada baris 2 dan 11, terdapat tag <html>  dan </html>  yang mengawali dan mengakhiri sebuah dokumen HTML. Didalamnya terbagi menjadi dua bagian, yaitu bagian head dan body.
  • Bagian head (  <head>...</head>  ) berisi judul halaman web yang akan ditampilkan pada title bar web browser.
  • Bagian body (  <body>...</body>  ) merupakan bagian yang akan ditampilkan oleh web browser.