HTML TINGKAT DASAR
Bagian 1
Dasar dari semua pemrograman web adalah pemrograman HTML,
sehingga dikatakan bahwa tidak akan dapat membangun suatu gedung tanpa ada
fondasi yang mendasari dari gedung tersebut. Apapun bagus dan kuatnya gedung
tersebut bila tanpa fondasi maka tidak akan dapat bertahan lama. Dalam buku ini
semua contoh pemrograman dicoba pada browser MSIE akan tetapi tidak
menutup kemungkinan untuk menggunakan browser
yang lainnya seperti
Netscape Communicator dan lainnya.
1 Format Penulisan HTML
Untuk memulai pembuatan halaman HTML maka dapat dimulai dengan
menyiapkan editor yang akan digunakan, misalkan menggunakan EditPlus atau
Notepad, yang dilakukan disini adalah menggunakan EditPlus karena mempunyai
Format halaman HTML adalah terdiri dari dua bagian yaitu bagian Header
dan bagian Body, yang semuanya itu dibuka dan ditutup dengan
adalah digunakan untuk tanda awal dari suatu halaman HTML, sedangkan
tag (diawali tanda slash) digunakan untuk tanda akhir dari suatu halaman
HTML. Tag-tag tersebut dapat ditulis dengan huruf kecil maupun huruf besar,
karena HTML tidak mengenal case sensitive (membedakan huruf kecil dan besar).
Berikut ini diberikan contoh format standar dari penulisan HTML:
Berikut ini contoh pembuatan halaman web dengan HTML menggunakan editor
EditPlus:
Gambar 1 Tampilan Editor EditPlus
Sedangkan halaman hasil dari HTML diatas adalah:
Gambar 2 Tampilan Browser MSIE dari halaman Web Editor EditPlus
Suatu tampilan browser dari halaman web biasanya menggunakan judul
(title) yang digunakan untuk menamakan suatu halaman web dan untuk
memberikan nama pada saat suatu halaman web akan disimpan atau didata pada
menu browser (menu Favorite). Judul ini akan ditampilkan pada bagian kiri atas
dari suatu browser seperti tampilan Gambar 2.2 diatas. Untuk memberikan nama
maka digunakan tag
format heade
2 Style dari Teks
dengan tag
menyediakan 6 style teks yang dapat diatur menggunakan angka dari 1 sampai 6,
dimana angka 1 adalah ukuran yang paling besar, biasanya digunakan untuk judul
atau sub judul, yang dicetak besar dan tebal (bold). Heading mempunyai
parameter untuk mengatur justify yaitu LEFT, CENTER dan RIGHT. Sedangkan
bila menggunakan cara kedua maka digunakan tag dimana tersedia 7 style
teks yang dapat dipilih menggunakan tingkatan dari 1 sampai 7, yang merupakan
kebalikan dari heading, dimana 1 adalah ukuran yang terkecil sedangkan 7 adalah
ukuran terbesar, dan tidak tebal. Berikut contoh penggunaan heading dan font.
<HTML>
<HEAD> &t;TITLE>Text Style using Heading&t;TITLE> &t;HEAD>
<BODY>
<H1 ALIGN=CENTER>JUDUL MENGGUNAKAN HEADING 1&t;/H1>
<H2 ALIGN=CENTER>JUDUL MENGGUNAKAN HEADING 2&t;/H2>
<H3 ALIGN=CENTER>JUDUL MENGGUNAKAN HEADING 3&t;/H3>
<H4 ALIGN=CENTER>JUDUL MENGGUNAKAN HEADING 4&t;/H4>
<H5 ALIGN=CENTER>JUDUL MENGGUNAKAN HEADING 5&t;/H5>
<H6 ALIGN=CENTER>JUDUL MENGGUNAKAN HEADING 6&t;/H6>
</BODY>
</HTML>
Gambar 3 Tampilan Style Teks Heading menggunakan tag <Hn>
Semoga sedikit ilmu ini dapat bermanfaat untuk kita semua,,
MAAF atas ketidak jelasan gambarnya,,,,,
karena saking repot + tergesa2 saya ga sempat ngedit gambar dan cuma sempat copy and paste aja??hehehehe
natikan yah lanjutan dari tulisan yang tidak seberapa ini??
Sampai jumpa di episode 2???
No comments:
Post a Comment