HTML(HyperText Markup Language)是用于創建網頁的標準標記語言。它由一系列標簽組成,這些標簽定義了網頁的結構和內容。以下是一些常見的HTML標簽及其使用方法。
<html>
<html>
標簽是HTML文檔的根元素,所有其他標簽都包含在這個標簽內。
<!DOCTYPE html>
<html>
<head>
<title>頁面標題</title>
</head>
<body>
<h1>這是一個標題</h1>
<p>這是一個段落。</p>
</body>
</html>
<head>
<head>
標簽包含了文檔的元數據(metadata),如標題、字符編碼、樣式表和腳本等。
<head>
<meta charset="UTF-8">
<title>頁面標題</title>
<link rel="stylesheet" href="styles.css">
</head>
<title>
<title>
標簽定義了瀏覽器工具欄中的標題,當頁面被添加到收藏夾時顯示的名稱,以及搜索引擎結果中的頁面標題。
<title>我的第一個網頁</title>
<body>
<body>
標簽包含了網頁的可見內容,如文本、圖片、鏈接等。
<body>
<h1>歡迎來到我的網頁</h1>
<p>這是一個段落。</p>
</body>
<h1>
到 <h6>
<h1>
到<h6>
標簽用于定義標題,<h1>
是最高級別的標題,<h6>
是最低級別的標題。
<h1>這是一個一級標題</h1>
<h2>這是一個二級標題</h2>
<h3>這是一個三級標題</h3>
<p>
<p>
標簽用于定義段落。
<p>這是一個段落。</p>
<p>這是另一個段落。</p>
<a>
<a>
標簽用于創建超鏈接,href
屬性指定鏈接的目標地址。
<a href="https://www.example.com">訪問示例網站</a>
<strong>
和 <em>
<strong>
標簽用于加粗文本,表示重要性;<em>
標簽用于斜體文本,表示強調。
<p>這是一個<strong>重要</strong>的段落。</p>
<p>這是一個<em>強調</em>的段落。</p>
<img>
<img>
標簽用于在網頁中嵌入圖像,src
屬性指定圖像的URL,alt
屬性提供替代文本。
<img src="image.jpg" alt="描述圖像內容">
<audio>
和 <video>
<audio>
標簽用于嵌入音頻文件,<video>
標簽用于嵌入視頻文件。
<audio controls>
<source src="audio.mp3" type="audio/mpeg">
您的瀏覽器不支持音頻元素。
</audio>
<video controls width="320" height="240">
<source src="video.mp4" type="video/mp4">
您的瀏覽器不支持視頻元素。
</video>
<ul>
和 <ol>
<ul>
標簽用于創建無序列表,<ol>
標簽用于創建有序列表。
<ul>
<li>項目一</li>
<li>項目二</li>
</ul>
<ol>
<li>第一項</li>
<li>第二項</li>
</ol>
<li>
<li>
標簽用于定義列表項。
<ul>
<li>項目一</li>
<li>項目二</li>
</ul>
<table>
<table>
標簽用于創建表格。
<table>
<tr>
<th>姓名</th>
<th>年齡</th>
</tr>
<tr>
<td>張三</td>
<td>25</td>
</tr>
</table>
<tr>
<tr>
標簽用于定義表格中的行。
<tr>
<td>張三</td>
<td>25</td>
</tr>
<th>
和 <td>
<th>
標簽用于定義表頭單元格,<td>
標簽用于定義表格數據單元格。
<th>姓名</th>
<td>張三</td>
<form>
<form>
標簽用于創建表單,用戶可以通過表單輸入數據。
<form action="/submit" method="post">
<label for="name">姓名:</label>
<input type="text" id="name" name="name">
<input type="submit" value="提交">
</form>
<input>
<input>
標簽用于創建輸入字段,type
屬性指定輸入類型。
<input type="text" id="name" name="name">
<input type="submit" value="提交">
<label>
<label>
標簽用于為表單元素定義標簽。
<label for="name">姓名:</label>
<input type="text" id="name" name="name">
<div>
和 <span>
<div>
標簽用于定義文檔中的塊級元素,<span>
標簽用于定義文檔中的內聯元素。
<div style="background-color:lightblue">
<p>這是一個塊級元素。</p>
</div>
<p>這是一個<span style="color:red">內聯元素</span>。</p>
<br>
<br>
標簽用于插入換行符。
<p>這是第一行。<br>這是第二行。</p>
<hr>
<hr>
標簽用于創建水平線。
<p>這是第一段。</p>
<hr>
<p>這是第二段。</p>
以上是一些常見的HTML標簽及其使用方法。掌握這些標簽是創建網頁的基礎,隨著學習的深入,你還可以使用更多的HTML標簽和CSS樣式來創建更加復雜和美觀的網頁。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。