Struktur File HTML
Penulisan dokumen HTML dimulai dengan Document Type Declaration ("doctype"). Contohnya jika Anda membuka EDIT HTML untuk melihat struktur kode HTML Blog Anda, bagian paling atas tertera :
<!DOCTYPE html PUBLIC "//W3C//DTD XHTML 1.0Strict//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1strict.dtd>
Hal ini sangat diperlukan karena dalam browser, doctype membantu untuk menentukan rendering mode-terutama apakah akan menggunakan mode quirks. Jika <! DOCTYPE html> deklarasi tidak disertakan, Windows Internet Explorer akan menggunakan "mode kebiasaan" (Mode Quirks).
HEAD
Bagian header dari document HTML di apit oleh tag <HEAD></HEAD> di dalam bagian ini biasanya dimuat tag TITLE yang menampilkan judul dari halaman pada titlenya browser. Selain itu Bookmark juga megunakan tag TITLE untuk memberi mark suatu web site. Browser menyimpan “titile” sebagai bookmark dan juga untuk keperluan pencarian (searching) biasanya title di gunakan sebagai keyword. Header juga memuat tag META yang biasanya di gunakan untuk menentukan informasi tertentu mengenai document HTML, anda bisa menentukan author name, keywords, dan lainyan pada tag META. Contoh:<meta name="Yusuf" content="Bisnis Takaful online">Elemen Body
Bagian BODY, yang dinyatakan dengan tag <BODY>…</BODY>, merupakan tubuh atau isi dari dokumen HTML dimana anda meletakan informasi yang akan ditampilkan pada browser.Tag
HTML tidak membedakan penggunaan huruf besar ataupun huruf kecil dari suatu elemen. Suatu elemen HTML terdiri dari tag-tag beserta teks yang ada dalam tag-tag tersebut. Tag ini dinyatakan dengan tanda lebih kecil (<) dan tanda lebih besar (>). Tag biasanya merupakan suatu pasangan yang disebut dengan : 1. Tag awal, dinyatakan dalam bentuk <nama tag> 2. Tag akhir, dinyatakan dalam bentuk </nama tag>Format : <nama tag> teks yang ditampilkan </nama tag> Contoh : untuk menampilkan teks dalam format teks miring Teks ini terlihat miring di browser anda dengan perintah HTML <i>Teks ini terlihat miring di browser Anda</i>
Atribute
Pengertian Elemen HTML ( sumber : Wikipedia Bebas )
Setiap File dokumen HTML seluruhnya terdiri dari elemen HTML membentuk suatu struktur kode-kode HTML. Dimulai dengan tag Pembuka <html>, kode-kode dan tag-tag diantara <html> dan </html> dan bahkan semua tag adalah termasuk elemen HYML. Elemen ini dalam bentuk yang paling umum memiliki tiga komponen :1). Sepasang tag elemen, sebuah "tag Pembuka" dan "tag penutup"; 2). Beberapa elemen atribut dalam tag Pembuka ; dan terakhir, 3). Konten grafis dan tekstual yang ada antara Tag Pembuka dan Penutup
Elemen HTML adalah semua konten yang ada diantara <html> dan </html> dan termasuk semua tag. Setiap tag ditutupi dalam kurung sudut. Bentuk umum suatu elemen HTML adalah :
<tag attribute1="value1" attribute2="value2">konten yang akan diberikan</tag> <font color="#0000ff" size="3"><b><i>Mengenal HTTP</i></b></font>
Penjelasan : Atribut COLOR memiliki VALUE #0000ff (kode warna BLUE) dan atrinut SIZE memiliki VAlUE 3 (ukuran huruf 3 sama nilainya dengan ukuran 10 pada edit font). Tag <b> menjadikan huruf TEBAL (Bold) dan <i> menjadikan huruf miring (italic) dan <u> menjadikan huruf bergaris bawah (underline).
Nama dari elemen HTML adalah juga nama tag. Perhatikan bahwa nama tag akhir adalah didahului dengan karakter garis miring (Slash), "/". Dan jika atribut tidak ditugaskan, maka nilai-nilai default yang akan digunakan.
Contoh
Header dari dokumen HTML: <head> ……………………</head>. Biasanya judul juga harus disertakan di dalam Header,
<head>
<title> Judul </title>
</Head>
Contoh 2 Heading HTML didefinisikan dengan tag-tag <h1> hingga <h6> :
<h1> Heading1 </ h1>
<h2> Heading2 </ h2>
<h3> Heading3 </ h3>
<h4> Heading4 </ h4>
<h5> Heading5 </ h5>
<h6> Heading6 </ h6> Contoh 3 Paragraf (alinea) dan Baris :
<p>paragraf1</p> <p>paragraf2 </p> Baris istirahat (jeda) didefinisikan <br>. Perbedaan antara <br> dan <p> adalah 'br' atau jeda baris tanpa mengubah struktur semantik halaman, sebaliknya 'p' membagi-bagi halaman blog (page) ke dalam paragraf-paragraf.
Atribut
Sebagian besar atribut elemen pasangan nama-nilai, dipisahkan oleh "=" dan ditulis setelah tanda < pada tag awal sebuah nama elemen. Nilai ini dapat ditutup dengan tanda kutip tunggal atau ganda, meskipun nilai yang terdiri dari karakter tertentu dapat dibiarkan dikutip dalam HTML. Contoh : 1).<b:widget id='HTML12' locked='false' title='Klik Takaful' type='HTML'> 2).<font color="#0000ff" size="2">INI WARNA BIRU NAVY</font>
Ada beberapa atribut umum yang muncul dalam banyak elemen :
* Atribut ID Atribut ID menyediakan Pengenal elemen unik dokumen-lebar. Atribut ini digunakan untuk mengidentifikasi elemen sedemikian hingga stylesheet yang dapat mengubah sifat penyajian, dan script, menghidupkan atau menghapus isinya atau presentasinya
* Atribut Kelas Atribut Kelas memberikan cara untuk mengklasifikasi elemen serupa dan digunakan untuk tujuan semantik or presentasi. Sebagai contoh dokumen HTML semantik berbentuk : class="notasi" untuk menunjukkan bahwa semua elemen dengan nilai tertentu tunduk kepada dokumen teks utama. Dalam presentasi, unsur-unsur tersebut terkumpul dan disajikan sebagai catatan kaki pada halaman.
* Atribut Style Atribut ini untuk menetapkan properti presentasi ke elemen tertentu. Hal ini dianggap praktek yang lebih baik untuk penggunaan atribut id atau atribut kelas untuk memilih elemen dari dalam stylesheet,
* Atribut Judul Atribut judul digunakan untuk melampirkan penjelasan subtextual untuk elemen. Pada kebanyakan browser atribut ini ditampilkan sebagai tooltip.
* Atribut Lang Atribut lang mengidentifikasi bahasa alami dari isi elemen, yang mungkin berbeda dari seluruh dokumen. Sebagai contoh, dalam sebuah dokumen berbahasa Inggris:
<p> Oh well, <span lang="fr"> c'est la vie </ span>, seperti yang mereka katakan di Perancis. </p> * Unsur Singkatan Misalnya abbr (dari kata abbreviation) digunakan untuk menunjukkan beberapa atribut :
<abbr id="anId" class="jargon" style="color:purple;" title="Hypertext Markup Language"> HTML </ abbr>
Postingan
0 komentar dan respon:
Posting Komentar