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中全部的東西全靠本身背誦。