0
Syntax dasar membangun Web berbasis html
Posted by It's Suchi's BlogzZ
on
02.45
in
ICT
Dokumen Head
1. Judul
Tag yang mendeklarasikan judul dari suatu dokumen html.
<title>...judul...</title>
2. URL
Tag yang menyatakan URL asal dari suatu dokumen HTML.
<base href=”...”>
3. LINK
Tag untuk menghubungkan antara suatu dokumen dengan dokumen lain dalam website yang dibuat.
<link href=”...”>
4. META
Tag yang menyatakan meta informasi dalam suatu dokumen HTML.
<meta name=”...” content=”...”>
5. INDEX
Tag yang menyatakan bahwa dokumen tsb diperkenankan di index oleh server web.
<isiindex>
6. STYLE
Tag yang mendefenisikan style dari dokumen HTML.
<style ahref=”...”>
Atribut Body
1. Warna Latar
::mendefinisikan warna latar untuk isi di dalam dokumen web untuk menuliskan “bg color=nilai warna”
2. Warna Teks
::mendefenisikan warna teks untuk isi dia dalam dokumen web dengan menuliskan “body text=”nilai warna”>
3. Warna Link
:: mendefenisikan warna dan tombol link saat di klik dengan menggunakan tag “link=nilai warna 1” alink=”nilai warna 2”>
Format Teks
1. Font
→ ada beberapa nilai :
a. “face” / jenis font
b. “size” / ukuran font
c. “color” / warna font
d. “style” / style font
Ex: <font face=”Chiller” size=”12 px” color=”red” style=’background color:”black”>teks dokumen</font>
2. Paragraf
→ untuk membuat teks dokumen yang berbentuk paragraf.
Sintaks: <p>teks dalam paragraf</p>
3. Perataan
→ mengatur perataan teks dalam sebuah paragraf dalam dokumen web yang dibuat.
Sintaks: <align=...>teks
Nilai dari perataan itu antara lain :
a. Rata kanan= right
b. Rata kiri = left
c. Rata tengah = center
d. Rata kanan-kiri = justify
4. Preformatted Teks
→ mengembalikan format teks ke posisi awal atau posisi default pertama kali sebelum diformat.
Sintaks: <pre>...</pre>
5. Line Break
→ pemenggalan tau pemeutusan kalimat dengan mneggunakan garis dengan menggunakan perintah
<hr>
6. Komentar
Sintaks: <!—Komentar--!>
7. Format Heading
→ format ukuran huruf dalam HTML.
Sintaks: <H1>teks heading</H1>
Daftar
1. Membuat daftar berurut
<UL>...</UL> : untuk membuat daftar tdk berurutan.
<LI>...</LI> : isi daftar pilihan.
2. Membuat daftar tak berurut
<OL>...</OL> : untuk membuat daftar terurut.
<LI>...</LI> : isi daftar pilihan.
Gambar
Sintaks : <img src=”Lokasi Gambar”.
Width : Lebar gambar
Height : Tinggi Gambar
Ex: <img src=”C:/Documents and Settings/AllUsers/Documents/My Pictures/Sample Pictures/sunset.jpg”>
1. Judul
Tag yang mendeklarasikan judul dari suatu dokumen html.
<title>...judul...</title>
2. URL
Tag yang menyatakan URL asal dari suatu dokumen HTML.
<base href=”...”>
3. LINK
Tag untuk menghubungkan antara suatu dokumen dengan dokumen lain dalam website yang dibuat.
<link href=”...”>
4. META
Tag yang menyatakan meta informasi dalam suatu dokumen HTML.
<meta name=”...” content=”...”>
5. INDEX
Tag yang menyatakan bahwa dokumen tsb diperkenankan di index oleh server web.
<isiindex>
6. STYLE
Tag yang mendefenisikan style dari dokumen HTML.
<style ahref=”...”>
Atribut Body
1. Warna Latar
::mendefinisikan warna latar untuk isi di dalam dokumen web untuk menuliskan “bg color=nilai warna”
2. Warna Teks
::mendefenisikan warna teks untuk isi dia dalam dokumen web dengan menuliskan “body text=”nilai warna”>
3. Warna Link
:: mendefenisikan warna dan tombol link saat di klik dengan menggunakan tag “link=nilai warna 1” alink=”nilai warna 2”>
Format Teks
1. Font
→ ada beberapa nilai :
a. “face” / jenis font
b. “size” / ukuran font
c. “color” / warna font
d. “style” / style font
Ex: <font face=”Chiller” size=”12 px” color=”red” style=’background color:”black”>teks dokumen</font>
2. Paragraf
→ untuk membuat teks dokumen yang berbentuk paragraf.
Sintaks: <p>teks dalam paragraf</p>
3. Perataan
→ mengatur perataan teks dalam sebuah paragraf dalam dokumen web yang dibuat.
Sintaks: <align=...>teks
Nilai dari perataan itu antara lain :
a. Rata kanan= right
b. Rata kiri = left
c. Rata tengah = center
d. Rata kanan-kiri = justify
4. Preformatted Teks
→ mengembalikan format teks ke posisi awal atau posisi default pertama kali sebelum diformat.
Sintaks: <pre>...</pre>
5. Line Break
→ pemenggalan tau pemeutusan kalimat dengan mneggunakan garis dengan menggunakan perintah
<hr>
6. Komentar
Sintaks: <!—Komentar--!>
7. Format Heading
→ format ukuran huruf dalam HTML.
Sintaks: <H1>teks heading</H1>
Daftar
1. Membuat daftar berurut
<UL>...</UL> : untuk membuat daftar tdk berurutan.
<LI>...</LI> : isi daftar pilihan.
2. Membuat daftar tak berurut
<OL>...</OL> : untuk membuat daftar terurut.
<LI>...</LI> : isi daftar pilihan.
Gambar
Sintaks : <img src=”Lokasi Gambar”.
Width : Lebar gambar
Height : Tinggi Gambar
Ex: <img src=”C:/Documents and Settings/AllUsers/Documents/My Pictures/Sample Pictures/sunset.jpg”>
Posting Komentar