web design

1Aktifkan dulu Web server(Xampp Control)
    1.  cek status Apache pastikan sudah runing.
    2. Kalau belum runing  klik tombol start
    3. masuk ke browser, lalu localhost.
    4. Pastikan xampp tidak error
    5. bUat file html nya
    6. pastikan ekstensinya html
    7. masukkan ke browser ketikkan file htmlnya. contoh localhost/contoh

   HTML elemen


tag contoh : body,html,head,table,dll.
Propeties .contoh :  bgcolor,margin,style,dll.
value. contoh : #fff,rgb,() 1.....223,1 px,dll
css inline
contoh:
Heading tag


 membesarkan tulisan letaknya pada judul.
semakin besar angka H1-H6 tulisan akan semakin mengecil

Bullets : 

<ul>
<li>Bullets 1</li>
<li>Bullet 2</li>
</ul>

• Bullets 1



• Bullet 2

Numbering :
<ol><br />
<li>Satu</li>
<li>Dua</li>
</ol>   

1. Satu

   

2. Dua

pre berfungsi menyamakan baris2 apa yang di ketik





CENTER 
menengahkan kata2
<center>judul</center>













judul

---

HR <HR> : membuat garis pada web
JUDUL



Membuat tabel
TD fungsinya menambahkan kolom
TR Fungsinya menambahkan baris

EXAMPLE :

<table border="1">
<tr>
<td>tabel 1<td>
<td>tabel2</td>
</tr>
<tr>
<td>isi 1</td>
<td>isi 2</td>
</tr>
</table>

contoh gambar

tabel 1	tabel2
isi 1	isi 2

Pengertian colspan dan rowspan
Rowspan = menggabungkan beberapa baris menjadi satu
Colspan = menggabungkan beberapa kolom menjadi satu

Contoh Colspan


<table border="1">
<tr>
<td colspan="2"> Colspan 1<td>

</tr>
<tr>
<td>isi 1</td>
<td>isi 2</td>
</tr>
</table>

contoh gambar

Colspan 1
isi 1	isi 2

Contoh Rowspan


<table border="1">
<tr>
<td rowspan="2">table 2<td>
<td>Saya</td>
</tr>
<tr>
<td>isi 1</td>
</tr>
</table>


contoh gambar

table 2	saya
	isi 1