html之內容解析

首先我們知道了HTML和css用途，那麼今天就來看看HTML的一部分功能和用途。

簡單的說HTML就是靈活使用標簽，標簽就相當於一個網頁的骨架，有了這個骨架才能使網頁更能區域色彩化。

首先來說HTML術語

1.HTML文檔由許多個元素組成，所有的內容都是靠元素組織到頁面中。

2.元素的組成部分，簡單的說就是其的框架。有起始標簽，內容，結束標簽。標簽名又叫元素名。

3.所有的元素都有屬性，如a標簽href就是其屬性。其後面英文引號中就是其屬性值。

4.所涉及的還有空元素就是沒有結束標簽。如插入圖片和視頻等就是空元素。

5.一個元素中可以包含其它元素，形成嵌套的層次結構，兩個元素不能相互嵌套。

6.文檔的聲明，目前都是用的HTML5這個版本。<!DOCTYDE.html>這是一條申明語句讓瀏覽器知道。

7.在所編寫的開始和結尾都是要加寫HTML標簽在開始和結尾處。

在head元素中

他是HTML的第一個子元素，他的作用在於描述其網頁的附加信息。他的內容不會顯示在網頁上。

其中標簽有

meta 

title---------------為網頁的標題

在meat標簽中我們需要加入字元編碼集<meta charest="UTF-8"------是對語言的翻譯。

能夠增加搜索引擎對該頁面的權重為在meta後加keyword 和discription。

在body元素中

該標簽是HTML的第二個子標簽

該標簽中所用內容都要在網頁中顯示，具體的用以下需要使用的標簽等:

>無序列表ul

有序列表ol(li為其子標簽)

自定義列表dl(子標簽dt是對專業列表的解釋含義 dd)

段落標簽p 內容是以相應段落顯示

大段的引用標簽blockquote---------------小段引用標簽q

向文本中添加東西需要加入span標簽

&lt;小於符號。&gt;大於符號。&nbsp;空格符號。&copy;版權符號。&reg;已註冊符號。&amp;&

斜體標簽em

粗體標簽strong

日期標簽time----------屬性datetime提供給搜索引擎

簡寫標簽abbr----------屬性title是全稱

上標標簽sup

下標標簽sub

添加視頻vidio----------屬性src後為添加的文件地址(音頻，圖片同理)在標簽再加入controls顯示進度條，autoplay自動重播，loop迴圈播放

抓取圖片figure--------子標簽中img添加圖片，其後alt的內容是有利於網路蜘蛛的抓取。figcaptioon是對內容圖片的解釋

換行標簽br

分割線標簽hr

單選標簽<input type="radio" name="" value="">

多選標簽<input type=''checkbox'' name="">

輸入賬號標簽<input type="text" name="賬號所保存地方">

輸入密碼標簽<input type="pasword"  name="密碼保存地方">

文本框標簽<textarea name="" id="" cols="40"代表列 rows="10"代表行>

下拉列表下拉框select----------屬性name指的是選擇什麼，子標簽option 屬性value告訴選擇的是什麼

輸入框提示信息<input type="text" placeholder="這是輸入框提示的信息">

自動匹配信息標簽datalist-------屬性id   子標簽option value="這是輸入框匹配你的信息"

點擊顯示標簽details--------------字表簽summary顯示點擊的文字 p是點擊後顯示的內容

表格標簽table----------子標簽tr(行)td(列)

普通提交標簽<input type="button" value=""為按鈕名字>

直接提交標簽把button改成submit   命名同理

重置標簽把button改成reset

設置文本框輸入長度標簽--------直接在後加入maxlength="長度值"

不為空標簽--------直接在後加上required

日曆插件標簽<input type=''data''>

輸入類似身高輸入標簽<input type="number" min="" max="" step=""每次增加值的多少 value=""定義的預設值

滾動條標簽<input type="range" min="" max='''' name=''''>

顏色選擇標簽<input type="color" name="">

總之一句話HTML中所有的東西全靠自己背誦。