Materi Pengenalan Perancangan WEB Senin, 22 September 1014

Senin, 29 September 2014

Materi Pengenalan perancangan WEB hari ini adalah tentang tag <ol>/order list, <ul>/unorder list, dan beberapa animasi text seperti, <blink>, dan <marquee>

Tag <ol> digunakan untuk membuat list dengan menggunakan angka secara berurutan, contoh :
<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<ol start="50">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<ol type="I">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
Hasilnya :

1. Coffee
2. Tea
3. Milk

50. Coffee
51. Tea
52. Milk

1. Coffee
2. Tea
3. Milk

Tag <ul> digunakan untuk membuat list dengan menggunakan simbol, contoh :
<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>
<ul type="square">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

<ul type="circle">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>
Hasilnya :

• Coffee
• Tea
• Milk
• Coffee
• Tea
• Milk

• Coffee
• Tea
• Milk

Note : Atribut type tag <ul> tidak dapat digunakan di HTML5, gunakan CSS sebagai gantinya.

Tag <blink> digunakan untuk membuat teks berkedip, contoh :
<blink>Berkedip</blink>
Hasilnya :

Kedip

Tag Marquee digunakan untuk membuat animasi teks atau membuat teks bergerak, contoh :

<marquee>Standar tag marquee tanpa atribut</marquee>

Hasilnya :

  Standar tag marquee tanpa atribut