Tentang HTML
· HTML
: format standar untuk membuat dokumen web
· HTML
versiterakhir: HTML 4.01
· Spesifikasi
HTML standar: http://www.w3.org/TR/html4
· HTML
merupakan bahasa bertanda,menggunakan rangkaian teks tertentu(tag) untuk
menandai teks yang mempunyai interpretasi khusus
· File
HTML berupafile teks(plain text file), bukan binary file
Awal
dari membuat halaman web dengan menggunakan <html>...</html> ,Untuk
bagian atas disebut <head> dan diakhiri </head> , untuk menulis
judul menggunakan <title> dan diakhiri </title>. Setelah
mendesign bagian kepala atau atas web kita lalu membuat bagian isi
dengan menggukan <body> diakhiri </body> . berikut tags-tags dalam
html yang sudah di ajarkan:
<h1>
<h2> <h3>
<h4>.. =untuk
menentukan ukuran huruf
<p> ...</p>=untuk membuat paragraf baru
<p> ...</p>=untuk membuat paragraf baru
<br> =untuk
mengenter atau membuat baris baru
<marquee>...<//marquee>
<marquee>...<//marquee>
Di
pertemuan kedua Pak Barka Satya memberikan materi tentang bagaimana memasukan
gambar dan link pada web kita . kita masih mengggunakan aplikasi yang sama
yaitu dreamweaver.
Untuk
memasukan link ke dalam web menggunakan:
Untuk
memasukan gambar pada web yaitu menggunakan:
<img
src=”latihan1.jpg” width=”300” height=”300”> usahakan gambar yang dipilih
adalah gambar yang mempunyai resolusi yang bagus agar tidak pecah. Jika ingin
menggerakkan gambar pada tampilan web kita bisa menggunakan tags html yaitu
<marguee>...</marquee>
Jika
kita ingin memasukkan gambar delang lebih rapi dan teratur kita bisa
menggunakan option “table” kita bisa menentukan berapa jumlah kolom dan
barisnya. Setelah itu kita bisa memasukan gambar disetiap kolomnya. Dengan
begitu foto yang kita tampilkan akan lebih rapi dan teratur. Ini adalah contoh
blog sederhana yang sudah diajarkan
<html>
<head>
<title>Distro Baju Pantas Dipakai</title>
</head>
<body>
<body>
<p>
Toko ini menjual berbagai merk Baju</p>
<table width="300" border="2">
<tr>
<td><img src="polo1.jpg"width="200" height="200"></td>
<td><img src="polo2.jpg"width="200" height="200"></td>
<td><img src="polo3.jpg"width="200" height="200"></td>
</tr>
<tr>
<td><img src="psd1.jpg"width="200" height="200"></td>
<td><img src="psd2.jpg"></td>
<td><img src="psd3.jpg"></td>
</tr>
<tr>
<td><img src="joger1.jpg"width="200" height="200"></td>
<td><img src="joger2.jpg"width="200" height="200"></td>
<td><img src="joger3.jpg"width="200" height="200"></td>
</tr>
</table>
<table width="300" border="2">
<tr>
<td><img src="polo1.jpg"width="200" height="200"></td>
<td><img src="polo2.jpg"width="200" height="200"></td>
<td><img src="polo3.jpg"width="200" height="200"></td>
</tr>
<tr>
<td><img src="psd1.jpg"width="200" height="200"></td>
<td><img src="psd2.jpg"></td>
<td><img src="psd3.jpg"></td>
</tr>
<tr>
<td><img src="joger1.jpg"width="200" height="200"></td>
<td><img src="joger2.jpg"width="200" height="200"></td>
<td><img src="joger3.jpg"width="200" height="200"></td>
</tr>
</table>
</body>
</html>
Kita juga diajarkan membuat Animasi dalam HTML:
Animasi dalam HTML
Teks Berkedip
<blink>TEXT</blink>
TEXT
Menggerakan Teks dari kanan ke kiri
<marquee>TEXT</marquee>
Menggerkan Teks dari kiri ke kanan
<marquee direction="right">TEXT</marquee>
The
href Attribute
HTML link dilambangkan dengan <a>
Example
<a href="http://www.w3schools.com">Ini adalah linknnya</a>
Font size
<font size="n"> kalimat </font>
<font size="m"> kalimat </font>
"n"=1,2,3,4,5,6,7(ukuran huruf)
"m"=-1,-2,-3,-4,-5,-6,-7(ukuran huruf)
Font face
<font face="nama font"> kalimat </font>
nama font = Times new roman, Arial, dll
Font color
<font color="#RRGGBB"> kalimat </font>
HTML link dilambangkan dengan <a>
Example
<a href="http://www.w3schools.com">Ini adalah linknnya</a>
Font size
<font size="n"> kalimat </font>
<font size="m"> kalimat </font>
"n"=1,2,3,4,5,6,7(ukuran huruf)
"m"=-1,-2,-3,-4,-5,-6,-7(ukuran huruf)
Font face
<font face="nama font"> kalimat </font>
nama font = Times new roman, Arial, dll
Font color
<font color="#RRGGBB"> kalimat </font>
g
0 komentar:
Posting Komentar