Jumat, 18 April 2014

Belajar Tag Dasar HTML

Tag Dasar HTML

1. HTML
Merupakan tag dasar yang mendifinisikan bahwa dokumen adalah dokumen html. Tag ini merupakan suatu keharusan bagi pemrogram web untuk menuliskannya sebagai tag pertama dalam dokumen html. Penulisan tag seperti berikut ini :
<html> pada awal dokumen dan </html> pada akhir dokumen.

Sintaks:
<html>
..........
</html>

2. Head
Bagian Head sebenarnya tidak harus ada pada dokumen HTML, tetapi pemakaian head yang benar akan meningkatkan kegunaan suatu dokumen HTML. Isi bagian head – kecuali judul dokumen – tidak akan terlihat oleh pembaca dokumen tersebut. Penulisan tag seperti berikut ini :
<head> di awal setelah <html> dan </head> di akhir section head.
Elemen-elemen pada bagian head akan mengerjakan tugas-tugas sebagai berikut :
• Menyediakan judul dokumen
• Menjembatani hubungan antar dokumen
• Memberitahu browser untuk membuat form pencarian
• Menyediakan metode untuk mengirim pesan ke tipe browser

Sintaks:
<head>
...........
</head>

Elemen yang mungkin terdapat pada bagian head :
• Tag <title>, digunakan untuk memberi judul dokumen. Penggunaannya adalah sebagai berikut :
<title>Judul Dokumen</title>
• Tag <base>, digunakan untuk menentukan basis URL sebuah dokumen. Contoh penggunaannya adalah sebagai berikut berikut :
<base href="//www.alamat.com/direktori" />
• Tag <link>, digunakan untuk menunjukkan relasi antar dokumen HTML.
• Tag <meta>, digunakan untuk mendefinisikan informasi-informasi di luar HTML Informasi meta dapat digunakan oleh browser untuk menjalankan suatu aktivitas yang belum didukung oleh HTML.

3. Body
Bagian BODY merupakan isi dari dokumen HTML. Semua informasi yang akan
ditampilkan, mulai dari teks, gambar, sound, dan lain-lain, akan ditempatkan di bagian ini.
Seperti telah disebutkan di atas, bagian BODY diawali oleh tag <body> dan ditutup
</body>.
Element BODY mempunyai attribute-attribute yang menspesifikasikan khususnya warna dan latarbelakang dokumen yang akan ditampilkan pada browser.

Sintaks:
<body text="v" bgcolor="w" background="uri" link="x" alink="y" vlink="z">
..............
</body>

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

LATIHAN DASAR
latihan1
Menampilkan teks:
Nama file: latihan_1.html
<html>
     <head>
            <title>Latihan 1</title>
    </head>
    <body>
           Membuat pemrograman web
    </body>
</html>

latihan2
 Merubah warna teks menjadi merah:
 Nama file: latihan_2.html
<html>
     <head>
            <title>Latihan 2</title>
    </head>
    <body text="red">
           Membuat pemrograman web
    </body>
</html>

latihan3
 Merubah warna background menjadi hitam:
 Nama file: latihan_3.html
<html>
     <head>
            <title>Latihan 3</title>
    </head>
    <body text="red" bgcolor="black">
           Membuat pemrograman web
    </body>
</html>

latihan4
Merubah background dengan suatu gambar:
Nama file: latihan_4.html
<html>
     <head>
            <title>Latihan 4</title>
    </head>
    <body text="red" bgcolor="aqua" background="./images/image027.jpg">
           Membuat pemrograman web
    </body>
</html>

catatan:
./images/ = nama direktori file gambar disimpan
image027.jpg = nama file gambar














diposting oleh Unknown @ 00.39   0 Komentar

0 Komentar:

Posting Komentar

Berlangganan Posting Komentar [Atom]

<< Beranda