PROGRAM 1
<HTML>
<HEAD>
<TITLE> text title </TITLE>
</HEAD>
<BODY>
<BODY BGCOLOR=lavender>
</BODY>
</HTML>
BODY merupakan element, BGCOLOR(Background) merupakan atribut yang
memiliki nilai lavender, yang artinya body html kita warna backgroundnya kita
beri warna lavender.
Untuk memulai bekerja dengan HTML anda bisa gunakan editor NotePad
atau editor lainya. Caranya:
1. Ketikkan teks yang ada dalam box tersebut di notepad.
2. Simpan dengan nama file satu.htm atau satu.html
3. Buka dengan browser internet explorer atau yang lain file satu.htm
KODE WARNA
•Pengaturan warna di halaman HTML menggunakan mode kombinasi RGB. Yang mana setiap
warna ditampilkan dalam dua digit nilai heksadesimal(0,1,2..F). Setiap bagian dua digit menunjukkan intensitas dari kombinasi warna merah, hijau dan biru. Sebagai contoh 00 pada dua digit pertama berarti tidak ada warna merah dalam kombinasi warna ,dst.
warna ditampilkan dalam dua digit nilai heksadesimal(0,1,2..F). Setiap bagian dua digit menunjukkan intensitas dari kombinasi warna merah, hijau dan biru. Sebagai contoh 00 pada dua digit pertama berarti tidak ada warna merah dalam kombinasi warna ,dst.
•Color merupakan attribute yang bisa anda tambahkan pada beberapa element seperti body, background, bgcolor, text, link, vlink, alink, font dan lainya
HEADING, PARAGRAPH DAN BREAK
•Tag Heading <hx> digunakan untuk memformat heading (judul dan sub judul) dari suatu halaman web. Heading ini akan memperbesar ukuran huruf untuk setiap jenis heading. Ada enam buah heading yang dikenal di HTML, yaitu <h1> </h1>sampai <h6></h6>.
•Tag paragraph <p> </p> berfungsi layaknya untuk pengaturan antar paragraph dalam halaman web anda. Dalam elemen paragraph terdapat atribut align=[left|center|right] yang berfungsi pengaturan perataan paragraph.
•Tag Break <br> berfungsi untuk memberikan baris baru suatu paragraph dalam halaman web anda. Tag break ini tidak memerlukan tag penutup break.
•Tag Horizontal ruler <hr> berfungsi untuk menampilkan garis horisontal tiga dimensi di dalam halaman web. Tag ini juga tidak memerlukan penutup.
PROGRAM 2
HTML>
<HEAD>
<TITLE> paragrap, break dan hr </TITLE>
</HEAD>
<BODY BGCOLOR=#990066 text=#FFCCFF >
<h1>TOKO BUKU SERBA MURAH</h1>
<hr width=50% align=left>
<h2>Toko kami menyediakan</h2>
<h3>Alat Tulis</h3>
<p> Pensil <br>ballpoint<br>penggaris<br>dll</p>
<h3>Buku buku Pelajaran</h3>
<p> Ilmu Pasti <br>Ilmu Bumi<br>Sejarah<br>dll</p>
<h3>Alat Kantor</h3>
<p>Meja <br>Kursi<br>File Management<br>dll</p>
</BODY>
</HTML>
PEMFORMATAN KARAKTER
•Karakter/kalimat pada halaman HTML bisa diformat sesuai design yang kita
butuhkan, baik ukuran , jenis maupun warna dengan menggunakan
tag <font> </font>.
•Atribut elemen font sbb :
–Size=angka (ukuran huruf, default 3)
–color=warna(warna huruf, default black)
–face=jenis huruf (default Times New Roman)
P•Elemen ragam karakter :
–<b> teks disini </b> à menghasilkan huruf tebal
–<i> teks disini </i> à menghasilkan huruf miring
–<u>teks disini</u> à menghasilkan huruf bergaris bawah
Program 3
<HTML>
<HEAD>
<TITLE> format karakter</TITLE>
</HEAD>
<BODY BGCOLOR=#000000 text=#FFFFFF >
<h1 align =center><font color=#FFFF00 face=Arial>TOKO BUKU SERBA MURAH</font></h1>
<hr width=360 align=center>
<h2>Toko kami menyediakan</h2>
<h3><font color=red>Alat Tulis</font></h3>
<p align=center> Pensil <br>ballpoint<br>penggaris<br>dll</p>
<h3 font color=red>Buku buku Pelajaran</h3>
<p align=right> Ilmu Pasti <br>Ilmu Bumi<br>Sejarah<br>dll</p>
<h3>Alat Kantor</h3>
<p align=left>Meja <br>Kursi<br>File Management<br>dll</p>
</BODY>
</HTML>
</BODY>
</HTML>
PROGRAM 4
html>
<head>
<title>Ordered List</title>
</head>
<body>
<P>Shedule for HTML Course</P>
<ol start="1" type="I">
<li>Sunday</li>
<ol type="a">
<li>Introduction to HTML</li>
<li>Creating List</li>
</ol>
<li>Monday</li>
<ol type="A">
<li>Creating table</li>
<li>Inserting Image</li>
</ol>
<li>Tuesday</li>
<ol type="I">
<li>Creating Link</li>
<li>Preparing Website</li>
</ol>
<li>Wednesday</li>
</body>
</html></BODY>
</HTML>
PROGRAM 5
<html>
<head>
<title>Using Table</title>
</head>
<body>
<table bgcolor=”CCCCFF” width="62%" border="1" cellpadding="0">
<tr>
<td colspan="3" align="center">Quarter 1</td>
<td colspan="3" align="center">Quarter 2</td>
</tr>
<tr align="center">
<td>Jan</td>
<td>Feb</td>
<td>Mar</td>
<td>Apr</td>
<td>May</td>
<td>Jun</td>
</tr>
<tr>
<td>100</td>
<td>5000</td>
<td>200</td>
<td>1500</td>
<td>2500</td>
<td>1750</td>
</tr>
<tr>
<td>290</td>
<td>5050</td>
<td>2300</td>
<td>100</td>
<td>270</td>
<td>300</td>
</tr>
</table>
</body>
</html>
0 comments:
Post a Comment