html 知識整理

時間 2019-11-13

標籤 html 知識整理欄目 HTML 简体版

原文原文鏈接

1、前言css

　　本文全面介紹了html的定義、使用和具體經常使用標籤。html

參考資料：菜鳥教程html5

2、定義面試

　　html是HyperText Markup Language的簡稱，也就是超文本標記語言的縮寫。經過html標籤包裹字符串，就能夠交給瀏覽器解析，造成豐富多彩的網頁。編程

　　html 是一種標記語言，不是編程語言，寫錯了也不會報錯，只會當成字符串解析。一共經歷瞭如下版本：瀏覽器

版本	發佈時間
HTML	1991
HTML+	1993
HTML 2.0	1995
HTML 3.2	1997
HTML 4.01	1999
XHTML 1.0	2000
HTML5	2012
XHTML5	2013

　　 html主要做用是定義網頁上要顯示的元素。以後的CSS（層疊樣式表）定義的元素顯示的樣式，Javascript腳本語言定義了元素的動態效果和用戶交互。框架

3、html文檔基本結構編程語言

　　<!DOCTYPE html>學習

　　<html>url

　　　　<head>

　　　　</head>

　　　　<body>

　　　　</body>

　　</html>

　　第一行爲聲明html版本，所以，通常會把形如<!DOCTYPE html>放在html文檔開頭申明版本，<!DOCTYPE html>爲html5 版本。目前主流爲支持html5.固然html5的顯示效果也是最好的。

　　<html></html>表明文檔主題，寫在中間的內容會交給瀏覽器解析。

　　<head></head>表明文檔屬性，寫在中間的內容主要是聲明文檔屬性，引入外部文件等。

　　<body></body>表明網頁中要顯示的元素，如文字，圖片，超連接，音頻，視頻，窗口等等等。

　　<></> html 中多數標籤有開頭尖括號開始，結尾尖括號結束。中間可嵌套其餘html元素。因此正確的結束html標籤是十分重要的。有些標籤如<img>等，不寫結尾也無問題，可是爲了一致性，建議寫上，如<img/>

　　當標籤中間無內容時，會自動關閉。不會顯示在頁面上。

　　<a href='www.baidu.com'>test</a> 開始便籤中能夠設置標籤屬性，以屬性名=‘屬性值’的鍵值對形式，有內置的屬性，也能夠自定義屬性。

　　全部標籤均爲小寫。

4、基本標籤、標籤屬性與功能

　　建議每個試一下

<!DOCTYPE html>           定義html版本
<html></html>             定義文檔
<head></head>             定義文檔頭部信息
<title></title>           定義網頁頭部標籤顯示文字
<style></style>           定義樣式
<meta></meta>             定義關鍵詞，網頁面試，做者，修改時間，等等
<link>                    引入網頁圖標，外部css文件
<script>,</script>        定義腳本
               
<base>                    定義全部超連接默認鏈接
<body></body>             定義文檔主體
<h1></h1> ~<h6></h6>      標題，包裹內容會以加黑加粗不一樣大小的標題格式顯示，h1最大。
<hr>                      水平線，標籤在 HTML 頁面中建立水平線。
<!-- 這是一個註釋 --> 建立註釋，不會顯示
<p>這是一個段落 </p> 段落，獨佔一行
<br /> 換行
<b> </b>                  加粗
<sub></sub>               上標
<sup></sup>               下標
<i></i>                   斜體
<a href="url">連接文本</a> 超連接
<img>                     圖像
<table>                   表格
　　<thead></thead>
　　　　<tr>
　　　　　　<td></td>
　　　　</tr>
　　<tbody></tbody>
</table>               
<ul>                      無序列表
    <li></li>
</ul>
<ol>                      有序列表
    <li></li>
</ol>
<div></div>               塊狀標籤（佔一塊）
<span></span>             內聯（在一行）
<form></form>             表單
<input type="text" name="firstname"> 輸入框
<input type="text">       文本框
<input type="password">   密碼框
<input type="radio">      單選框
<input type="checkbox">   多選框
<input type="submit">     提交按鈕
<textarea>                長文本
<select>                  下拉菜單
<option>                  下拉菜單選項
<button>                  按鈕
<iframe src="URL"></iframe> 框架
字符實體                    用以代替特殊字符，經常使用的有
空格&nbsp;<  &lt;   > &gt;
顏色                    有命名，rgb模式，十六進制表示。