Pada postingan kali ini, kita akan belajar membuat numbering pada tulisan. Jika pada Unorder list kita menggunakan tag <ul> maka pada numbering kita gunakan tag <ol>. .Ikuti langkah berikut :
Buka Notepad melalui Start – All programs – accessories – notepad
Ketik di notepad tulisan di bawah ini :
‘<html>
‘<head>
‘<title>membuat orderlist</title>
‘</head>
‘<body>
Ibu Kota Indonesia adalah :<br>
‘<ol type=1>
‘<li> Jakarta </li>
‘<li> Medan </li>
‘<li> Semarang </li>
‘<li> Surabaya </li>
‘<li> Jambi </li>
‘</ol>
Makanan khas daerah Palembang adalah :<br>
‘<ol type=i>
‘<li> Soto </li>
‘<li> Pempek </li>
‘<li> Tiwul </li>
‘<li> Sagu </li>
‘<li> Roti </li>
‘</ol>
‘</body>
‘</html>
seperti pada gambar :
Simpan file notepad dengan mengklik file – save us – namafile.html
Coba buka nama tersebut dengan Internet Explorer atau Mozilla Firefox
Seperti terlihat pada tulisan di atas terdapat numbering. Kesulitan yang sering kita dapatkan adalah ketika kita menekan tanda numbering pada toolbar di atas maka penomoran bukan pada tempat yang kita inginkan. Untuk mengatasinya, silahkan anda buka HTML dan pindahkan tag <ol> <li> pada tempat yang diinginkan. Selamat mencoba.
Buka Notepad melalui Start – All programs – accessories – notepad
Ketik di notepad tulisan di bawah ini :
‘<html>
‘<head>
‘<title>membuat orderlist</title>
‘</head>
‘<body>
Ibu Kota Indonesia adalah :<br>
‘<ol type=1>
‘<li> Jakarta </li>
‘<li> Medan </li>
‘<li> Semarang </li>
‘<li> Surabaya </li>
‘<li> Jambi </li>
‘</ol>
Makanan khas daerah Palembang adalah :<br>
‘<ol type=i>
‘<li> Soto </li>
‘<li> Pempek </li>
‘<li> Tiwul </li>
‘<li> Sagu </li>
‘<li> Roti </li>
‘</ol>
‘</body>
‘</html>
seperti pada gambar :
Simpan file notepad dengan mengklik file – save us – namafile.html
Coba buka nama tersebut dengan Internet Explorer atau Mozilla Firefox
Seperti terlihat pada tulisan di atas terdapat numbering. Kesulitan yang sering kita dapatkan adalah ketika kita menekan tanda numbering pada toolbar di atas maka penomoran bukan pada tempat yang kita inginkan. Untuk mengatasinya, silahkan anda buka HTML dan pindahkan tag <ol> <li> pada tempat yang diinginkan. Selamat mencoba.
Tidak ada komentar:
Posting Komentar