Rumah > Artikel > hujung hadapan web > Bagaimana untuk menulis kod html
Bagaimana untuk menulis kod html
- PHPzasal
- 2023-04-23 10:14:564076semak imbas
<p>HTML ialah bahasa asas untuk penghasilan halaman web Nama penuhnya ialah "Hyper Text Markup Language", bahasa komputer yang digunakan untuk menerangkan struktur dan kandungan halaman web. Belajar menulis kod HTML ialah langkah pertama dalam membuat halaman web Mari perkenalkan beberapa sintaks HTML asas dan cara menulis kod.
<ol><li>Membina struktur asas
<p>Baris pertama kod HTML hendaklah pengisytiharan jenis dokumen, iaitu
<!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>
- <li>Teks dan tajuk
<p>, yang mewakili perenggan.
<p>这是一个段落。</p><p>Dalam kod di atas, teks "Ini ialah perenggan." dalam teg
<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>
- <li>Gambar
<img> untuk memasukkan imej.
<img src="图片路径" alt="图片描述"><p>Antaranya, atribut
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.
- <li>Pautan
<a> untuk membuat pautan. Atribut
<a href="http://www.example.com">这是一个链接</a><p>
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>
- <li>Senarai
<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>
- <li>Jadual
<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><p> Antaranya, label
<th> mewakili sel pengepala, label <td> mewakili sel data, label <tr> mewakili baris dan label <table> mewakili keseluruhan meja.
- <li>Borang
<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><p> Antaranya, tag
<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
- <li>Terdapat banyak teg lain dalam HTML, seperti main balik audio dan video, animasi, Kanvas, dsb. Jika anda perlu mengetahui lebih banyak teg dan kaedah pelaksanaan, anda boleh merujuk kepada dokumentasi HTML rasmi atau tutorial dan buku yang berkaitan.
Atas ialah kandungan terperinci Bagaimana untuk menulis kod html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Apakah teg html?Artikel seterusnya：Apakah teg html?