說到html的常用標(biāo)簽，就不得不說奏寨，一個html頁面是由那些基本元素組成的起意。
1.舉個??
打開百度首頁，windows系統(tǒng)按F12病瞳，mac系統(tǒng)按alt+commond+i召喚出神龍開發(fā)者的小伙伴揽咕，調(diào)試模式：
2.點(diǎn)擊Elements
點(diǎn)擊后，可以看到一個網(wǎng)頁的html元素構(gòu)成套菜。如上圖所示亲善，百度首頁的html文件由head和body兩個主元素組成。展開這兩個元素可以查看其自元素逗柴，鼠標(biāo)移到相關(guān)元素時蛹头，頁面中會同步高亮。
3.一個html頁面的構(gòu)成和主要元素
<head>
<head>標(biāo)簽的內(nèi)容對用戶來說是看不見的嚎于。
HTML head 元素用來規(guī)定文檔相關(guān)的配置信息掘而，稱為元數(shù)據(jù)，包括文檔的標(biāo)題于购，引用的文檔樣式和腳本等袍睡。它只能是<html>元素的子元素，但它的子元素包括以下元素：有: <title>, <base>, <link>, <style>, <meta>, <script>, <noscript>, <command>.
<title>,定義文檔的標(biāo)題肋僧，顯示在瀏覽器的標(biāo)題欄或標(biāo)簽頁上斑胜。它只可以包含文本，若是包含有標(biāo)簽嫌吠，則包含的任何標(biāo)簽都不會被解釋止潘。
<base>, 指定用于一個文檔中包含的所有相對URL的基本URL。一份中只能有一個<base>元素辫诅。
<link>,規(guī)定了外部資源與當(dāng)前文檔的關(guān)系凭戴。 這個元素可用來為導(dǎo)航定義一個關(guān)系框架。這個元素最常于引用css炕矮。
<style>, 包含文檔的樣式信息或者文檔的部分內(nèi)容么夫。默認(rèn)情況下，該標(biāo)簽的樣式信息通常是CSS的格式肤视。
<meta>, 表示那些不能由其它HTML元相關(guān)元素 (<base>, <link>, <script>, <style> 或 <title>) 之一表示的任何元數(shù)據(jù)信息.比如編碼格式档痪，網(wǎng)頁語言等。
<script>, 用于嵌入或引用可執(zhí)行腳本邢滑。
<noscript>,如果頁面上的腳本類型不受支持或者當(dāng)前在瀏覽器中關(guān)閉了腳本腐螟，則在HTML 元素中定義腳本未被執(zhí)行時的替代內(nèi)容。
<command>,用來表示一個用戶可以調(diào)用的命令.
<body>
所有打開頁面時我們能看見的東西，都寫在<body>中乐纸。
根據(jù)頁面的結(jié)構(gòu)衬廷，<body>一般分為三個部分：<header>,<main>,<footer>，分別表示頁眉汽绢，主體泵督，頁腳。
有的頁面還有側(cè)邊欄庶喜，側(cè)邊欄的標(biāo)簽是<aside>
有的頁面主體是一塊一塊的，每一塊都有一個中心主題救鲤，所有主題的共同點(diǎn)就是它們都很重要久窟，這樣的一塊塊，可以用<section>來表示
<html>中有兩個萬用標(biāo)簽本缠，就是<div>,<span>斥扛，基本可以說大部分的東西都能用這兩個標(biāo)簽實(shí)現(xiàn)，缺點(diǎn)就是要有很多的class和id丹锹，不利于維護(hù)稀颁。所以一般建議按照實(shí)際情況動態(tài)使用標(biāo)簽，不要一個div走天下楣黍。
<div>
div元素匾灶，就是一個塊，可以把別的元素包起來
<h1>,<h2>,<h3>,<h4>,<h5>,<h6>
標(biāo)題標(biāo)簽 h1~h6 租漂，必須閉合
<nav>
nav標(biāo)簽阶女，是導(dǎo)航欄。導(dǎo)航欄里一般嵌套<ul>,<li>,<a>,可以跳轉(zhuǎn)到其它網(wǎng)頁或本網(wǎng)頁的某一塊哩治。
<ul>,<li>
列表元素秃踩，ul是unordered list無序表的意思，還有一個有序表业筏，是ol（ordered list）憔杨。li的意思是list item。li通常和ul或ol同時出現(xiàn)：
<a>
a鏈接蒜胖，可以跳轉(zhuǎn)到其它網(wǎng)頁或本網(wǎng)頁的某一塊消别；可以用圖片也可以用文字作文跳轉(zhuǎn)媒介。
<a href="#">text</a>
<a href="#"><img src="#" alt="..."></a>
<p>
p標(biāo)簽用來進(jìn)行文字說明翠勉，不能在p標(biāo)簽中嵌套div這種快級元素妖啥，會被分割成兩個p
<img>
img標(biāo)簽可以上傳圖片，可以和a鏈接結(jié)合實(shí)現(xiàn)跳轉(zhuǎn)对碌，也可單純展示荆虱。
<img src="images/avatar.jpg" alt="photo">
