·
HTML merupakan bahasa penanda yang digunakan
untuk memberikan konten (teks) struktur dan makna semantik.
·
CSS adalah bahasa yang digunakan untuk
memberikan konten gaya penampilan yang bagus.
Contoh sederhananya, sebuah paragraf teks di prensentasikan
dengan penanda istinline{P} pada html. Memberikan penanda istinline{p} pada
konten dalam html berarti mendadak konten tersebut berada di dalam sebuah
paragraf. Css kemudian digunakan untuk menentukan ukuran teks, warna teks,
spasi, dan berbagai gaya tampilan dari paragraf tersebut.
Elemen, Tag, Dan Atribut
Elemen
Elemen html merupakan komponen yang merupakan peran sebuah
objek dalam dokumen , termasuk structure dan konten dan objek tersebut. Contoh dari
sebuah elemen html ialah p ataupun b yang telah di contohkan pada bagian-bagian
sebelumnya. Elemen-elemen populer lainnya dalam html misalnya a, h1, div, span,
em, ataupun strong.
Kode di bawah mennjukan cohtoh dari elemen a yang digunakan
untuk membuat hyperlink ke halaman lain: <a>
Tag
Sebuah elemen biasanya direpresentasikan oleh tag. Tag pembuka
menandakan elemen tersebut dimulai, dan tag menutup menandakan akhir dari
sebuah elemen, tag pembuka dipresentasikan dengan nama elemen yang diapait
simbol “<>”, contohnya<A>.
Tag penutup dituliskan dengan menambahkan garis miring (“/”)
setelah simbol “<”. Misalnya tag penutup untuk elemen a adalah </a>.
Berikut adalah contoh penggunaan tag a untuk membuat sebuah
link:
<a> ini adalah sebuah link </a>
Attribut
Atribut merupakan informasi tambahan yang dapat kita berikan
untuk sebuah elemen. Setiap elemen memiliki atribut yang berbeda-beda, meskipun
terdapat beberapa atribut standar yang dapat digunakan oleh semua elemen.
Atribut khusus elemen dibuat ketika nilai atribut tersebut
memang hanya pantas digunakan untuk elemen tersebut.
Misalnya, untuk elemen img yang digunakan untuk menentukan
dimana sumber gambar yang akan ditampilkan
gambar.
Atribut standar yang dimiliki oleh semua elemen sendiri
merupakan atribut yang umumnya dapat diimplimentasikan oleh semua elemen,
misalnya atribut “id” untuk identifikasi elemen, atau “class” untuk klarifikasi
elemen. Kode di bawah menunjukan contoh elemen a yang digunakan dengan atribut
wajib elemen tersebut (href):
<ahref=’’http://sniverymy.bogspot.com”> ini adalah
sebuah link </a>
Kode di atas memberikan contoh atribut href yang dimiliki
oleh elemen a.
STRUKTUR DOKUMEN HTML
<!DOCTYPE html>
<html lang=”en”>
<title>...</title>
</head>
...
</body>
</html>
Elemen doctype
Digunalan untuk memberikan informasi kepada browser mengenai
vers html yang diunakan oleh documen. Pada listing~ref{code:struktur-html},
versi html yang digunakan adalah html5.
Elemen html
Elemen ini mengandung keseluruhan dokumen html, yang berarti
tag pembuka elemen html merupakan tanda awal dokumen html, dan tag penutup
adalah tanda akhir dokumen.
Elemen head
Elemen head pada docuken digunakan untuk menguraikan
berbagai data (informasi yang berkaitan dengan dokumen), judul dokumen , dan
tautan dokumen ke berkas berkas eksternal. Berbagai data yang ada di dlm elemen
head tidak akan nampak pada halaman web hasil tampilan browser.
Elemen title
Memberikan judul dokumen
Elemen body
<!DOCTYPEhtml>
Html lang=”en’>
<title>pengenalan html</title>
</head>
<body>
<h1>berita utama</h1>
<p>
Elemen h1 digunakan untuk menandakan sebuah header dari teks
(h1 ==header 1). Konten teks ini sendiri berada di dlm
sebuah paragraf, yang ditandai oleh elemen p.
</p>
<p>
Paragraf kedua.
</p>
</body>
</html>
Tidak ada komentar:
Posting Komentar