HTML Dasar part 3 Membuat List dan Running Text

Kita akan lanjutkan syntax" yang lain..

MEMBUAT LIST (daftar)


digunakan untuk mengolah file dokumen dalam web

    list terbagi 2 yaitu:
      
    1. Ordered list (OL)  
        Syntax : <OL>  <li>........</li> </ol>

Type pada ordered list :

a. Huruf
b. angka"
c. angka romawi

2. Unordered list (UL) 
     Syntax : <uL> <li>……….</li> </uL>

    contoh :

        <body>
        <font color = "green tea" face="times new roman">
        <ol>
        <li> Rudi </li>
        <li> makan </li>
        <li> ikan </li>
        </ol>
        <ol type ="a" start=23>
        <li> Ayam </li>
        <li> Bakar </li>
        <li> Bakaran </li>
        </ol>
        <ul type="square">
        <li> Rudi </li>
        <li> makan </li>
        <li> ikan </li>
        </ul>
        <ol type ="A">
        <li> Perhitungan </li>
        <ol type =1>
        <li> tambah </li>
        <li> kurang </li>
        <li> kali </li>
        <li> bagi </li>
        </ol>
        <li> Matematika </li>
        <ol type =1 start="2">
        <li> dasar </li>
        <li> diskrit </li>
        </ol>
        </font>
        </body>

 Silahkan mencobanya dan liat hasilnya…….. 

Teks berjalan (RUNNING TEXT)
Syntax : <marquee direction=”left”>……</marquee>
Contohnya ada di postingan yang lalu tentang header.

Teks bolak balik

Syntax : <marquee behavior=”alternate” direction=”right” width=30% bgcolor=”blue” scrolldelay=10 scrollamount=20>………</marquee>


contoh:

    <body>
    <hr>
    <H1><marquee behavior="alternate" direction="left" width="100%" bgcolor="Blue" scrolldelay ="10" scrollamount="10" >
    SELAMAT DATANG DALAM BLOG SEDERHANA RUDY</marquee></h1>
    <hr></body>

dan apakah hasilnya seperti ini???



SELAMAT DATANG DALAM BLOG RUDY



NB: Scrolldelay n scrollamunt berfungsi untuk mengatur kecepatan text bergerak

SILahkan Mencoba Kembali......
Previous
Next Post »

# Silahkan Anda Berkomentar dengan Baik dan Sopan
# Pesan dilarang Mengandung SARA dan Spam
# Terima Kasih Telah berkunjung di Blog Sederhana ini ConversionConversion EmoticonEmoticon

Thanks for your comment