HTML
HTML(HyperText Markup Language)就是超文本標記語言。”超文本”就是表示頁面內可以包含非文字元素,如:圖片、鏈接、音樂等等。
基本語法
HTML標簽
[if !supportLists]·????????[endif]HTML 標簽是由尖括號包圍的關鍵詞,比如
[if !supportLists]·????????[endif]HTML 標簽通常是成對出現的,比如 <b> 和
[if !supportLists]·????????[endif]標簽對中的第一個標簽是開始標簽,第二個標簽是結束標簽
HTML整體架構
<!DOCTYPE html>推薦方式,告知瀏覽器怎么解析文檔。
<html></html>標識文檔的開始和結束
<head>…..</head>文檔的開頭部分,之間的內容不在瀏覽器的框內顯示出來。
<meta>提供文檔的信息,起始屬性為:charset="utf8"。表示告訴瀏覽器頁面采用的什么編碼,一般來說我們就用 utf8。
<link>引入css文件
<script>引入js文件或者編寫js代碼
……
<title>定義文檔的標題。瀏覽器會以特殊的方式來使用標題,并且通常把它放置在瀏覽器窗口的標題欄或狀態欄上。同樣,當把文檔加入用戶的鏈接列表或者收藏夾或書簽列表時,標題將成為該文檔鏈接的默認名稱。
注意:<title>標簽位于<head>標簽內,是<head>標簽中唯一要求包含的東西。
<meta/>用來提供關于文檔的信息, <!-- 詳細描述-->
????
????
…
一般情況下瀏覽器上顯示的內容的都放在body中,不排除其他標簽可以不用body,比如frameset框架集標簽。
常用標簽
HTML 標題(Heading)是通過 <h1> -
<h6> 等標簽進行定義的。
HTML 段落是通過 <p> 標簽進行定義的。
注釋:瀏覽器會自動地在標題的前后添加空行。
注釋:默認情況下,HTML 會自動地在塊級元素前后添加一個額外的空行,比如段落、標題元素前后。
<hr /> 標簽在 HTML 頁面中創建水平線。
hr 元素可用于分隔內容。
<br /> 元素是一個空的 HTML 元素。由于關閉標簽沒有任何意義,因此它沒有結束標簽。
<br> 還是
您也許發現 <br> 與 <br /> 很相似。
在 XHTML、XML 以及未來的 HTML 版本中,不允許使用沒有結束標簽(閉合標簽)的HTML 元素。
即使 <br> 在所有瀏覽器中的顯示都沒有問題,使用 <br /> 也是更長遠的保障。
HTML 鏈接是通過 <a> 標簽進行定義的。
???????? This is a link
HTML 圖像是通過 <img> 標簽進行定義的。
圖像的名稱和尺寸是以屬性的形式提供的。
<img src="img/1.jpg" title="這是一個圖片" />
<div>是一個塊級元素,通常與css配合使用,用于布局。
<div>標簽可以把文檔分割為獨立的、不同的部分。它可以用作嚴格的組織工具,并且不使用任何格式與其關聯。
<div>是一個塊級元素。這意味著它的內容自動地開始一個新行。實際上,換行是 <div> 固有的唯一格式表現。可以通過<div> 的 class 或 id 應用額外的樣式。
<!-- 構建一個div 設置邊框黑色1px 寬度200px高度200px 字體居中-->
???????? 這是一個div
<!-- 構建一個span 字體為紅色-->
???????? 這是一個span
表格的表頭
表格的表頭使用 <th> 標簽進行定義。
大多數瀏覽器會把表頭顯示為粗體居中的文本
表格中的空單元格
在一些瀏覽器中,沒有內容的表格單元顯示得不太好。如果某個單元格是空的(沒有內容),瀏覽器可能無法顯示出這個單元格的邊框
這個空的單元格的邊框沒有被顯示出來。為了避免這種情況,在空單元格中添加一個空格占位符,就可以將邊框顯示出來。
rowspan跨行
colspan跨列
無序列表是一個項目的列表,此列項目使用粗體圓點(典型的小黑圓圈)進行標記。
無序列表始于 <ul> 標簽。每個列表項始于 <li>。
有序列表也是一列項目,列表項目使用數字進行標記。
有序列表始于 <ol> 標簽。每個列表項始于 <li> 標簽。