Dasar HTML
Secara umum HTML terdiri dari dua struktur yaitu head dan body. Head digunakan untuk mendefinisikan text atau yang lainnya yang tidak akan tampil di browser sedangkan body digunakan untuk menampilkan bagian yang tampil di browser. head biasanya digunakan untuk mendefinisikan deskripsi dari halaman website kita seperti title, keyword, description dan lain-lain.
Berikut ini script global yang digunakan dalam HTML
<html>
<head>
<!– definisi halaman diletakkan disini –>
</head>
<body>
<!– yang akan ditampilkan pada browser –>
<body>
</html>
HTML tersusun atas tag-tag yang mayoritas terdiri atas pembuka dan penutup. Misalnya <html> akan ditutup dengan </html>.Anda harus mengingat baik-baik hal ini, setiap membuat tag pada html pastikan anda juga sudah menuliskan penutup tag tersebut. Misal anda menulis <head> maka pastikan anda langsung menulis </head> agar tidak lupa.
Sekarang kita coba belajar menuliskan title yang akan muncul di pojok kiri browser web kita. Title didefinisikan dalam head bukan body karena tidak ditampilkan di halaman web tetapi di judul broser. Tag untuk title adalah <title>…</title>. Copy script <html> hingga </html> kemudian sispkan script berikut pada head
<head>
<title>Latihan membuat website</title>
</head>
simpan file dengan nama latihan1.html (ingat extensinya bukan .txt akan tetapi .html atau .htm), kemudian buka file tersebut di browser anda.Halaman web tidak akan berisi apa-apa akan tetapi di pojok kiri atas akan ada tulisan “Latihan membuat website”
Mengisi bagian body
Bagian body bisa diisi oleh banyak tag karena bagian ini adalah bagian untuk menampilkan halaman web di browser. Berikut ini tag-tag dasar yang bisa disikan di bagian body
- paragraf , di notasikan dengan “<p>” dan diakhiri dengan “</p>”. tag ini digunakan untuk membuat satu atau lebih kalimat berada dalam satu paragraf seperti di Microsoft word. Perhatikan contoh berikut
<body>
<p align=”justify”>Halo saya sedang latihan membuat website. Saat ini saya sedang belajar membuat website dari dasar. Tolong bimbingannya ya</p>
</body>align digunakan untuk menentukan bagaimana bentuk paragraf tersebut apakah rata kiri (left), rata kanan (right), rata tengah (center0, atau rata kanan-kiri (justify). Untuk mencobanya sisipkan script diatas pada file html dan simpan. Jalankan dan coba ubah-ubah alignnya dari left, right, center, dan justify
- huruf tebal, dinotasikan sebagai “<b>” dan diakhiri “</b>”. Merupakan tag yang digunakan untuk mencetak huruf tebal pada text. contoh :
<b>Halo saya sedang latihan membuat website.</b>
- huruf miring, dinotasikan sebagai “<i>” dan diakhiri dengan “</i>”. Merupakan tag yang digunakan untuk membuat tulisan miring pada text. contoh :
<i>Saat ini saya sedang belajar membuat website dari dasar.</i>
- garis bawah, dinotasikan sebagai “<u>” dan diakhiri dengan “</u>”. Merupakan tag yang digunakan untuk menulis garis bawah pada text. contoh :
<u>Tolong bimbingannya ya</u>
untuk hasil lengkapnya silakan buka halaman web berikut : Dasar HTML , untuk melihat source codenya klik kanan view -> source/page source. Daftar tutorial HTML lainnya bisa anda lihat di : HTML untuk Web Design
[...] Dasar HTML [...]
[...] text, ukuran text, warna text selain pengaturan dasar yang disebutkan dalam tutorial sebelumnya Dasar HTML. Pengaturan text pada HTML didefinisikan dengan menggunakan tag “<font>” dan [...]
mas agung, nantinya tutorial ini akan mengarah ke html 4, html 5, atau xhtml transitional ya.
kalo tag/elemen strong ama emphasis, perlu dikenalkan ngga ya untuk tahap dasar.
lanjut mas..
sementara HTML dulu mas dani (dasar HTML) kalau yang strong, emphasis khan itu udah masuk ke XHTML. Soalnya ini memang untuk mereka yang baru belajar HTML. Jadi biar konsepnya nggak campur-campur dulu.
bagus juga untuk para pemula seperti saya berguna banget
artikel anda buat saya
[...] Title adalah apa yang tertulis pada pojok kiri atas browser anda. Kalau anda melihat website agungpm.ashatec.com maka anda akan menemukan title “Web Design and Development Blog”. Title merupakan faktor penting lain selain URL yang SEO friendly untuk optimisasi SEO. Penggunaan Title bisa anda lihat lagi pada tutorial sebelumnya Dasar HTML. [...]
Leave your response!
Recent Posts
Categories
Blogroll
Tags
2 kolom blogger plugins blogger template blogger theme blogspot template blogspot theme code igniter css facebook haram fatwa ulama free stuff free tutorial golput haram html tutorial keluhan pelanggan maksiat miskin motivasi mvc Opini pengumuman php framework Prita Mulyasari programming rokok haram RS OMNI stop dreaming start action two layout web design wisata wordpress plugin wordpress template wordpress themeStatistik Blog
Most Commented