首先我們知道了HTML和css用途,那麼今天就來看看HTML的一部分功能和用途。 簡單的說HTML就是靈活使用標簽,標簽就相當於一個網頁的骨架,有了這個骨架才能使網頁更能區域色彩化。 首先來說HTML術語 1.HTML文檔由許多個元素組成,所有的內容都是靠元素組織到頁面中。 2.元素的組成部分,簡單 ...
首先我們知道了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標簽
<小於符號。>大於符號。 空格符號。©版權符號。®已註冊符號。&&
斜體標簽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中所有的東西全靠自己背誦。