第一課時 HTML入門與基本標記
一、HTML簡介
1.定義：HTML就是超文本標記語言。超文本就是包含鏈接的文本，標記語言就是排版的、不需要編譯的語言。
2.HTML文件的擴展名為HTML或HTM（DOS下使用）。
3.HTML不區分大小寫。
4.HTML是由一系列的元素和標記組成。
二、元素與標記簡介
1.定義：是用<>符號的叫標記，當用一組HTML標記將一段文字包含在中間時，這段文字與包含這段文字的HTML標記合稱為一個元素。
2.某個元素的完整定義：
<標記名稱屬性1=“屬性值”屬性2=“屬性值”…>元素文字</標記名稱>
3.標記的分類：單獨標記和成對標記
4.標記屬性的分類：標識屬性和有值屬性
（注：有值屬性的值可以不用引號，但為了避免不必要的錯誤建議用引號引起）
三、HTML中一些特殊符號的表示方法
> 大于號 &guot;雙引號
< 小于號 ©出版社標記
空格 ®注冊標記
四、HTML的簡單結構
<html>
<head>
Head標記中用來定義網頁的一些公用信息和控制信息
</head>
<body>
Body標記中定義的內容會在瀏覽器的主題窗口中顯示出來
</body>
</html>
五、<HEAD>標記介紹
1. <HEAD>中常用標記：
<meta>（單獨標記）：
兩種用法：
<meta name=”值” content=”值”> 和<meta http-equiv=”值” content=”值”>
a.Nme和Http-equiv不弄同時存在在同一個<meta>標記中
b.<meta>標記可以在<head>中不限次數的定義
c.content屬性是用來補充說name或http屬性中的具體內容的屬性
d.當name=”autor”時，content=“作者的名字
當name=”Keywords“時content=“查詢關鍵字”
當name=”Descripition”時，content=“對網頁的描述信息“
當http-equiv =”pragma”時，content=“no-cach”會產生禁用緩存的效果
當http-equiv =”content-type”時，content=“字符集編碼”會改變網頁的字符集
當http-equiv =” content-language”時，content=“語言類型” 會改變網頁的語言
當http-equiv =”refresh”時，content=“時間;URL”會產生隔固定時間自動刷新成URL的效果
六、<BODY>標記介紹
1.<BODY>屬性：
a.txet：不是超鏈接字體的顏色
b.link：超鏈接字體的顏色
c.vlink：訪問過的超鏈接字體顏色
d.alink：引動到超鏈接上字體的顏色
e.bgcolor：背景顏色
f.background:背景圖像
2.<BODY>常用的基本標記
a. <br>換行標記(單獨標記)
b.<hr>水平標記：<hr size=”” width=”” align=”” noshade>(單獨標記)
size會水平標尺的粗細，width為寬度（可以像素和百分比兩種表示方式）
align設置標尺的水平對齊方式，noshade(標示屬性)去除陰影
c.<p>…</p>段落標記：會在前后自動加一個空行
d.<pre>…</pre>原樣顯示文本標記
e.<blockquote>…</ blockquote >縮進標記
f. <hn>…</hn>標題標記:n為1-7的數字，標題標記會在自己的開頭和結束加上一個空行
g.<nobr>…</nobr>不換行標記
h.塊標記:分為兩種
第一種是<div>…</div>;第二種是<span>…</span>
區別在于：<div>會給在手尾自動換行(在默認樣式下)
I.字符集標記：
也分兩種：
第一種叫：實體標記；第二種叫：邏輯標記
區別在于：實體標記在不同的瀏覽器里表現形式一樣，而邏輯標記可能有所不同。
實體標記：<b>…</b>粗體、<i>…</i>斜體、<u>…</u>下劃線文字(3種)
邏輯標記：<strong>…</ strong >強調、<address>…</ address >地址……
g.無序列表：
<ul type=””>
<li>……
<li>……
……
</ul>
當type=”disc|circle_square”時，列表項前面的符號會有所不同
k.有序列表：
<ol type=”” start=””>
<li>……
<li>……
……
</ol>
當type=”1|A|a|I|i”時，列表項前面的序號表示形式會有所不同
Start為序號的開始號碼。
l.<front>…</front>字符標記
<front face=”” size=”” color=””>…</front>
Face:代表字體 size：符號的大小
Color：顏色，可以通過“英文”和“#FFFFFF”等兩種方式賦值
m. <img>圖片標記(單獨標記)
<img src=”” align=”” width=”” height=”” title=”” alt=”” dynsrc=”” start=”” loop=””>
Src:圖片的路徑 align:文字的對齊方式(top"bottom"center)
Width:圖片寬度 heitht:圖片高度(默認為圖片實際大小)
Title：鼠標放上去后的提示文字 alt:圖片無法顯示時，代替顯示的文字
Dysrc：視頻文件播放路徑 start:視頻文件開始方式（mouseover和fileopen）
Loop:視頻文件循環播放的次數(-1表示無限次)