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/
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/528032.html
標籤：Html/Css
上一篇：HTML介紹
下一篇：HTML介紹