Minggu, 06 Desember 2015

Dasar-Dasar HTML

Apa itu HTML?
HTML merupakan singkatan dari HyperText Markup Language adalah sekumpulan simbol-simbol atau tag-tag yang dituliskan dalam sebuah file yang dimaksudkan untuk menampilkan halaman pada web browser. Tag-tag tadi memberitahu browser bagaimana menampilkan halaman web dengan lengkap kepada pengguna.


STRUKTUR DASAR DOKUMEN HTML
 Struktur dasar dokumen HTML adalah sebagai berikut:
<html>
<head>
<title>
Judul Dokumen HTML</title>
</head>
<body>
      .....isi (content web)..........
      .....isi (content web) ...........
</body>
</html>
Dari struktur dasar HTML di atas dapat dijelaskan sebagai berikut:
  •     Tag Adalah teks khusus (markup) berupa dua karakter "<" dan ">", sebagai contoh <body> adalah tag dengan nama body. Secara umum tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter "/" setelah karakter "<") , sebagai contoh:
<body> // ini adalah tag pembuka isi dokumen HTML
          .............
</body> // ini adalah tag penutup isi dokumen HTML

  •      Element Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana:
<title> // ini adalah tag pembuka judul dokumen HTML
Disini Judul Dokumen HTML // ini adalah isi judul dokumen HTML
</title> // ini adalah tag penutup judul dokumen HTML

  •       Attribute Attribute mendefinisikan property dari suatu element HTML, yang terdiri atas nama dan nilai. Penulisannya adalah sebagai berikut:
<TAG>
nama-atribut="nilai-atribut"
nama-atribut="nilai-atribut"
.................
>
.................
</TAG>

Secara umum nilai attribute harus berada dalam tanda petik satu atau dua. Sebagai contoh, untuk membuat warna teks menjadi merah dan latar belakang halaman web  menjadi biru, penulisannya adalah:
<body bgcolor="blue" text="merah">
  
  • Element HTML Menyatakan pada browser bahwa dokumen Web yang digunakan adalah HTML. Sintaks:
<html>
..........
</html>

  • Element HEAD Merupakan kepala dari dokumen HTML. Tag <head> dan tag </head> terletak di antara tag <html> dan tag </html>. Sintaks:
<head>
...........
</head>

  • Element TITLE Merupakan judul dari dokumen HTML yang ditampilkan pada judul jendela browser. Tag <title> dan tag </title> terletak di antara tag <head> dan tag </head>. Sintaks:
<title>
.........
</title>
 
  • Element BODY Element ini untuk menampilkan isi dokumen HTML. Tag <body> dan tag </body> terletak di bawah tag <head> dan tag </head>.

Demikian tadi sekilas mengenai HTML, semoga bisa bermanfaat.  

0 komentar:

Posting Komentar