Belajar Dasar HTML part 2

Blogger mania melanjutkan dari coretanKOE yang kemarin, kali ini modulnya tak lanjut lagi :

1. Dalam Penulisan artikel / posting 
1. Penggunaan Bullet and ,
kode script yang dipakai adalah sebagai beikut :
contoh 1: 
<menu>
<li type="disc">Kyipezone</li>
<li type="circle">Kyipezone</li>
<li type="square">Kyipezone</li> 
</MENU> 
 
contoh 2: 
<ol type="i"> 
<li>Kyipezone</li> 
<li>Kyipezone</li> 
<li>Kyipezone</li> 
<li>Kyipezone</li> 
</ol>
Hasilnya :

contoh 1:



Kyipezone






Kyipezone






Kyipezone




contoh 2:


1. Kyipezone
2. Kyipezone
3. Kyipezone
4. Kyipezone

 


1. Menengahkan Teks dan kode HTML/Java script(gadget),
kode script yang dipakai adalah sebagai beikut :       
Numbered
<ol> 
<li>List item 1</li>
<li>List item 2</li> 
<li>List item 3</li> 
<li>List item 4</li> 
</ol> 
 
Numbered Special Start from 5 
berlaku untuk dari angka berapapun) 
<ol start="5"> 
<li>List item 1</li> 
<li>List item 2</li> 
<li>List item 3</li> 
<li>List item 4</li> 
</ol> 
 
Lowercase Letters 
<ol type="a"> 
<li>List item 1</li> 
<li>List item 2</li> 
<li>List item 3</li> 
<li>List item 4</li> 
</ol> 
 
Capital Letters 
<ol type="A"> 
<li>List item 1</li> 
<li>List item 2</li> 
<li>List item 3</li> 
<li>List item 4</li> 
</ol> 
 
Lowercase Roman Numerals 
<ol type="i"> 
<li>List item 1</li> 
<li>List item 2</li> 
<li>List item 3</li> 
<li>List item 4</li> 
</ol> 
 
Capital Roman Numerals 
<ol type="I"> 
<li>List item 1</li> 
<li>List item 2</li> 
<li>List item 3</li> 
<li>List item 4</li> 
</ol>   
Hasilnya : 
Numbered
1. List item 1
2. List item 2
3. List item 3
4. List item 4
Numbered Special Start from 5 (berlaku untuk dari angka berapapun)
5. List item 1
6. List item 2
7. List item 3
8. List item 4
Lowercase Letters
1. List item 1
2. List item 2
3. List item 3
4. List item 4
Capital Letters
1. List item 1
2. List item 2
3. List item 3
4. List item 4
Lowercase Roman Numerals
1. List item 1
2. List item 2
3. List item 3
4. List item 4
Capital Roman Numerals
1. List item 1
2. List item 2
3. List item 3
4. List item 4
 
1. Memberi Garis (Horisontal rule),
kode script yang dipakai adalah sebagai beikut : 
<hr width="50%" size="3" /> 
<hr width="50%" size="3" noshade /> 
<hr width="75%" color="#ff0000" size="4" /> 
<hr width="25%" color="#6699ff" size="6" />  
Hasilnya : 

---

---

---

---

 
 


2. Dalam menata isi sidebar



1. Membuat Media input (form)
   
kode scriptnya adalah sebagai berikut
contoh 1: <form method=post action="/cgi-bin/example.cgi"> Enter Your Comments:<br> <textarea wrap="virtual" name="Comments" rows=3 cols=20 maxlength=100></textarea><br> <input type="Submit" value="Submit"> <input type="Reset" value="Clear"> </form> 
Contoh 2: <form method=post action="/cgi-bin/example.cgi"> Select an option:<br> <input type="radio" name="option"> Option 1 <input type="radio" name="option" checked> Option 2 <input type="radio" name="option"> Option 3 <br> <br> Select an option:<br> <input type="checkbox" name="selection"> Selection 1 <input type="checkbox" name="selection" checked> Selection 2 <input type="checkbox" name="selection"> Selection 3 <input type="Submit" value="Submit"> </form>
 
contoh 3:
<form method=post action="/cgi-bin/example.cgi">
<center>
Select an option:
<select>
<option >option 1</option>
<option selected>option 2</option>
<option>option 3</option>
<option>option 4</option>
<option>option 5</option>
<option>option 6</option>
</select><br>
<input type="Submit" value="Submit"></center>
</form>  
 
Contoh 4:
<form action="mailto:you@yourdomain.com"> Name: <input name="Name" value="" size="10"><br> Email: <input name="Email" value="" size="10"><br> <center><input type="submit"></center> </form>
 
Hasilnya : 
contoh 1:
Enter Your Comments:
 
 
 
contoh 2:
Select an option:
Option 1
Option 2
Option 3
Select an option:
Selection 1
Selection 2
Selection 3
contoh 3: 
Select an option: option 1option 2option 3option 4option 5option 6
contoh 4:
Name: Email:
 
1. Membuat Media input (form)
kode scriptnya beikut ini : 
contoh 1:
<br> 
<br> 
<ul> 
<li>List item 1</li> 
<li>List item 2</li> 
</ul> <br> 
 
contoh 2:
<br> 
<ul type="disc"> 
<li>List item 1</li> 
<li>List item 2</li> 
<ul type="circle"> 
<li>List item 3</li> 
<li>List item 4</li> 
</ul> </ul>
 
Hasilnya :
 Contoh
• List item 1
• List item 2
contoh 2:
• List item 1
• List item 2
• List item 3
• List item 4





Semoga bermanfaat
Selamat mencoba !!

8:05 AM