HTML tags adalah suatu kata kunci (keyword) yang terletak didalam angle brackets seperti <html>
HTML element adalah semua yang terletak diantara start tag dan end tag:
<p> Selamat Datang </p>
<a href="default.htm" > webku </a>
p dan a adalah HTML Element
mirip dengan HTML 4.01, XHTML lebih ketat dan lebih teratur dibandingkan HTML
XHTML (EXtensible HyperText Markup Language)adalah HTML yang didefinisikan sebagai aplikasi XML.
XML adalah markup language dimana dokumen harus memiliki markup dengan benar dan "well-formed".)adalah HTML yang didefinisikan sebagai aplikasi XML
Format Terkompresi
• GIF
– LZW Compression dari Compuserve
– Membuang beberapa informasi tentang warna
– Tidak memiliki warna kulit manusia dalam daftar warna
sehingga lebih cocok untuk icon / kartun
– Mendukung animasi dan transparansi
• JPEG
– Joint Photographic Experts Group (pembuat standar)
– Membuang beberapa informasi tentang image
– Memiliki beberapa level kompresi
• PNG
– Portable Network Graphics, dibuat khusus untuk web
– Menggunakan intelligent algorithm and Losless compression
Hyperlink (atau link) adalah suatu kata, sekumpulan kata,
atau gambar yang dapat digunakan (diklik) untuk menuju
ke dokumen baru atau bagian lain yang dari dokumen
html tersebut.
sintak image
<html>
– <head>
– <title>gambar</title>
– </head>
– <body>
– <img src="mahasiswa.jpeg" alt= “mahasiswa"/>
– </body>
– </html>
sintak penulisan
<html>
<head>
<title> :: Web Pertama :: </title>
</head>
<body>
Selamat datang di Web Pribadiku
</body>
</html>
<B> Bold text
<I> Italic text
<U> Underscore
<TT> Typewriter
<PRE> Preformatted Text <DFN> Definition
<BLINK> Text berkedip (lebih baik jangan digunakan)
<STRONG> Strong
<ADDRESS> Italic
<CITE> Digunakan untuk quoting text
<BIG> Ukuran teks akan lebih besar satu ukuran
<SMALL> Ukuran teks akan lebih kecil satu ukuran
<SUP> Membuat teks
<SUB> membuat teks
<ABBREV> Abbreviations
<ACRONYM> Untuk akronim
<PERSON> Digunakan untuk indexing
<Q> Membuat short inline quotation
<VAR> Membuat variable name, selalu dalam italics.
<I> Italic text
<U> Underscore
<TT> Typewriter
<PRE> Preformatted Text <DFN> Definition
<BLINK> Text berkedip (lebih baik jangan digunakan)
<STRONG> Strong
<ADDRESS> Italic
<CITE> Digunakan untuk quoting text
<BIG> Ukuran teks akan lebih besar satu ukuran
<SMALL> Ukuran teks akan lebih kecil satu ukuran
<SUP> Membuat teks
<SUB> membuat teks
<ABBREV> Abbreviations
<ACRONYM> Untuk akronim
<PERSON> Digunakan untuk indexing
<Q> Membuat short inline quotation
<VAR> Membuat variable name, selalu dalam italics.
Unordered Lists: <UL> Untuk membuat daftar item dengan tanda bullet
gambar dan bg
<html>
<head>
<title>gambar</title></head>
<body background="php.gif" />
<img src="addfriend.gif" />
<img src="addfriend.gif" />
<img src="addfriend.gif" />
<img src="addfriend.gif" />
</body>
</html>
website dgn biodata sendiri
<html>
<head>
<title>Tugas</title>
</head>
<body background="android.jpg"">
<h3><center><font color="red">Welcome to my website anung kurniawan</font></center></h2>
<ol type="=>">
<a href ="link1.html" target="_blank">
<li><font color="purple"><img src="anung.jpg" width="32" height="32" />tentang anung</font></li>
<ul type="square">
<li><p> lagu-lagu kesukaan</li>
<a href ="link1.html" target="_blank">
<img src="peterpan1.jpg" width="32" height="32" />
</p>
<li><p> hobi chand </li>
<a href ="link1.html" target="_blank">
<img src="balap.jpg" width="32" height="32" />
</p>
<li><p> fans club anung </li>
<img src="fans1.jpg" width="32" height="32" /></br>
<ol type="1">
<li>menjadi orang programer no 1</li>
<li>membanggakan orang tua IT</li>
<li>dan mengejar cita - cita
</p>
</ul>
<li><font color="purple"><img src="musik.jpg" width="32" height="32" />daftar list lagu anung</font></li>
<li><font color="purple">silahkan pilih di sini</font></li>
<ul type="square">
<li><p> Lagu indonesia</li>
<a href ="link1.html" target="_blank">
<img src="indo.jpg" width="32" height="32" />
<a href ="lagu.mid" loop="3">
<a href ="full house" loop="3">
</p>
<li><p> vidio anung</li>
<a href ="link1.html" target="_blank">
<img src="videos.jpg" width="32" height="32" />
<embed src="video.avi" height="400" widht="400" units="pixels" autostart="true" loop="false">
</embed>
</p>
</ul>
</ol>
</body>
</html>
Atribut yang di gunakan yaitu :
o Align
Mendefinisikan perataan (align) tabel yaitu yaitu perataan kiri (left), tengah (center) atau kanan (right).
o background
Meletakkan image pada latar belakang tabel.
o bgcolor
Mendefinisikan warna latar belakang
o colspan
berfungsi untuk menggabungkan beberapa sel dalam satu baris
o height
Mendefinisikan tinggi cells dalam pixels
o rowspan
di gunakan untuk menggabungkan beberapa baris sel
o valign
Perataan vertikal yaitu perataan pada top, middle atau bottom.
o width
Mendefinisikan ukuran tabel dalam pixels atau persentase.
<html>
<body>
</br>
<table border='2'bgcolor='aqua' cellpadding='1' cellspacing='1'>
<tr>
<th colspan='2' rowspan='2'>Warga</th>
<th rowspan='1' colspan='6'>Kota</th>
</tr>
<tr>
<td><b>Klaten</b></td>
<td><b>Yogya</b></td>
<td><b>Solo</b></td>
<td><b>Wonogiri</b></td>
<td><b>Ponorogo</b></td>
<td><b>Malang</b></td>
</tr>
<tr>
<th rowspan='2'>Jenis Kelamin</th>
<td><b>Pria</b></td>
<td>30</td>
<td>20</td>
<td>30</td>
<td>22</td>
<td>19</td>
<td>9</td>
</tr>
<tr>
<td><b>Wanita</b></td>
<td>20</td>
<td>8</td>
<td>18</td>
<td>10</td>
<td>15</td>
<td>18</td>
</tr>
</table>
</body>
</html>
Tidak ada komentar:
Posting Komentar