入門HTML的回顧，小總結

時間 2019-11-10

標籤入門 html 回顧總結欄目 HTML 简体版

原文原文鏈接

1.HTML（是一種超文本標記語言 Hypertext Markup Language）,HTML不是一種編程語言，而是一種標記語言，描述網頁的語言，ＨＴＭＬ是由一套標記標籤（markup tag）組成html

java 是編程語言java

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>

</body>
</html>

01.DOCTYPE聲明web

（1）Strict（嚴格類型）：這種聲明徹底符合W3C的標準，但要求比較嚴格，對應的聲明爲：編程

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtml-strict.dtd">

(2).Transitional(過渡類型)：也稱鬆散（loose）聲明。相比Strict而言，要求相對寬鬆一些，對應的聲明w爲：框架

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

(3).Frameset(框架類型)：Strict聲明中不容許使用框架，當頁面中須要使用框架時，則使用該聲明。對應的聲明爲：編程語言

<!DOCTYPE PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

(4).<meta>標籤字體

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

其中，屬性「http-equiv」提供「名稱/值」中的名稱，「content」提供「名稱/值」，HTML代碼的含義以下。ui

>名稱：Content-Type(文檔內容類型)。編碼

>值：text/html;charset=gb2312(文本類型的html類型，字符編碼爲簡體中文)，charset表示字符集編碼（是很重要的，防止出現亂碼）。經常使用的編碼有一下幾種。spa

★ gb2312:簡體中文，通常用於包含中文和英文的頁面。

★ ISO-885901:純英文，通常用於只包含英文的頁面。

★ big5：繁體，通常用於帶有繁體字的頁面。

★ utf-8:國際性通用的字符編碼，一樣適用於中文和英文的頁面。

<p>標籤是一個內容標籤，而<table>標籤是結構標籤，不容許將<table>標籤置於<p>標籤內部。將<p>標籤置於<td></td>之間，則徹底正確。

標題標籤：<h1>~<h6>,<h1>字號最大，<h6>字號最小，

段落標籤：<p>文本內容省略</p>

換行標籤：<br/> 強制換行顯示，沒有結束標籤，直接使用<br/>表示標籤的開始和結束。

水平標籤：<hr/> 表示一條水平線，沒有結束標籤。

字體樣式標籤：字體加粗的標籤是<strong>……</strong>,斜體字的標籤是<em>……</em>。

註釋和特殊符號

圖像標籤

☆ 經常使用的圖像格式

後綴名分別有： .JPG .glf .Bmp .png

圖像標籤的基本語法

<img src="圖片地址（圖片路徑）" alt="圖像的替代文字"  title=「鼠標懸停提示文字（當鼠標移至圖片上時顯示提示信息）」  width=「圖片寬度」 height="圖片高度">

連接標籤：

超連接包含兩部份內容：一是連接地址，即連接目標，能夠是某個網址或文件的路徑，對應爲<a>標籤的href屬性；二是連接文本或圖像，單擊該文本或圖像，將跳轉到href屬性指定的連接地址，超連接的基本語法以下：

<a  href="連接地址"  target=「目標窗口位置」>連接文本或圖像</a>

>href:表示連接地址的路徑。

> target:指定連接在哪一個窗體打開，經常使用的取值有_self(自身窗體)、_blank(新建窗體)。

根據連接的地址是指向站外文件仍是站內文件，連接地址有分爲絕對路徑和相對路徑。

★站外使用絕對路徑：指向目標地址的完整描述，通常指向本站點外的文件。

例如：<a href="http://www.sohu.com/index.html">搜狐</a>。

★站內使用相對路徑，相對於當前頁面的路徑，通常指向本站點內的文件，因此通常不須要一個完整的URL地址的形式。、

例如：<a href="login/login.html">登陸</a>表示連接地址爲當前頁面所在路徑的「login」目錄下的「login。html」頁面。

站內使用相對路徑時經常使用到兩個特殊符號：「../」表示當前目錄的上一級目錄，「../../」表示當前目錄的上上級目錄。

例如：<a href="../web1.html">上級目錄</a>

<a href="../../web1.html">上上級目錄</a>

超連接的應用：

>頁面間連接：A頁到B頁，

<p><a href="elearing/index.html" target="_blank">XXX</a></p>

<p><a href="elearing/courseList.html" target="_blank">XXX</a></p>

>錨連接：A頁甲位置到A頁的乙位置或A頁甲位置到B頁的乙位置。

>功能性連接：在頁面中調用其餘程序功能，如電子郵件，QQ ，MSN 等。

1. NRF51822 回顧總結
2. jquey 回顧總結
3. rsync 總結回顧
4. 總結回顧---1
5. 總結回顧JVM
6. 【回顧&小結】回溯法
7. HTML入門學習總結
8. 回顧html
9. WIN10 + cuda9.1 + cudnn7.0.5 + caffe入坑總結回顧
10. svg入門學習回顧
更多相關文章...
• Memcached入門教程 - NoSQL教程
• Neo4j數據庫入門教程 - NoSQL教程
• 算法總結-回溯法
• YAML 入門教程

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。