<!DOCTYPE html>. Pengisytiharan ini memberitahu pelayar definisi jenis dokumen (DTD) yang digunakan oleh dokumen ini. Diikuti dengan tag <html>, digunakan untuk menunjukkan permulaan dan penghujung halaman web. Dalam teg <html>, biasanya terdapat dua subteg penting: <head> dan <body>.
<ul>
<li>
<head> teg: Kandungan di dalamnya tidak akan dipaparkan terus dalam penyemak imbas, tetapi digunakan terutamanya untuk menyediakan metadata untuk halaman tersebut. Ia boleh termasuk <title> teg (digunakan untuk menetapkan tajuk halaman web) dan <meta> teg (digunakan untuk menetapkan kata kunci, penerangan dan maklumat lain halaman web), dsb.
<li>
<body> Teg: Ini adalah bahagian utama halaman dan mengandungi teg HTML untuk kandungan web.
<p>Berikut ialah kod struktur HTML asas:
<!DOCTYPE html> <html> <head> <title>我的网页标题</title> <meta charset="utf-8"> </head> <body> 这里是内容 </body> </html>
<p>, yang mewakili perenggan.
<p>这是一个段落。</p>
<p> ialah kandungan teks perenggan. Pada masa yang sama, HTML juga menyediakan pelbagai peringkat tajuk （h1、h2、h3……h6） untuk meningkatkan lapisan dan struktur artikel.
<h1>这是一个一级标题。</h1> <h2>这是一个二级标题。</h2>
<img> untuk memasukkan imej.
<img src="图片路径" alt="图片描述">
src diperlukan dan digunakan untuk menentukan URL atau laluan fail relatif bagi fail imej. Atribut alt digunakan untuk memaparkan teks pada halaman untuk menerangkan kandungan imej apabila imej tidak boleh dipaparkan.
<a> untuk membuat pautan. Atribut
<a href="http://www.example.com">这是一个链接</a>
href diperlukan dan digunakan untuk menentukan URL sasaran pautan. Pada masa yang sama, anda juga boleh menambah atribut <a> dalam teg title untuk menambah maklumat segera apabila tetikus melayang.
<p>Jika anda ingin memaut ke dokumen HTML lain dalam direktori yang sama, anda juga boleh menggunakan laluan relatif:
<a href="./about.html">关于我们</a>
<ul> dan <li> untuk membuat senarai tidak tersusun, dan teg <ol> dan <li> untuk membuat senarai tersusun.
<ul> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> </ul> <ol> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> </ol>
<table>, <tr>, <th> dan <td>.
<table> <tr> <th>姓名</th> <th>年龄</th> <th>性别</th> </tr> <tr> <td>张三</td> <td>18</td> <td>男</td> </tr> <tr> <td>李四</td> <td>22</td> <td>女</td> </tr> </table>
<th> mewakili sel pengepala, label <td> mewakili sel data, label <tr> mewakili baris dan label <table> mewakili keseluruhan meja.
<form>, <input>, <label>, <select> dan <textarea> teg untuk membuat borang.
<form> <label>用户名:</label> <input type="text" name="username"><br> <label>密码:</label> <input type="password" name="password"><br> <label>年龄:</label> <input type="number" name="age"><br> <label>性别:</label> <input type="radio" name="gender" value="male">男 <input type="radio" name="gender" value="female">女<br> <label>兴趣爱好:</label> <input type="checkbox" name="hobby" value="reading">阅读 <input type="checkbox" name="hobby" value="traveling">旅游 <input type="checkbox" name="hobby" value="swimming">游泳<br> <label>个人介绍:</label><br> <textarea name="introduction" rows="6" cols="50"></textarea><br> <input type="submit" value="提交"> </form>
<input> mewakili elemen borang, atribut name mewakili nama data borang, atribut type mewakili jenis elemen borang, mewakili nilai elemen bentuk, mewakili menu lungsur, teg value mewakili kotak teks berbilang baris, teg <select> digunakan untuk menerangkan elemen borang, digunakan untuk mengandungi elemen borang dan <textarea> mewakili butang hantar. <label><form><input type="submit">Teg lain
Atas ialah kandungan terperinci Bagaimana untuk menulis kod html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
