1.Html語法
1.什么是html語言
超文本標記語言罢维，標準通用標記語言下的一個應用旷余。是 網(wǎng)頁制作必備的編程語言。超文本”就是指頁面內(nèi)可以包含圖片薪鹦、鏈接掌敬，甚至音樂、程序等非文字元素池磁。
超文本標記語言的結(jié)構(gòu)包括“頭”部分（英語：Head）奔害、和“主體”部分（英語：Body），其中頭”部提供關(guān)于網(wǎng)頁的信息地熄，“主體”部分提供網(wǎng)頁的具體內(nèi)容华临。
2.Html的標記和屬性
HTML保存格式
- .html
- .htm
- .xhtml
標記和被標記的內(nèi)容構(gòu)建出HTML文檔 - <標記> 內(nèi)容 </標記>
標記屬性 - 就是用來控制我們的內(nèi)容如何顯示
- 格式：<標記 屬性1=屬性值 屬性2=屬性值……….>內(nèi)容</標記>
- 語法不區(qū)分大小寫
a. <HTML>,<Html>,<html>都是一樣的意義，但是盡量使用小寫 - 文檔注釋
a.<!—注釋內(nèi)容--> - 代碼格式
a.空格鍵和回車鍵在網(wǎng)頁中都不起作用
b.使用Tab鍵進行縮進离斩！ - 字符實體
a.什么是字符實體银舱？
字符實體通俗講就是網(wǎng)頁文件中復雜的符號代碼和一些標點的代碼。例如小于號 < 大于號 > 雙引號 "這些符號要在瀏覽器中顯示跛梗，在HTML文檔中都必需被轉(zhuǎn)化成字符實體寻馏。字符實體有三部分：一個和號 (&)，一個實體名稱及一個分號（核偿；）诚欠，或者 # 和一個實體編號，以及一個分號 (;)漾岳。
b.常見字符實體
空格  
< 小于號 < <
> 大于號 > >
& 和號 & &
" 引號 " "
' 撇號 ' (IE不支持) '
￠ 分（cent） ¢ ¢
￡ 鎊（pound） £ £
￥ 元（yen） ¥ ¥
€ 歐元（euro） € €
§ 小節(jié) § §
? 版權(quán)（copyright） © ©
? 注冊商標 ® ®
? 商標 ™ ™
× 乘號 × ×
÷ 除號 ÷ ÷
2.html的基本結(jié)構(gòu)
1.<html>內(nèi)容</html>
Html文檔的文檔標記轰绵，也稱為html的開始標記。分別位于網(wǎng)頁最前端和最后段尼荆，<html>表示網(wǎng)頁開始左腔，</html>表示網(wǎng)頁的結(jié)束。
2.<head>內(nèi)容</head>
Html文件頭標記捅儒，也稱為html頭信息開始標記液样。用來包含文件的基本信息，比如網(wǎng)頁的標題巧还、關(guān)鍵字鞭莽。在其中可以放入<title>……</title>、<meta>麸祷、<style>……</style>等標記澎怒。
3.<title>內(nèi)容</title>
Html文件標題標記，網(wǎng)頁的“主題”阶牍，顯示在瀏覽器的窗口的左上角喷面，應當注意網(wǎng)頁的標題不能太長星瘾，像百度這種短小精悍。
4.<body>內(nèi)容</body>
HTML文檔的主體標記乖酬，可以包含多個標記死相。例如：<p></p>、<h1></h1>咬像、
</br>等標記來組成我們看見的網(wǎng)頁算撮。Body標記常見屬性：
bgcolor-----------------設(shè)置背景顏色---------<body bgcolor=”blue”></body>
text--------------------設(shè)置文本顏色----------<body text=”red”></body>
link---------------------設(shè)置連接顏色---------<body link=”red”></body>
vlink--------------------已經(jīng)訪問了的鏈接顏色--<body vlink=”yellow”></body>
alink--------------------正在被點擊的鏈接顏色--<body alink=”red”></body>
5.<meta>
頁面的元信息，提供有關(guān)頁面的元信息县昂，比如針對搜索引擎和更新頻度的描述和關(guān)鍵詞
<meta name=”keyworlds” content=”內(nèi)容”>肮柜，其中常用的name屬性有author、keyworlds倒彰、description审洞、others。<meta>必須放在head元素里面待讳。<meta charset=”utf-8”>來設(shè)置編碼格式芒澜。
3.文檔設(shè)置標記
1.格式標記
強制換行標記
<p>換段落標記
<center>居中對齊標記
<pre>預格式化標記
<li>列表項目標記
<ul>無序列表標記
<ol>有序列表標記---{ <ol type=”符號類型”>
<li type=”符號類型“></li>
<li type=”符號類型”></li>
…………………………………
………………………………
</ol>
}
Type屬性值：1、A创淡、a痴晦、I、i
Value定義一個新的序列數(shù)字起始值琳彩，列表可以嵌套誊酌。
<dl><dt><dd>對列表條目進行簡短的說明，格式：
<dl>
<dt>軟件說明：</dt>
<dd>簡單介紹軟件的功能及基本應用</dd>
<dt>軟件界面</dt>
<dd>用于選擇軟件的外觀</dd>
</dl>
分割線————————————————————————————
<div>分區(qū)顯示標記露乏，也稱之為層標記碧浊，常用來編排一大段的html段落，也可以用于格式化表瘟仿，和<p>很相似箱锐，可以多層嵌套使用。
2.文本標記
<hn></hn>劳较，標題標記驹止，n為1到6個級別，h1最大兴想，h6最写鄙凇赡勘；
<font></font>嫂便，字體設(shè)置標記，有size（字體大姓⒂搿）毙替、color（顏色）岸售、face（字體）。例如：<font size=”3” color=”red” face=”宋體”></font>厂画。Size從1到7凸丸；
<b></b>粗體標記；
<i></i>斜體標記袱院；
<cite></cite>引用方式的字體屎慢，斜體；
<em></em>表示強調(diào)忽洛，斜體腻惠；
文字下標字體標記；
文字上標字體標記欲虚；
<strong></strong>表示強調(diào)集灌，粗體；
<small></small>小型字體標記复哆；
<big></big>大型字體標記;
<u></u>下劃線字體標記欣喧；
4.圖形標記
<img>圖像標記
- 使用方法
<img src=”路徑/文件名.圖片格式或者圖片網(wǎng)址” width=”屬性值” height=”屬性值” border=”屬性值” alt=”屬性值”>
2.注意
<img>為單標記；
3.<img>標記屬性
1.src屬性：指定我們要加載的圖片的路徑和圖片名稱和格式
2.width屬性：指定圖片的寬度梯找，單位為px唆阿、em、cm初肉、mm酷鸦。
3.height屬性：指定圖片高度，單位為px牙咏、em臼隔、cm、mm妄壶。
4.border屬性：指定圖片的邊框?qū)挾人の眨瑔挝粸閜x、em丁寄、cm氨淌、mm。
5.alt屬性：當網(wǎng)頁上的圖片被加載完成后伊磺，鼠標移動到上面去盛正，會顯示這個圖片指定的屬性文字。如果圖像沒有下載或者加載失敗屑埋，會用文字來代替圖像顯示豪筝。搜索引擎可以通個這個屬性的文字來抓取圖片。
5.超鏈接的使用
1.基本語法
<a href=” ” target=”打開方式” name=“頁面錨點名稱” >鏈接文字或者圖片</a>
2.屬性
1.href屬性：鏈接的的地址，鏈接的地址可以是一個網(wǎng)頁续崖，也可以是一個視頻敲街、圖片、音樂等等严望。
2.target屬性：
定義超鏈接的打開方式
_blank 在一個新的窗口中打開鏈接多艇；
_seif(默認值)在當前頁面打開；
_parent 在父窗口中打開頁面
_top 在頂層窗口中打開文件
3.name屬性：
指定頁面的的錨點名稱像吻；
6.表格
1.<table>…</table>標記
1.基本格式：
<table width="960" …… height="300"(屬性=”屬性值”) >
<caption>表格標題</caption>
<tr>
<th>班級</th>
<th>姓名</th>
<th>年齡</th>
<th>成績</th>
</tr>
<tr>
<td>四年級一班</td>
<td>張三</td>
<td>16</td>
<td>80</td>
</tr>
</table>
2.table標記的屬性：
1.width表示表格寬度峻黍，單位px、%拨匆。
2.height 表示表格的高度奸披，單位px、%涮雷。
3.border 表示表格外邊框的寬度阵面，單位
4.align屬性 表格顯示的位置。如：align=“l(fā)eft”洪鸭，其中l(wèi)eft可以為center样刷、right，默認是left览爵。
5.cellspacing 單元格之間的間距置鼻，默認值是2px，單位為px像素蜓竹。
6.cellpadding 單元格內(nèi)容與單元格邊框的顯示距離箕母，單位像素。
7.frame 控制表格邊框最外層的四條線框：
1.void：默認值俱济，表示無邊框
2.above：表示僅有頂部邊框
3.below：表示僅有底部邊框
4.hsides：表示僅有頂部和底部邊框
5.lhs：表示僅有左側(cè)邊框
6.rhs：表示僅有右側(cè)邊框
7.vsides：表示僅有左右側(cè)邊框
8.box：表示包含全部4個邊框
9.border：表示包含全部4個邊框
8.rules 控制單元是否顯示以及如何顯示單元格之間的分割線：
1.none 表示無分割線
2.all 表示包括所有分割線
3.rows 表示僅有行分割線
4.clos 表示僅有列分割線
5.groups 表示僅在行組和列祖之間有分割線
2.<caption>…</caption>標記
即表格標題標記嘶是，位于<table>之后，<tr>之前蛛碌。有align屬性聂喇，使用格式為<caption align=”top”>。top可以為bottom（表格的下部）蔚携、left（表格的左部）希太、right（表格的右部）。
3.<tr>…</tr>表記
定義表格的一行酝蜒，對于每一個表格行誊辉，都是由一對<tr>…</tr>標記表示，每一行<tr>標記內(nèi)可以嵌套多個<td>或者<th>標記亡脑。
1.bgcolor 設(shè)置背景顏色堕澄，bgcolor=”顏色值”
2.align 設(shè)置垂直方向?qū)R方式洲尊，align=“值”，值為top（靠底部對齊）奈偏、bottom（靠頂端對齊）、middle（居中對齊）躯护。
3.valign 設(shè)置水平方向?qū)R方式惊来，valign=”值”，值為left（靠左對齊）棺滞、right（靠右對齊）裁蚁、center（居中對齊）。
4.<td>和<th>標記
<td>和<th>都是單元格的標記继准，其必須嵌套在<tr>標簽內(nèi)枉证，是成對出現(xiàn)的，<th>是表頭標記移必，通常位于首行或者首列室谚，<th>中的文字默認會被加粗，而<td>不會崔泵，<td>是數(shù)據(jù)標記秒赤，表示該單元格的具體數(shù)據(jù)。屬性有bgcolor憎瘸、align入篮、valign、width幌甘、height潮售、rowspan(單元格所占行數(shù))、colspan（單元格所占列數(shù)）锅风。
