在HTML網頁制作中,常用的代碼涉及多個方面,包括基本結構、文本格式化、鏈接與導航、圖像與多媒體、表格與表單等。以下是一些常用的HTML代碼及其說明:

一、基本結構
HTML文檔的基本結構包括<!DOCTYPE html>聲明、<html>根元素、<head>頭部信息和<body>主體內容。

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

<!– 鏈接到錨點 –>
<a href=”#section1″>跳轉到第一節</a>
郵件鏈接:使用mailto:協議創建郵件鏈接。
html
<a href=”mailto:example@example.com”>發送郵件</a>
四、圖像與多媒體
圖像:使用<img>標簽嵌入圖像,src屬性指定圖像路徑,alt屬性提供圖像替代文本。
html
<img src=”image.jpg” alt=”描述圖像內容的文本”>
多媒體:使用<audio>、<video>等標簽嵌入音頻和視頻內容。
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>標簽定義表格、表格行、表頭和表格單元格。
html
<table>
<tr>
<th>表頭1</th>
<th>表頭2</th>
</tr>
<tr>
<td>單元格1</td>
<td>單元格2</td>
</tr>
</table>
表單:使用<form>標簽定義表單,使用<input>、<textarea>、<select>等標簽定義表單元素。
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″>選項1</option>
<option value=”option2″>選項2</option>
</select>

<input type=”submit” value=”提交”>
</form>
六、其他常用代碼
換行:使用<br>標簽實現換行。
html
<p>這是第一行。<br>這是第二行。</p>
水平線:使用<hr>標簽插入水平線。
html
<p>上文</p>
<hr>
<p>下文</p>
特殊字符:使用HTML實體表示特殊字符,如&nbsp;表示空格,&lt;表示小于號,&gt;表示大于號等。
html
<p>這是一個空格:&nbsp;</p>
<p>小于號:&lt;</p>
<p>大于號:&gt;</p>
注釋:使用<!– –>在HTML中添加注釋,注釋內容不會被瀏覽器顯示。
html
<!– 這是一個注釋 –>
以上只是HTML網頁制作中常用代碼的一部分,HTML還包含許多其他功能和標簽,可以根據具體需求進行學習和使用。