Dasar HTML
•Hypertext Markup Language
•Bahasa standard untuk membuat halaman web
•Bisa berisi teks, gambar, suara, video
•Editor : notepad, Dreamweaver, Quanta
•Disimpan dengan ekstension .htm atau .html
•Browser : Firefox, Opera, IE
•Bisa dilihat source codenya
•Instruksi atau perintah dalam HTML disebut TAG
•Tidak case sensitive
•<element atribut=value>
ket : ket : element = nama tag
atributte = atribut
value = nilai dari atribut
contoh :
<font color=red>
FONT merupakan element,
COLOR merupakan atribut,
RED adalah nilai dari atribut.
▫Dokumen HTML harus diawali dengan tag <HTML> dan diakhiri dengan </html>
▫memberi tahu kepada browser bahwa yang berada dalam kedua tag tersebut adalah dokumen HTML.
•BODY
▫Bagian isi dari dokumen HTML
▫Dapat disisipkan teks, gambar maupun link.
▫Yang ada di dalam body akan ditampilkan pada halaman web
ELEMEN DASAR HTML
1.HEADING
Heading biasa digunakan untuk membuat judul pada halaman
web. Tag yang digunakan adalah <Hn> dengan nilai n antara 1 sampai dengan 6. Semakin besar nilai n maka semakin kecil huruf yang tercetak.
Default heading adalah rata kiri. Jika kita ingin membuat heading rata tengah maka tambahkan atribut
ALIGN dengan nilai
center atau right untuk
rata kanan. 2. PARAGRAF
Untuk membuat paragraph pada halaman web anda gunakanlah tag <p>….</p>.
Sama seperti
heading, kita dapat mengatur perataan
paragraph dengan menambahkan atribut align di dalam tag <p>.
3. GARIS HORIZONTAL
Untuk membuat garis horizontal dalam halaman web, gunakanlah tag <HR>. tag <HR> memiliki atribut
Align, Width, Size, Color dan Noshade.
4 BARIS BARU
Untuk membuat baris baru gunakanlah tag <BR>
5 KOMENTAR
Komentar biasanya digunakan untuk memberikan penjelasan atau keterangan tentang dokumen yang kita buat. Untuk membuat komentar pada program gunakanlah tag <!—di sini komentar ditulis-->.
Kalimat yang berada dalam tag tsb tidak akan dieksekusi oleh
browser.
Pemformatan Teks Pada Halaman Web
1.MENGATUR TAMPILAN FONT DENGAN TAG <FONT>
Tag font
mempunyai beberapa atribut yang dapat digunakan untuk memberi warna tulisan anda, menentukan ukuran huruf, mengatur perataan, dan jenis font.
Atribut COLOR digunakan untuk membuat tulisan Anda menjadi berwarna. Nilai dari atribut ini adalah nama font atau
hexadecimal (#000000 - #ffffff).
Cth : <FONT COLOR=RED> atau <FONT COLOR=”#FF0000”>
•Atribut FACE digunakan untuk menentukan jenis
font yang Anda inginkan. Nilai dari atribut ini antara lain Arial, Helvetica, Sans-serif,
Times New Roman, dll. Jika atribut FACE tidak ada maka browser akan menampilkan jenis
font default yang ada di komputer anda.
Cth : <FONT FACE=”TIMES NEW ROMAN”>
atau <FONT FACE=ARIAL>
•Atribut SIZE
digunakan untuk mengatur besarnya
font. Nilai dari atribut ini adalah bilangan antara 1
s/d 7.
Cth : <FONT SIZE=1>
2. TAG LAIN UNTUK
DEKORASI TEKS
|
TAG
|
FUNGSI
|
|
<B>…</B>
|
Mencetak Tebal
Teks
|
|
<I>…</I>
|
Mencetak Miring Teks
|
|
<U>…</U>
|
Menggaris Bawahi
Teks
|
|
<BIG>…</BIG>
|
Membesarkan Teks
|
|
<SMALL>…</SMALL>
|
Mengecilkan Teks
|
|
<STRIKE>…</STRIKE>
|
Memberi Coretan
Pada Teks
|
|
<TT>…<TT>
|
Menampilkan Teks Seperti Mesin Ketik
|
|
<SUB>…</SUB>
|
Membuat Teks Subscript (sedikit ke bawah)
|
|
<SUP>…</SUP>
|
Membuat Teks Superscript (Sedikit ke atas)
|
|
<CENTER>…</CENTER>
|
Membuat teks Rata Tengah
|
•Preformatted text
Beberapa tag yang disebutkan di atas adalah tag-tag yang digunakan untuk memformat tampilan teks. Sekarang bagaimana caranya bila kita ingin menampilkan teks sesuai dengan yang kita tuliskan? Ternyata hal tsb dapat kita lakukan dengan menggunakan Performatted Text. Tag yang digunakan adalah
<PRE>…</PRE>
Entitas Karakter HTML
Karakter
|
Entity Reference
|
Karakter
|
Entity Reference
|
|
Spasi
|
|
©
|
©
|
|
<
|
<
|
±
|
±
|
|
>
|
>
|
®
|
®
|
|
&
|
&
|
µ
|
µ
|
|
“
|
"
|
™
|
™
|
LIST
HTM
List merupakan bentuk yang umum yang biasa digunakan untuk menguraikan daftar sesuatu.
Jenis-jenis list dalam HTML
1.Unordered List
(Bulleted List)
2.Ordered List
(Numbering List)
List merupakan bentuk yang umum yang biasa digunakan untuk menguraikan daftar sesuatu.
Jenis-jenis list dalam HTML
1.Unordered List
(Bulleted List)
2.Ordered List
(Numbering List)
Ordered List
(Numbering List)
Adalah suatu daftar yang diawali dengan nomor yang berurutan. Untuk membuat
Numbered List gunakanlah tag <OL>…</OL> dan
tag <LI> yang menyatakan daftar
item.
Quotation
Tag <blockquote> digunakan untuk membuat sebagian teks yang dikutip sebagai suatu blok sendiri.
Tidak ada komentar:
Posting Komentar