Sunday, March 5, 2017

DASAR HTML


Halo sobat jamane komputer untuk pembahasan kali ini saya ingin menguraikan sedikit tentang HTML. Silahkan sobat jamane komputer menyimak ya....

HTML adalah singkatan dari HyperText Markup Language, merupakan script untuk membuat dokumen-dokumen Web. Dokumen HTML tersimpan dalam format teks reguler dan memuat tag-tag yang memberikan perintah web browser untuk mengeksekusi perintah-perintah yang ditelah diberikan.
Perintah dasar pemrograman HTML adalah sebagai berikut:

<html>
<head>
<title>
di sini berisi judul HTML</title>
</head>
<body>
       
 di sini berisi informasi Web yang ditulis
</body>
</html>

Dari perintah dasar di atas, akan dijelaskan beberapa hal sebagai berikut:
a. Tag
Yaitu teks khusus (markup) berupa dua karakter "<" dan ">",  contohnya <body> merupakan tag dengan nama body.
Jadi tag ditulis secara berpasangan, terdiri atas tag pembuka dan tag penutup (ditambahkan karakter "/" setelah karakter "<"), contohnya <body> merupakan tag pembuka isi dokumen HTML, dan </body> merupakan tag penutup isi dokumen HTML.
b. Element
Element terdiri dari tiga bagian, tag pembuka, isi, dan tag penutup. Contohnya untuk menampilkan judul dokumen HTML pada web browser digunakan element title:

<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 
Tag-tag ditulis berpasangan di element HTML,  tidak diijinkan tumpang tindih dengan pasangan tag-tag lainnya.
Contoh penulisan tag-tag yang benar

<p>
    <b>
       
 ................
    </b>
</p>

Contoh penulisan tag-tag yang tidak boleh
<p>
    <b>
       
 ................
   
 </p>
</b>

c. Attribute
Attribute mengartikan property dari suatu element HTML, terdiri dari nama dan nilai. Penulisannya sebagai berikut:
<TAG>
   nama-atribut="nilai-atribut"
   nama-atribut="nilai-atribut"
   .................
>
   .................

</TAG>
Nilai attribute harus ada dalam tanda petik satu atau dua. Contohnya, membuat warna teks menjadi merah dan latarbelakang halaman web menjadi hitam, penulisannya adalah <body bgcolor="black" text="red">
d. Element HTML
Menjelaskan pada browser jika dokumen Web yang digunakan berupa HTML.

Sintaks sebagai berikut:
<html>
..........
</html>


e. Element HEAD
Berupa kepala dokumen HTML. Tag <head> dan tag </head> terletak di antara tag <html> dan tag </html>.

Sintaks sebagai berikut:
<head>
...........
</head>

f. Element TITLE
Berupa judul dokumen HTML yang ditampilkan pada judul jendela browser. Tag <title> dan tag </title> terletak di antara tag <head> dan tag </head>.

Sintaks sebagai berikut:
<title>
.........
</title>

g. Element BODY
Element ini untuk menampilkan isi dari dokumen HTML. Tag <body> dan tag </body> terletak di bawah tag <head> dan tag </head>.
Element BODY memiliki atribut yang menspesifikasikan khususnya warna dan latarbelakang dokumen yang akan ditampilkan pada browser.

Sintaks:
<body text="a" bgcolor="b" background="uri" link="c" alink="d" vlink="e">
..............
</body>


Attribute text memberi warna teks, bgcolor memberik warna latarbelakang dokumen HTML, background memberi latarbelakang dokumen HTML  berupa bentuk gambar, link memberi nilai warna link, alink memberi warna link yang sedang aktif, vlink memberi warna link yang telah dikunjungi. 
Jika attribute bgcolor dan background keduanya dispesifikasikan maka attribute background yang akan digunakan, tetapi jika nilai attribute background (gambar) tidak ditemukan di dokumen HTML maka attribute bgcolor yang akan digunakan.


EmoticonEmoticon