Halaman

Tampilkan postingan dengan label Cara Membuat. Tampilkan semua postingan
Tampilkan postingan dengan label Cara Membuat. Tampilkan semua postingan

Minggu, 10 November 2013

Cara Membuat Header atau Judul pada laman HTML

Judul termasuk hal penting dalam dokumen HTML.

Header / Kepala / Judul HTML
Judul didefinisikan dengan tag <h1> sampai dengan <h6>.

<h1> mendefinisikan judul yang paling penting. <h6> mendefinisikan judul yang paling tidak penting.
<h1> akan menampilkan tulisan judul yang paling besar. <h6> judul paling kecil. (jika tidak menggunakan css)

Contoh
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
Coba lihat hasilnya »

This is a heading

This is a heading

This is a heading

Catatan: Browser secara otomatis menambahkan beberapa ruang kosong (margin) atau jeda sebelum dan sesudah judul.

Apakah Header Penting?
Gunakan header HTML hanya untuk judul saja. Jangan gunakan header untuk membuat teks agar lebih BESAR atau tebal, itu tidak dianjurkan.

Mesin pencari menggunakan judul Anda ke indeks struktur dan isi dari halaman web Anda.

Karena pengguna dapat skim halaman Anda dengan judul, itu penting untuk menggunakan judul untuk menunjukkan struktur dokumen.

H1 harus digunakan sebagai judul utama, diikuti oleh H2 judul, maka kurang penting judul H3, dan seterusnya.

HTML Garis
Tag <hr> menciptakan garis horizontal dalam sebuah halaman HTML.

Unsur jam dapat digunakan untuk konten terpisah:

Contoh
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
Coba lihat hasilnya »
This is a paragraph.

This is a paragraph.

This is a paragraph.
HTML Komentar
Komentar dapat dimasukkan ke dalam kode HTML untuk membuatnya lebih mudah dibaca dan dimengerti. Komentar diabaikan oleh browser dan tidak ditampilkan.

Komentar ditulis seperti ini:

Contoh

<!-- This is a comment -->

Catatan: Ada tanda seru setelah kurung buka, tetapi tidak sebelum kurung tutup.

Tip HTML - Cara Lihat Sumber HTML
Pernahkah Anda melihat halaman Web dan bertanya-tanya "Hei! Bagaimana mereka melakukan itu?"

Untuk mengetahuinya, klik kanan pada halaman dan pilih "View Source" (IE) atau "View Page Source" (Firefox), atau serupa bagi browser lainnya. Ini akan membuka jendela yang berisi kode HTML halaman.

Rabu, 06 November 2013

Langkah membuat file HTML

Gunakanlah Notepad untuk menulis HTML pertama anda
Sebenarnya file HTML dapat diedit dengan menggunakan editor HTML profesional seperti:

Namun, untuk belajar HTML sebaiknya editor teks seperti Notepad (PC) atau TextEdit (Mac). Kami percaya menggunakan editor teks sederhana adalah cara yang baik untuk belajar HTML.

Cara Membuat
Ikuti 4 langkah berikut untuk membuat halaman web pertama Anda dengan Notepad.

Langkah 1: Jalankan Notepad
Untuk memulai Notepad kunjungi:

» Mulai
» All Programs
» Aksesoris
» Notes

Langkah 2: Mengedit HTML Anda dengan Notepad
Ketik kode HTML Anda ke Notepad Anda:


Langkah 3: Simpan HTML Anda
Pilih Simpan sebagai .. di menu file Notepad ini.

Bila Anda menyimpan file HTML, Anda dapat menggunakan salah satu ekstensi .htm atau ekstensi file .html Tidak ada perbedaan, itu sepenuhnya terserah Anda.

Simpan file dalam folder yang mudah diingat.

Langkah 4: Jalankan HTML di Browser Anda
Memulai browser web Anda dan buka file html Anda dari File, Open menu, atau hanya menelusuri folder dan double-klik file HTML Anda.

Hasilnya akan terlihat seperti ini: