Sama seperti artikel, halaman web kami juga harus memiliki paragraf dan judul yang jelas dengan tingkat kepentingan yang berbeda. Bagian ini akan memperkenalkan tanda tangan umum di XHTML yang mengimplementasikan judul, paragraf, dan fungsi lainnya.
Untuk menentukan judulnya, kita dapat menggunakan tag dari <h1> ke <h6>. Tag terminasi yang sesuai masing -masing </h1> hingga </h6>, di mana urutan ukuran font <h1> hingga <h6> berkurang dan pentingnya berkurang secara bertahap. Browser akan secara otomatis membebaskan garis di atas dan di bawah judul.
Mendefinisikan paragraf menggunakan <p> dan </p>, dan konten antara <p> dan </p> akan diakui sebagai paragraf, yang mirip dengan apa yang biasanya kita sebut paragraf. Mirip dengan judul, browser juga akan menambahkan garis ruang kosong sebelum dan sesudah paragraf dimulai.
Ketika kami berpikir tentang menulis baris lain tetapi tidak ingin paragraf lain, kami dapat menerapkan tag tersebut. <br> Tag ini juga merupakan tag kosong, dan satu/ perlu ditambahkan untuk memenuhi persyaratan XHTML.
Label yang mewujudkan garis pemisah horizontal adalah <hr />. Seperti tag <br>, <Hr> juga merupakan tag kosong. Untuk mematuhi aturan XHTML, A / perlu ditambahkan. (Berikut ini adalah garis pemisah)
Penggunaan keempat tag yang diperkenalkan di atas dapat membuat pengguna menjelajah halaman web Anda merasa bahwa halaman webnya jelas, sementara komentar dapat membuat Anda merasa bahwa halaman web jelas saat membaca kode sumber halaman web Anda sehingga Anda tidak akan bingung. Hal antara <!-dan-> adalah konten komentar, dan mereka tidak akan ditampilkan di halaman web. Lihat bagaimana kami memasukkan komentar dalam contoh latihan di bawah ini.
Sekarang buka halaman web yang kami simpan di bagian sebelumnya dan mempraktikkan tag penting yang kami pelajari di bagian ini. Biarkan <body> </body> menjadi halaman web <b> pertama saya </b>. Hapus dan masukkan yang berikut:
| <H1> Pengumuman Layanan </h1> <!-Latih penggunaan judul dan lihat apakah ukuran font telah menjadi lebih besar? -> <hr /> <!-garis pemisah horizontal, jangan lupa itu /-> <H2> Saya sekarang memberikan layanan berikut untuk siswa sekolah dasar dan orang tua di seluruh negeri: </h2> <!-Judul No. 2, lihat apakah ukuran font lebih kecil dari Judul No. 1-> <h3> Layanan untuk Siswa </h3> <p> Menulis pekerjaan rumah musim dingin dan musim panas (matematika tidak menjamin bahwa tidak ada pertanyaan yang salah, bahasa Mandarin tidak menjamin bahwa tidak ada kata yang salah, pekerjaan rumah bahasa Inggris, temukan orang lain) <BR /> Untuk membantu menggertak siswa di bawah kelas empat, biaya olahraga khusus harus dibebankan. <BR /> Orang tua akan membantu berpura -pura menjadi orang tua. </p> <!-Konten di atas adalah paragraf-> <h3> Layanan VIP </h3> <p> Siapa pun yang membeli ketiga layanan akan ditingkatkan secara otomatis ke VIP. Kami akan membuat beranda pribadi untuk Anda secara gratis, yang sepenuhnya sesuai dengan standar XHTML W3C dan ISO2009 ~. </p> <!-Meskipun halaman web di sini cukup berbeda, apakah menurut Anda antarmuka benar-benar jelek dan sederhana? Misalnya, tidak ada celah antara baris, judul nomor satu Terlalu besar. Metode mendefinisikan penampilan halaman web akan dijelaskan nanti dalam tutorial CSS. Saya lupa berbicara tentang konten utama, komentar tidak akan muncul di halaman web, jadi Kita bisa membuat banyak omong kosong di sini. Namun, cobalah untuk menulis beberapa komentar cepat dalam proses desain halaman web di masa depan. -> |