0
Belajar HTML yuk....
Posted by Unknown
on
17.17
HTML digunakan untuk membangun suatu
halaman web. Sekalipun banyak orang menyebutnya sebagai suatu bahasa
pemrograman, HTML sama sekali bukan bahasa pemrograman, tapi merupakan bahasa
markup (penandaan), terhadap sebuah dokumen teks. Simbol markup yang digunakan
oleh HTML ditandai dengan tanda lebih kecil ( < ) dan tanda lebih besar (
> ) yang biasa disebut tag.
1.
Elemen dan Tag HTML
Elemen HTML yaitu komponen penyusun
terkecil dari sebuah dokumen HTML. Untuk menandainya. Elemen dapat berupa teks
murni, atau bukan teks, atau keduanya.
Untuk menandai sebuah elemen dalam suatu
dokumen HTML digunakan tag. Tag HTML terdiri dari sebuah simbol lebih kecil (
< ) dan dan lebih besar ( > ).
Nama elemen ditunjukkan oleh nama dari
tagnya. Suatu elemen biasanya ditandai dengan pasangan tag, walaupun ada
beberapa nama elemen yang ditandai dengan satu tag tanpa harus berpasangan.
Diantaranya:
• Image ( <img /> )
• Ganti Baris – Break ( <br /> )
• Horizontal Rule ( <hr /> )
• Input Field ( <input /> )
Tag dapat mempunyai atribut. Atribut
mendefinisikan sesuatu tentang tag tersebut. Atribut digunakan untuk mengubah
default pemformatan dokumen dengan tag yang bersangkutan.
Struktur
Dasar HTML
<html>
<head>
....informasi
dokumen....
</head>
<body>
....konten
yang di tampilkan
pada
halaman browser.....
</body>
</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
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
Elemen yang mungkin terdapat pada bagian
head :
• Tag <title>, digunakan untuk
memberi judul dokumen. Penggunaannya adalah
sebagai berikut :
<title>Judul Dokumen</title>
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>.
Contoh:
<html>
<head>
<title>Penggunaan BODY</title>
</head>
<body bgcolor="Red" text="black" link="green">
Ini adalah contoh penggunaan body.
Dan ini adalah sebuah <a href="">link</a>.
</body>
</html>
Hasilnya:
Memformat
Dokumen HTML
Dalam
HTML terdapat beberapa tag yang dapat digunakan untuk memformat dokumen.
Tag-tag
tersebut diantaranya adalah :
•
Tag <h#>, membuat heading sebuah dokumen. Nilai n
berkisar antara 1 hingga 6.
Contoh:
<html>
<head>
<title>Latihan
Heading</title>
</head>
<body>
<h1>Ini Heading 1</h1>
<h2>Ini Heading 2</h2>
<h3>Ini Heading 3</h3>
<h4>Ini Heading 4</h4>
<h5>Ini Heading 5</h5>
<h6>Ini Heading 6</h6>
</body>
</html>
Hasil:
•
Tag <br />,
membuat baris baru, tidak memerlukan penutup </br>
•
Tag <p>,
memulai paragaraf baru.
• Tag <hr />, membuat garis batas horizontal, tidak
memerlukan penutup </hr>
Contoh:
<html><head> <title>Latihan LIST</title>
Hasil:
Posting Komentar