--- seperti tulisan lain, tulisan ini pun dapat anda copy, edit dan sebarkan sesuka anda ---
Ternyata, membuat website tidak susah ya.... Dan bisa pakai notepad lagi.
Pada tulisan sebelumnya telah diberikan contoh membuat sebuah webpage yang berisikan "Selamat.... ini adalah web pertama saya".
Apa cuma begitu saja....? Tentu tidak, ini baru contoh pertama. Selanjutnya kita akan mengenal lebih banyak tag html. Yang perlu diperhatikan adalah tidak ada seorang pun yang mahir membuat web hanya dengan membaca tutorial html. Yang terpenting adalah berlatih dan membuat web sendiri berdasarkan apa yang sudah anda pelajari. Jadi lekas bangun, cuci muka dan berlatih membuat web dengan kreatifitas!!!!
Beberapa tag html
Sebelumnya telah dikenalkan tag <html>, <head> dan <body>. Selanjutnya akan dikenalkan beberapa tag lain.
Pertama, tag header <h1>,<h2>, s/d <h6>. Seperti namanya, tag ini digunakan untuk membuat judul (header) dan sub judul. Tag <h1> memiliki font yang lebih besar dari tag <h2>, sedangkan tag <h2> memiliki font yang lebih besar dari tag <h3>, demikian seterusnya. Tag header juga memiliki tag penutup yang bentuknya sama dengan tag pembuka ditambah dg "/" didepannya, misal </h1>.
Kedua, tag paragraph <p>....</p>. Tag paragraph juga memiliki tag pembuka dan penutup seperti yang ditunjukkan sebelunya. Tag ini digunakan untuk membuat sebuah paragraph. Untuk lebih jelasnya, mari kita simak contoh penggunaan kedua tag ini,
<!--coba2.htm-->
<html>
<head>
<title>Header & Paragraph</title>
</head>
<body>
<h1>Ini adalah header H1</h1>
<h2>Ini adalah header H2</h2>
<h3>Ini adalah header H3</h3>
<h4>Ini adalah header H4</h4>
<h5>Ini adalah header H5</h5>
<h6>Ini adalah header H6</h6>
<p>Ini adalah paragraph pertama. Paragrah terdiri atas satu atau lebih kalimat. Paragram memiliki inti paragraph dan penjelasan. </p>
<p>Ini adalah paragraph kedua. Dengan tag paragraph, maka tulisan dalam tag tersebut dianggap dalam satu paragraph. </p>
</body>
</html>
Setelah itu simpan berkas tersebut di folder "latihan" yang telah anda buat sebelumnya, caranya sama dengan latihan terdahulu yakni kik menu File ->Save. Pada file name ketik "coba2.htm", dan pilih "All file" pada save as type.
Setelah itu anda buka browser anda (IE atau Firefox). Klik menu File -> Open File. Pada window yang terbuka pada bagian “look in” arahkan ke folder "Latihan", kemudian pilih file coba2.htm. Lalu tekan enter atau open. Maka pada browser akan tampil (kurang lebih) seperti gambar berikut.
gb.2 Hasil coba2.htmReview
Sejauh ini apa saja yang telah kita pelajari...?
Sejauh ini apa saja yang telah kita pelajari...?
- Kita telah belajar membuat web dengan menampilkan judul di pojok atas dengan menggunakan tag <title>.
- Kita telah belajar membuat judul dan sub judul, dengan menggunakan tag <h1> s/d <h6>.
- Kita juga telah belajar membuat paragraph menggunakan tag <p>.
Apa cuman itu aja...? Tentu saja tidak, namun sesungguhnya dengan apa yang telah dipelajari anda sudah bisa membuat web yang cukup menarik, tentunya dengan kreativitas.
Bersambung......
Tidak ada komentar:
Posting Komentar