前端html:標籤

铿锵有力自信且坚定發表於2024-11-10

1.註釋 <!-- -->

2.<html>標籤,標準形式

<!DOCTYPE html>
<html lang="en">
<head> </head>
<body> </body>
</html>

2.<head>標籤,包含文件的後設資料

以下是<head>標籤中常見的一些元素

①<meta>:提供關於HTML文件的後設資料,比如字符集宣告、頁面描述、關鍵詞等

# 頁面編碼格式

<meta charset="UTF-8">
# 重新整理,30s重新整理一次
<meta http-equiv="Refresh" Content="30">

# 跳轉,30s跳轉到百度
<meta http-equiv="Refresh" Content="30;Url=http://www.baidu.com">

# 關鍵字
<meta name="keywords" content="關鍵字">

②<title>:定義網頁的標題,顯示在瀏覽器的標籤頁上

<title>標題</title>

3.<body> 標籤, 包含了網頁的所有可見內容

在<body>標籤中,可以新增各種HTML元素來構建網頁的內容

①<a>:定義超連結

# href 連結
<
a href="http://www.baidu.com">百度</a>

②<br /> :換行

③<p>:定義段落

④<h1> 到 <h6>:定義標題

⑤<img>:定義圖片

⑥<table>:定義表格

⑦<ul>、<ol> 和 <li>:定義無序列表和有序列表

⑧<div>:定義文件中的分割槽或節

4.簡單例項

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Refresh" Content="30">
    <title>標題</title>
</head>
<body>
<h1>題目</h1>
<a href="http://www.baidu.com">百度</a>
</body>
</html>