<!DOCTYPE html> <html> <head> <title>你的网页标题</title> </head> <body> 你的网页内容 </body> </html>
<!DOCTYPE html>
: Ini ialah takrif jenis dokumen HTML5. <li><html>
: Elemen akar dokumen HTML. <li><head>
: Bekas yang mengandungi metadata halaman web, seperti tajuk halaman web, helaian gaya, skrip, dsb. <li><title>
: Tajuk halaman web, dipaparkan pada tab penyemak imbas. <li><body>
: Bekas untuk kandungan utama halaman web. <p>Langkah 2: Tambah kandungan dan elemen <p>Kini, kita boleh menambah kandungan dan elemen pada halaman web. Berikut ialah beberapa elemen HTML biasa: <ul><li><h1>
- <h6>
: teg tajuk, h1 ialah tahap terbesar. <li><p>
: tag perenggan. <li><a>
: teg pautan. <li><img>
: Masukkan tag imej. <li><ul>
: teg senarai tidak tersusun. <li><ol>
: teg senarai pesanan. <li><li>
: Label item senarai. <li><div>
: Tag bekas. <p>Untuk contoh ini, tambahkan tajuk, perenggan dan pautan dalam tag <body>
: <body> <h1>欢迎来到我的网站!</h1> <p>这是一个新的段落。</p> <a href="https://www.example.com">这是一个链接</a> </body>
<h1>
: Menambah tajuk utama halaman web. <li><p>
: Menambah perenggan baharu. <li><a>
: Pautan ditambahkan dan atribut href ialah alamat URL pautan. <p>Langkah 3: Gunakan CSS untuk mencantikkan halaman web anda <p>CSS (Cascading Style Sheets) ialah bahasa pengekodan yang digunakan untuk menjadikan halaman HTML lebih cantik dalam gaya dan reka letak. Tujuan utama CSS adalah untuk menambah gaya pada dokumen HTML, seperti fon, warna, reka letak, dll. Dalam contoh ini, kami akan menambah beberapa gaya pada tajuk dan perenggan kami: <!DOCTYPE html> <html> <head> <title>我的第一个HTML页面</title> <style> h1 { color: red; font-family: Arial, sans-serif; } p { font-size: 16px; line-height: 1.5; } </style> </head> <body> <h1>欢迎来到我的网站!</h1> <p>这是一个新的段落。</p> <a href="https://www.example.com">这是一个链接</a> </body> </html>
style
Teg: Bekas yang mengandungi kod CSS.
<li>
h1
: Tetapkan warna tajuk dan fon melalui atribut color
.
<li>
p
: Tetapkan saiz fon dan ketinggian baris perenggan.
<p>Langkah 4: Uji halaman anda
<p>Selepas menambah kod, kami boleh menguji sama ada halaman HTML kami mempunyai ralat dengan membuka penyemak imbas. Selepas menyimpannya dalam format HTML, klik dua kali pada fail HTML untuk membuka penyemak imbas untuk ujian. Jika halaman dimuatkan dengan baik, halaman asas anda telah berjaya dibuat!
<p>Kesimpulan
<p>Kami telah mempelajari cara membina halaman HTML kami sendiri, termasuk struktur dokumen HTML, menambah kandungan dan elemen serta menggunakan CSS untuk mencantikkan halaman. Ini hanyalah pengetahuan asas HTML Pembelajaran seterusnya boleh melibatkan bentuk HTML, imej, pautan dan kandungan lain yang berkaitan. Saya berharap anda semua mendapat pengalaman yang lebih baik dalam mempelajari pengaturcaraan web pada masa hadapan! Atas ialah kandungan terperinci Bagaimana untuk membina html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!