1、HTML基本結構 HTML網頁基本結構 HTML標簽都以“< >”開始、“</ >”結束 網頁中所有的內容都放在之間 網頁基本信息 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>腹白的博客</title ...
1、HTML基本結構
HTML網頁基本結構
- HTML標簽都以“< >”開始、“</ >”結束
- 網頁中所有的內容都放在之間
網頁基本信息
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>腹白的博客</title>
<meta charset="UTF-8">
<meta name="keywords" content="腹白,博客"/>
<meta name="description" content="看博客，搜腹白"/>
</head>
<body>
</body>
</html>
- DOCTYPE聲明
百度搜索DOCTYPE聲明，查看菜鳥教程：https://www.runoob.com/tags/tag-doctype.html
- < title>標簽
- < meta>標簽
網頁常用的字元編碼有gb2312、utf-8，兩者之間的區別。
2、網頁的基本標簽
2.1、標題標簽
h1最大，h6最小
<h1>腹白</h1> <h2>腹白</h2> <h3>腹白</h3> <h4>腹白</h4> <h5>腹白</h5> <h6>腹白</h6>
2.2、段落標簽
2.3、換行標簽
換行標簽，查看效果圖,看段落標簽和換行標簽的不同
2.4、水平線標簽
2.5、字體樣式標簽
2.6、註釋和特殊符號
註釋
<!--我是註釋-->
特殊符號
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>特殊符號</title>
</head>
<body>
<!--空格-->
<p>
腹白的博客 Java<br/>
腹白的博客 Java<br/>
腹白的博客 Java<br/>
</p>
<!--大於小於-->
<p>
> < <br>
> <
</p>
<!--引號-->
<p>
"腹白的博客"
</p>
<!--版權-->
<p>
© 2019-2022 腹白的博客
</p>
<!--萬能的公式 &符號+xxx -->
</body>
</html>
2.7、圖像標簽
常見的圖像格式：jpg、gif、png、bmp...
說明：jpg、gif是網頁中最常用的格式，PNG受瀏覽器相容性的限制
說明：
- alt屬性常和src配合使用。
- img標簽的與之前學習的< br/>標簽一樣，不是成對的標簽，直接在最後以“/”閉合，體現標簽的語義化。
2.8、鏈接標簽
- 頁面間鏈接：從一個頁面鏈接到另外一個頁面
- 錨鏈接
- 功能性鏈接
說明：
- 路徑分為相對路徑和絕對路徑
- target常用值為self和blank
錨鏈接
功能性鏈接
這幾種都是常用的功能性鏈接，例如在網上單擊一些QQ圖標直接彈出QQ對話框，或單擊MSN圖標直接 彈出MSN對話框，這些都是使用了功能有性鏈接
本文來自博客園，作者：腹白，轉載請註明原文鏈接：https://www.cnblogs.com/wyh518/
