當(dāng)前位置：
  1. 首頁(yè)
  2. 知識(shí)學(xué)院
  3. 正文

在HTML網(wǎng)頁(yè)制作中，常用的代碼涉及多個(gè)方面，包括基本結(jié)構(gòu)、文本格式化、鏈接與導(dǎo)航、圖像與多媒體、表格與表單等。以下是一些常用的HTML代碼及其說明：

一、基本結(jié)構(gòu)
HTML文檔的基本結(jié)構(gòu)包括<!DOCTYPE html>聲明、<html>根元素、<head>頭部信息和<body>主體內(nèi)容。

html
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<title>網(wǎng)頁(yè)標(biāo)題</title>
<!– 其他頭部信息，如樣式表、腳本等 –>
</head>
<body>
<!– 網(wǎng)頁(yè)主體內(nèi)容 –>
</body>
</html>
二、文本格式化
標(biāo)題：使用<h1>到<h6>標(biāo)簽定義標(biāo)題，<h1>為最高級(jí)標(biāo)題，<h6>為最低級(jí)標(biāo)題。
html
<h1>一級(jí)標(biāo)題</h1>
<h2>二級(jí)標(biāo)題</h2>
<!– 依此類推 –>
段落：使用<p>標(biāo)簽定義段落。
html
<p>這是一個(gè)段落。</p>
文本格式化：使用<b>、<i>、<u>、<s>等標(biāo)簽對(duì)文本進(jìn)行加粗、斜體、下劃線、刪除線等格式化處理。
html
<b>加粗文本</b>
<i>斜體文本</i>
<u>下劃線文本</u>
<s>刪除線文本</s>
列表：使用<ul>、<ol>和<li>標(biāo)簽定義無序列表、有序列表和列表項(xiàng)。
html
<ul>
<li>無序列表項(xiàng)1</li>
<li>無序列表項(xiàng)2</li>
</ul>
<ol>
<li>有序列表項(xiàng)1</li>
<li>有序列表項(xiàng)2</li>
</ol>
三、鏈接與導(dǎo)航
超鏈接：使用<a>標(biāo)簽定義超鏈接，href屬性指定鏈接目標(biāo)。
html
<a href=”https://www.example.com”>點(diǎn)擊這里訪問示例網(wǎng)站</a>
錨點(diǎn)鏈接：在同一頁(yè)面中創(chuàng)建錨點(diǎn)鏈接，使用name屬性（HTML4）或id屬性（HTML5）定義錨點(diǎn)，然后在鏈接的href屬性中使用#加錨點(diǎn)名稱/ID。
html
<!– 錨點(diǎn) –>
<div id=”section1″>這里是第一節(jié)</div>

<!– 鏈接到錨點(diǎn) –>
<a href=”#section1″>跳轉(zhuǎn)到第一節(jié)</a>
郵件鏈接：使用mailto:協(xié)議創(chuàng)建郵件鏈接。
html
<a href=”mailto:example@example.com”>發(fā)送郵件</a>
四、圖像與多媒體
圖像：使用<img>標(biāo)簽嵌入圖像，src屬性指定圖像路徑，alt屬性提供圖像替代文本。
html
<img src=”image.jpg” alt=”描述圖像內(nèi)容的文本”>
多媒體：使用<audio>、<video>等標(biāo)簽嵌入音頻和視頻內(nèi)容。
html
<!– 音頻 –>
<audio controls>
<source src=”audio.mp3″ type=”audio/mpeg”>
您的瀏覽器不支持音頻元素。
</audio>

<!– 視頻 –>
<video controls>
<source src=”video.mp4″ type=”video/mp4″>
您的瀏覽器不支持視頻元素。
</video>
五、表格與表單
表格：使用<table>、<tr>、<th>和<td>標(biāo)簽定義表格、表格行、表頭和表格單元格。
html
<table>
<tr>
<th>表頭1</th>
<th>表頭2</th>
</tr>
<tr>
<td>單元格1</td>
<td>單元格2</td>
</tr>
</table>
表單：使用<form>標(biāo)簽定義表單，使用<input>、<textarea>、<select>等標(biāo)簽定義表單元素。
html
<form action=”/submit-form” method=”post”>
<label for=”name”>姓名：</label>
<input type=”text” id=”name” name=”name”>

<label for=”email”>電子郵件：</label>
<input type=”email” id=”email” name=”email”>

<textarea id=”message” name=”message” rows=”4″ cols=”50″>留言</textarea>

<select id=”options” name=”options”>
<option value=”option1″>選項(xiàng)1</option>
<option value=”option2″>選項(xiàng)2</option>
</select>

<input type=”submit” value=”提交”>
</form>
六、其他常用代碼
換行：使用<br>標(biāo)簽實(shí)現(xiàn)換行。
html
<p>這是第一行。<br>這是第二行。</p>
水平線：使用<hr>標(biāo)簽插入水平線。
html
<p>上文</p>
<hr>
<p>下文</p>
特殊字符：使用HTML實(shí)體表示特殊字符，如&nbsp;表示空格，&lt;表示小于號(hào)，&gt;表示大于號(hào)等。
html
<p>這是一個(gè)空格：&nbsp;</p>
<p>小于號(hào)：&lt;</p>
<p>大于號(hào)：&gt;</p>
注釋：使用<!– –>在HTML中添加注釋，注釋內(nèi)容不會(huì)被瀏覽器顯示。
html
<!– 這是一個(gè)注釋 –>
以上只是HTML網(wǎng)頁(yè)制作中常用代碼的一部分，HTML還包含許多其他功能和標(biāo)簽，可以根據(jù)具體需求進(jìn)行學(xué)習(xí)和使用。