Mari kita coba membuat halaman web sederhana. Saya harap Anda bisa mengikuti kami, hanya akan membutuhkan waktu sebentar. Sekarang Anda mungkin tidak tahu apa kurung sudut itu <> dan surat di dalamnya. Jangan khawatir, kami akan memperkenalkannya kepada Anda di tutorial di bawah ini.
Pertama, silakan jalankan Notepad, atau buat dokumen teks baru di mana saja, dan masukkan konten berikut di Notepad:
| Berikut ini adalah konten yang dikutip: <Html> <head> <title> Saya adalah judul halaman ini </iteme> </head> <body> <p> Ini adalah halaman pertama saya. </p> </body> </html> |
Setelah masuk, simpan file dan beri nama index.html. (Klik File—> Simpan As. Isi kolom nama file ke index.html, pilih semua file di kolom Simpan Jenis, lalu klik tombol Simpan)
Setelah disimpan, klik dua kali file dan browser akan secara otomatis membuka halaman web. Harap konfirmasi apakah halaman web Anda sama dengan halaman. Jika sama, maka Anda telah berhasil menyelesaikan halaman web pertama yang relatif sederhana.
Harap dicatat bahwa ini hanyalah halaman sederhana. Meskipun secara sintaksis sesuai dengan standar XHTML, masih kurang konten jika ingin menjadi halaman web XHTML yang lengkap dan sesuai dengan W3C. Konten yang relevan akan diperkenalkan dalam tutorial di bawah ini. Halaman web ini hanya digunakan untuk menjelaskan beberapa pengetahuan XHTML dasar.
Penjelasan Pengetahuan DasarHalaman web yang baru saja kami mulai dengan <Html> dan akhiri dengan </html>, yang masing -masing mewakili awal dan akhir file halaman web.
Dalam bahasa Inggris, kepala berarti kepala, tubuh berarti tubuh. Dua bagian halaman web masing -masing mewakili kepala dan badan halaman web. Mungkin Anda telah memperhatikan bahwa ada <itement> </iteme> di kepala halaman web kami. Judul kata berarti judul, dan judul halaman web akan ditampilkan di bilah judul di atas browser. Tubuh halaman web, yaitu, konten antara tag <body> dan </body>, akan ditampilkan di browser sebagai teks.
Halaman web ini sangat tipis, dan tidak ada di kepala dan tubuh. Kami secara bertahap akan memperkaya konten halaman web di tutorial mendatang. Tapi sekarang harap ingat sebuah konsep: Kepala halaman web ditulis untuk browser, itu tidak akan ditampilkan di halaman, dan tubuh ditulis untuk pengguna situs web, dan konten yang akan ditampilkan oleh browser.
Contoh kesalahan dalam spoof rookie xhtmlBuka dua contoh kesalahan berikut. Kedua kode mereka memiliki kesalahan yang sangat serius, tetapi browser akan secara akurat menampilkan kedua halaman web ini.
| Contoh 1-tubuh tumbuh di kepala <Html> <head> <title> Saya adalah judul halaman ini </iteme> <p> Ini adalah halaman pertama saya. </p> </head> <body> </body> </html> |