Salam semangat para sobat blogger...
Belajar html tentunya tak sulit, karena banyak program
yang dapat menghasilkan dokumen dalam format html. Misalnya dengan
notepad aplikasi bawaan windows.
oke,,, sebelum lanjut kita harus mengetahui kegunaan tag-tag dasar atau perintah dasar. Ane akan memberi sedikit Keterangannya:
Dilihat dari contoh script dan hasilnya mungkin anda sudah
tau kegunaan tag-tag dasar tersebut. Saya akan memberi sedikit Keterangannya:
HTML
HTML merupakan tag dasar yang mengartikan bahwa dokumen ini
adalah HTML. Tag ini merupakan satu harus dan wajib bagi pemrogaman web untuk
menuliskannya sebagai tag pertama dalam dokumen HTML.
<html> diawal dokumen dan </html> di akhir dokumen
<html> diawal dokumen dan </html> di akhir dokumen
Head
Tag setelah <html> untuk
menuliskan keterangan tentang dokumen web yang akan ditampilkan
<head> di awal setelah <html>, dan </head> di akhir head
<head> di awal setelah <html>, dan </head> di akhir head
Title
Merupakan tag di dalam head yang harus ditulis untuk
memberikan judul/informasi pada caption browser web tentang topik atau judul
dari dokumen web yang akan ditampilkan dalam browser.
<title>judul dokumen</title>
<title>judul dokumen</title>
Body
Merupakan urutan utama dalam dokumen web. Pada urutan ini semua
isi dokumen yang akan ditampilkan di dalam browser harus dituliskan.
<body> di awal, setelah tag </head>
</body> di akhir, diletakkan sebelum tag </html>
<body> di awal, setelah tag </head>
</body> di akhir, diletakkan sebelum tag </html>
Paragraf
Setiap paragraf harus dimulai dengan memberi tag <p>.
Diakhir paragraf tidak harus menuliskan </p> sebagai akhir paragraf.
Setiap kali pergantian paragraf harus dimulai dengan
<p> kembali.
Line Break
Untuk menampilkan suatu teks yang akan ditampilkan pada baris yang
baru atau berganti baris dalam suatu paragraf, maka harus digunkan tag
<br> sebelum teks/dokumen yang dimaksud dituliskan
Heading
Pada dokumen HTML yang disebut heading dimanfaatkan untuk
pemberian judul pada dokumen HTML dan juga untuk menunjukkan arti dari
teks yang dituliskan. Ada 6 tingkat heading dalam HTML, dari nomor 1 sampai
nomor 6. Nomor 1 merupakan heading terbesar dan yang nomor 6 yang terkecil. Setiap heading dalam dokumen
harus diberi tag, tergantung pada kebutuhan teks tersebut, jika dianggap
heading1 digunakan tag <h1> jika dianggap heading2 maka <h2> sampai eading ke 6
Penggaris Mendatar
Sebuah garis dapat disisipkan dalam dokumen web, umumnya
digunakan sebagai pemisah antar bagian atau
paragraf
Tag <hr> disisipkan pada tempat garis akan disisipkan dokumen
Tag <hr> disisipkan pada tempat garis akan disisipkan dokumen
<b> </b> untuk teks tebal (bold)
<i> </i> untuk teks miring (italic)
<u> </u> untuk teks garis bawah (underline)
Ordered List
ol adalah singkatan dari Ordered List. Tag ol adalah tag orderet list tanpa atribut, dan standar penomoran adalah angka yang dimulai dengan angka 1, dan juga bisa dimulai dari angka yang sobat inginkan di tulis <ol>.
Unordered List
ul adalah singkatan Unordered List. Perintah ul (Unordered List) adalah perintah untuk membuat daftar sama dengan ol (Ordered List) tapi berupa simbol bullet pada excel. dan penulisanya <ul>
List Item
li singkatan dari List Item. Perintah li (List Item) adalah perintah untuk membuat daftar (list)
CATATAN : Perintah <li> harus berada dalam perintah OL, UL, DIR, MENU
ul adalah singkatan Unordered List. Perintah ul (Unordered List) adalah perintah untuk membuat daftar sama dengan ol (Ordered List) tapi berupa simbol bullet pada excel. dan penulisanya <ul>
List Item
li singkatan dari List Item. Perintah li (List Item) adalah perintah untuk membuat daftar (list)
CATATAN : Perintah <li> harus berada dalam perintah OL, UL, DIR, MENU
Disini ane akan membagi contoh sederhana
script html:
<HTML>
<BODY>
<ol type="1">
<li> ABC
<Ul start="5" type="i">
<li> DEF
<ul type="square">
<li> GHI </li>
</ul>
<li> JKL
</ul>
</ul>
<li> MNO
<ul type="circle">
<li> PQR
<li> STU
</ul>
<li> VWX
<ol start="26" type="a">
<li> YZ
</ol>
</BODY>
</HTML>
<HTML>
<BODY>
<ol type="1">
<li> ABC
<Ul start="5" type="i">
<li> DEF
<ul type="square">
<li> GHI </li>
</ul>
<li> JKL
</ul>
</ul>
<li> MNO
<ul type="circle">
<li> PQR
<li> STU
</ul>
<li> VWX
<ol start="26" type="a">
<li> YZ
</ol>
</BODY>
</HTML>
Demikian contoh script html semoga bermanfaat
kritik dan saran tinggal komentar atau kirim email,,
0 komentar:
Posting Komentar