一個完美的web前端攻城獅,所具有的專業素養有:HTML五、XHTML、CSS三、JavaScript、JQuery、PS、PHP等。因此說,我要學的東西還有不少。。。css
沒別得,我也是一個H5的初學者,只是爲了作好筆記,若是能幫到他人,我很榮幸。html
1、HTML前端
是超文本標記語言(Hype Text Markup Language),它不是編程語言,只是一種標記語言。web
2、經常使用工具編程
Webstom、Notepad++、Eclipse、Text Subline、Dreamweaver、Intellij IDEA等canvas
3、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技術領域最具權威和影響力的國際中立性技術標準機構編程語言
4、組成部分ide
包括:聲明、頭部(head)、標題(title)、身體(body)工具
5、基礎知識:
(1)聲明
<!DOCTYPE> 聲明必須是 HTML 文檔的第一行,位於 <html> 標籤以前。
<!DOCTYPE> 聲明不是 HTML 標籤;它是指示 web 瀏覽器關於頁面使用哪一個 HTML 版本進行編寫的指令,這樣瀏覽器才能獲知文檔類型。
在 HTML 4.01 中,<!DOCTYPE> 聲明引用 DTD,由於 HTML 4.01 基於 SGML。DTD 規定了標記語言的規則,這樣瀏覽器才能正確地呈現內容。
HTML5 不基於 SGML,因此不須要引用 DTD。
如今主要記住:H5的聲明方式:<!DOCTYPE html>
(2)經常使用標籤及其屬性
1-標題標籤h1~h6(愈來愈小)
標題標準屬性:id, class, title, style, dir, lang, xml:lang;事件屬性:onclick, ondblclick等
2-連接標籤<a><img>
<a>屬性有:download、href、name、target等
<img>有:src(規定顯示圖像的 URL)、alt(規定圖像的替代文本)
3-格式化標籤
<b> 定義粗體字體 <big> 大字號 <em> 着重文字
<i> 斜體字 <small> 小號字 <strong> 加劇語氣
<sub> 下標字 <sup> 上標字 <ins> 插入字
<del> 刪除字
4-表格標籤
表格標籤 | 標籤的描述 |
<table> | 表格 |
<caption> | 表格的標題 |
<th> | 表格的表頭 |
<tr> | 表格的行 |
<td> | 表格的單元 |
<thead> | 表格的頁眉 |
<tbody> | 表格的主題 |
<tfoot> | 表格的頁腳 |
<col> | 表格的列屬性 |
5-列表標籤
<ol> 有序列表(屬性有:type=A(A,B,C)、a(a,b,c)、I(I,II,III)、i(i,ii,iii)、start=10(從10開始))
<ul>無序列表(屬性有:type=disc(實體圓)、circle(空心圓)、square(方塊)或者用css樣式)
<li>列表項的屬性
<dl>列表
<dt>列表項
<dd>描述
6-佈局標籤
<table>、<div>
7-背景標籤
<background>、<bgcolor>
8-新增主要標籤
<video>、<aduio> 媒介回放元素
<canvas>(繪畫標籤)
(3)樣式表(三種方式)
1-外部樣式表
<link rel="stylesheet" type="text/css" href="mycss">
2-內部樣式表
<style type="text/css">
body{/style>
3-內聯樣式表
<p style="color:red"></p>
6、主要網址: w3c:http://www.w3school.com.cn