HTML基礎知識
一個完美的web前端攻城獅,所具備的專業素養有:HTML5、XHTML、CSS3、JavaScript、JQuery、PS、PHP等。所以說,我要學的東西還有很多。。。
沒別得,我也是一個H5的初學者,只是為了做好筆記,如果能幫到他人,我很榮幸。
一、HTML
是超文字標記語言(Hype Text Markup Language),它不是程式語言,只是一種標記語言。
二、常用工具
Webstom、Notepad++、Eclipse、Text Subline、Dreamweaver、Intellij IDEA等
三、HTML的版本發展歷史
版本 年份 描述
HTML 1991 第一版的html
HTML+ 1993 作為網際網路工程工作小組(IETF)工作草案發布(並非標準)
HTML2.0 1995 作為RFC 1866釋出,在RFC 2854於2000年6月釋出之後被宣佈已經過時
HTML3.2 1997 作為W3C推薦標準
HTML4.01 1999 (比上一版做了微小改進)作為W3C推薦標準
XHTML1.0 2000 釋出於2000年,是W3C推薦標準,後來經過修訂於2002年重新發布
HTML5 2012 W3C推薦標準
XHTML5 2013 更新版,基於HTML5草案
註釋:w3c是全球資訊網聯盟,是Web技術領域最具權威和影響力的國際中立性技術標準機構
四、組成部分
包括:宣告、頭部(head)、標題(title)、身體(body)
五、基礎知識:
(1)宣告
<!DOCTYPE> 宣告必須是 HTML 文件的第一行,位於 標籤之前。
<!DOCTYPE> 宣告不是 HTML 標籤;它是指示 web 瀏覽器關於頁面使用哪個 HTML 版本進行編寫的指令,這樣瀏覽器才能獲知文件型別。
在 HTML 4.01 中,<!DOCTYPE> 宣告引用 DTD,因為 HTML 4.01 基於 SGML。DTD 規定了標記語言的規則,這樣瀏覽器才能正確地呈現內容。
HTML5 不基於 SGML,所以不需要引用 DTD。
現在主要記住:H5的宣告方式:
(2)常用標籤及其屬性
1-標題標籤h1~h6(越來越小)
標題標準屬性:id, class, title, style, dir, lang, xml:lang;事件屬性:onclick, ondblclick等
屬性有:download、href、name、target等
有:src(規定顯示影象的 URL)、alt(規定影象的替代文字)
3-格式化標籤
定義粗體字型 大字號 著重文字
斜體字 小號字 加重語氣
下標字 上標字 插入字
刪除字
4-表格標籤
表格標籤 標籤的描述
表格 表格的行 表格的頁首 表格的主題 表格的頁尾 表格的列屬性
5-列表標籤
- 有序列表(屬性有:type=A(A,B,C)、a(a,b,c)、I(I,II,III)、i(i,ii,iii)、start=10(從10開始))
- 列表項的屬性
- 列表
- 列表項
- 描述
6-佈局標籤
- 列表項
- 無序列表(屬性有:type=disc(實體圓)、circle(空心圓)、square(方塊)或者用css樣式)
表格的表頭 |
---|
表格的單元 |
7-背景標籤
8-新增主要標籤
(3)樣式表(三種方式)
1-外部樣式表
2-內部樣式表