Apa itu HTML ?
HTML (Hypertext Markup Language)adalah merupakan suatu standar bahasa program
yang di gunakan untuk menampilkan dokumen-dokumen web. (itu menurut saya bro,
kalo salah ya mohon di maafkan).
Mengenal Tag
HTML
Perintah-perintah dalam HTML biasa di sebut dengan
TAG. TAG ini
kebanyakan mempunyai pasangan, yakni TAG pembuka dan penutup. Misal <b>...</b>,
<i>...</i> dan lain sebagainya, dan TAG yang mempunyai
pasangan ini juga bersifat Override yakni dapat menimpa fungsi
TAG sebelumnya. Contoh : sebuah teks yang sudah di buat miring oleh tag <i>
... </i>, dapat di timpa oleh tag <b> ... </b>sehingga
akan melahirkan dua hasil perintah yang berbeda sekaligus yakni kombinasi hurup miring dan
huruptebal, contoh :
ini hanya <b><i>contoh </i></b> saja
sobat
yang akan tampil di browser adalah :
ini hanya
contoh saja sobat
di samping TAG yang mempunyai pasangan, ada juga tag yang tidak memerlukan
pasangan, misal TAG <hr>, <br> , ataupun <input>
Sebuah Tag tidaklah sensitif terhadap
Case (hurup besar atau
kecil), jadi mau di tulis hurup besar ataupun huruf kecil akan menghasilkan
fungsi yang sama. Sebagai contoh : fungsi Tag <b>....</b> akan
sama dengan Tag <B> ....</B>.
Struktur dokumen HTML
Sebuah dokumen HTML terbagi kedalam tiga bagian utama, yakni HTML, HEAD, serta
BODY.
HTML
Sebuah dokumen HTML haruslah diawali dengan tag <HTML> dan di
tutup dengan </HTML>, Tag ini adalah sarana untuk memberikan
informasi kepada browser bahwa apa-apa yang di tulis di dalamnya merupakan
sebuah dokumen HTML.
HEAD
Bagian header dari sebuah dokumen HTML diawali oleh tag <HEAD> dan
di tutup oleh tag </HEAD>, dan di dalam header di isi pula dengan
tag
title yakni judul dari dokumen, tag title ini di tulis
dengan tag pembuka<TITLE> dan di tutup oleh tag </TITLE>,
contoh : title dari blog ini adalah Blog Tutorial jadi untuk
tittle nya di tulis seperti ini <TITLE> Blog Tutorial </TITLE>,
akan tetapi di blogger.com untuk penulisan title tidak harus di tulis langsung
pada tag title karena sudah di otomatisasi, alamatnya yaitu<$BlogPageTitle$>.
Dalam pengisian title ini seyogya nya jangan asal-asalan, karena title
merupakan hal pertama yang di lihat oleh search engine.
Di dalam Header pun di isi pula dengan tag META, tag META ditulis dengan tag <META>,
tag META ini biasanya memuat informasi mengenai dokumen HTML. dengan tag META
kita bisa menentukan keyword, content,refresh, dan lainnya sebagainya. Khusus
tentang tag META keyword akan di bahas lebih lanjut pada postingan selanjutnya.
Tutorial
HTML (2)
Melanjutkan posting yang terdahulu
setelah terselang oleh beberapa artikel tentang blog tutorial maka kali ini
saya akan membahas tentang tutorial HTML kembali.Sebelum menginjak kepada topik
bahasan ada baiknya para sobat mengikuti bahasan kali ini dengan langsung
memfraktekannya agar lebih cepat mengerti. Caranya siapkan terlebih dahulu
program notepadnya lalu tuliskan kode HTML seperti dibawah, kemudian apabila
telah selesai mempraktekan simpan file tersebut dengan extensi .htm (dot htm).
Contoh file : latihan.htm kemudian jalankan dengan internet explorer. silahkan
tulis kode-kode berikut :
<html>
<head>
<title>latihan</title>
<body>
Tulis apa-apa yang saya terangkan di
sini !
</body>
</html>
Kita langsung ke topik bahasan aja ya biar ga bosan.
Elemen dasar HTML
Ada beberapa elemen dasar HTML yaitu :
Elemen Blok Level
Elemen blok level yaitu tingkatan besarnya hurup yang akan di tampilkan pada
browser. Elemen blok level yang paling sering di gunakan adalah Heading (h1
sampai h6).Tag heading ini ini berupa <h1>...</h1> sampai dengan
<h6>...</h6>.
Contoh :
<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>
Hasilnya akan seperti ini :
Ini heading
1
Ini heading 2
Ini heading 3
Ini heading 4
Ini heading 5
Ini heading 6
Sebenarnya ada cara lain untuk menampilkan berbagai ukuran hurup, yakni memakai
tag <font size="...">.....</font>.
Contoh :
<font size="1">Ini font size 1</font>
<font size="2">Ini font size 2</font>
<font size="3">Ini font size 3</font>
<font size="4">Ini font size 4</font>
<font size="5">Ini font size 5</font>
<font size="6">Ini font size 6</font>
<font size="7">Ini font size 7</font>
Hasil yang akan tampil seperti ini :
Ini font size 1
Ini font size 2
Ini font size 3
Ini font size 4
Ini font size 5
Ini font size 6
Ini font size 7
Itu adalah contoh untuk menampilkan huruf dalam berbagai ukuran.