HTML
一灌曙、什么是HTML柑蛇？
答：HTML是超文本標(biāo)記語言文捶。（Hyper Text Markup Language）
二、什么是HTML標(biāo)簽扶檐？
答：HTML標(biāo)簽是由尖括號標(biāo)記的關(guān)鍵詞組成。HTML標(biāo)簽通常是成對出現(xiàn)的胁艰，標(biāo)簽中的第一個標(biāo)簽是開始標(biāo)簽款筑，第二個標(biāo)簽是結(jié)束標(biāo)簽智蝠。
HTML標(biāo)簽和HTML元素通常都是描述同樣的意思。
三奈梳、HTML元素
HTML文檔是由嵌套的HTML元素構(gòu)成杈湾。
1、HTML<head>元素
答：<head>...</head>元素包含了所有頭部標(biāo)簽元素攘须。在<head>...</head>元素中你可以插入腳本（javascript）漆撞，樣式文件（css），以及各種meta信息于宙。
可以添加頭部區(qū)域的元素標(biāo)簽為：<title>浮驳、<style>、<meta>捞魁、<link>至会、<script>、<noscript>谱俭、<base>奉件。<head>元素文檔的各種屬性和信息，其中包括文檔的標(biāo)題昆著、在Web中的位置以及和其他文檔的關(guān)系等县貌。
2、HTML中<title>元素
<title>定義了瀏覽器工具來的標(biāo)題宣吱。
例：<title>我是網(wǎng)頁標(biāo)題</title>
3窃这、HTML<base>元素
<base>標(biāo)簽描述了基本的鏈接地址/鏈接目標(biāo)，該標(biāo)簽作為HTML文檔中所有的鏈接標(biāo)簽的默認(rèn)鏈接征候。
例：<base href=”//www.w3cschool.cn/images/” target=”_blank”>
4杭攻、HTML<link>元素
<link>標(biāo)簽定義了文檔和外部資源之間的關(guān)系。
<link>標(biāo)簽通常用于鏈接到樣式表：
例：<link rel=”stylesheet” type=”text/css” href=”mystyle.css”>
5疤坝、HTML<style>元素
<style>標(biāo)簽定義了HTML文檔的樣式文件引用地址兆解。
在<style>標(biāo)簽中你需要指定樣式文件來渲染HTML文檔。
例：<style>
Body{background-color:red;}
</style>
6跑揉、HTML<meta>元素
<meta>標(biāo)簽提供了元數(shù)據(jù)锅睛。元數(shù)據(jù)也不顯示在頁面上，但會被瀏覽器解析历谍。
<meta>元素通常用于指定網(wǎng)頁的描述现拒，關(guān)鍵詞，文件的最后修改時間望侈，作者印蔬，和其他元素。
元數(shù)據(jù)可以使用于瀏覽器（如何顯示內(nèi)容或重新加載頁面）脱衙，搜索引擎（關(guān)鍵詞）侥猬，或其他Web服務(wù)例驹。一般放置于<head>區(qū)域。
7退唠、HTML<script>元素
<script>標(biāo)簽用于加載腳本文件鹃锈。
8、HTML標(biāo)題
答：HTML標(biāo)題是由<h1></h1>,<h2></h2>,...,<h6></6>標(biāo)簽來定義的瞧预，這六個元素標(biāo)簽每個分別代表文檔中的不同級別內(nèi)容屎债。<h1></h1>代表主標(biāo)題，<h2></h2>代表二級標(biāo)題松蒜，依次類推扔茅，字體依次減小。
例：<h1>我是標(biāo)題</h1>
9秸苗、HTML段落
答：HTML段落是由<p></p>標(biāo)簽來定義的召娜。
例：<p>這是一個段落</p>
10、HTML中的空格
答：在HTML中無論是使用了多少空格惊楼，都只算一個空格玖瘸。HTML中真正的空格是 ，一個 是一個空格檀咙。
11雅倒、HTML鏈接
答：HTML鏈接是由<a></a>標(biāo)簽來定義的。
例：<a href = “http://www.baidu.com” target=”_blank”>百度</a>
解釋：href為必須屬性弧可，用以指定鏈接的地址蔑匣，鏈接可以為空，用#號表示棕诵。target為非必須屬性裁良，默認(rèn)被鏈接的文檔會在原有的窗口打開，如果將target屬性設(shè)置為”_blank”則文檔就會在新窗口打開校套。標(biāo)簽中間的文字用來表示鏈接的名稱价脾。
12、HTML圖像
答：HTML圖像是由單標(biāo)簽<img>來定義的笛匙。
例：<img src = “images/1.png” width=”400px” height=”600px” alt=”劉亦菲” title=”劉亦菲” border=”3” align=”center”>
解釋：src是必選屬性侨把，用以指定圖像的地址。width妹孙、height秋柄、alt、title蠢正、border是可選屬性华匾，width和height用帶設(shè)置圖像的寬和高，單位可以省略机隙。alt是在圖像不能正常加載時顯示的內(nèi)容蜘拉。title屬性是鼠標(biāo)劃上圖像時顯示的內(nèi)容。border屬性以像素為單位指定圖像邊框粗細(xì)有鹿。align屬性設(shè)置圖像的對其方式旭旭，默認(rèn)左對齊。
13葱跋、HTML水平線
答
標(biāo)簽在HTML頁面中創(chuàng)建水平線持寄。
例：
14、HTML換行
答：<br />標(biāo)簽可以換行娱俺。
例：我要換行了<br />我換行了
15稍味、HTML注釋
答：HTML注釋提高代碼的閱讀性，是代碼更容易被人理解荠卷。瀏覽器會忽略注釋模庐，不會在網(wǎng)頁中顯示它們。
例：//單行注釋
16油宜、HTML強(qiáng)調(diào)
答：為了突出一句話的意思掂碱，通常要強(qiáng)調(diào)某個詞或某句話。HTML中提供了許多語義化元素慎冤，我們可以通過這些元素的的意義來標(biāo)記正文疼燥。
例：<p><em>你好</em></p> 斜體
<p><strong>你好</strong></p> 加粗
17、HTML格式化標(biāo)簽
HTML使用標(biāo)簽對輸出的文本進(jìn)行格式蚁堤，這些HTML標(biāo)簽被稱為格式化標(biāo)簽醉者。
1）HTML文本格式化標(biāo)簽
HTML格式化文本標(biāo)簽，它們可以直接被使用披诗，而不用再去寫樣式進(jìn)行調(diào)整撬即。
例：<b>定義粗體文字</b>
<em>定義重文字</em>
<i>定義斜體字</i>
<small>定義小號字</small>
<strong>定義加重語氣</strong>
定義下標(biāo)字
定義上標(biāo)字
<ins>定義插入字</ins> //文本通常帶有下劃線
<del>定義刪除字</del>
2）HTML“計算機(jī)”輸出標(biāo)簽
例：<code>定義計算機(jī)代碼</code>
解釋：將文本變成寬字體，暗示這段文字是源程序代碼藤巢，瀏覽器可以做出自己的樣式處理搞莺。
<kbd>定義鍵盤碼</kbd> //不常使用
<samp>定義計算機(jī)代碼樣本</samp> //不常使用
<var>a</var> //文本通常顯示為斜體，主要作用是使HTML代碼的語義更為清晰掂咒，讓代碼更可讀才沧，沒有什么能夠?qū)崿F(xiàn)的具體作用。不常使用绍刮。
<pre>定義預(yù)格式文本</pre> //被包圍在pre元素中的文本通常會保留空格和換行符温圆。文本會呈現(xiàn)為等寬字體。
3）HTML引文孩革、引用岁歉、及標(biāo)簽定義
例：<abbr title=”Hyer Text Markup Language”>HTML</abbr> //定義縮寫，在瀏覽器中膝蜈，把鼠標(biāo)光標(biāo)放到縮寫詞上锅移，會出現(xiàn)縮寫名稱熔掺。兩個尖括號之間的內(nèi)容底下畫有虛線。
<address>定義地址</address> //目的是為了更好地語義化非剃，文本通常顯示為斜體置逻。
<bdo dir=”ltr”>這里文本的方向是從左到右</bdo>
<bdo dir=”rtl”>這里文本的方向是從右到左</bdo>
<blockquote cite=”來源地址”>定義長的引用</blockquote> //cite屬性是用來指定引用的來源，一般默認(rèn)左右兩側(cè)的文本縮進(jìn)40px备绽。
<q>定義短的引用</q> //它是一個行內(nèi)元素券坞，在瀏覽器中顯示使用引號包含的內(nèi)容
<cite>引用、引證</cite> //標(biāo)簽中的文本將以斜體顯示
<dfn>定義特殊術(shù)語或短語</dfn>
18肺素、HTML表格
表格由<table>標(biāo)簽來定義的恨锚。每個表格均分有若干行（由<tr>標(biāo)簽定義），每行被分割為若干單元格（由<td>標(biāo)簽定義）倍靡。<th>定義表格的標(biāo)題欄猴伶。
例：<table border=”1” width=”400” height=”150” bordercolor=”green” bgcolor=”yellow” background=”images/1.jpg” cellpadding=”5” cellspacing=”5”>
<tr>
<td rowspan=”2”>...</td>
<td colspan=”2”>...</td>
...
</tr>
<tr>
<td>...</td>
<td>...</td>
...
</tr>
...
</table>
解釋：border邊框?qū)傩燥@示表格的邊框粗細(xì)，如果不定義則不顯示邊框菌瘫。width和height屬性設(shè)置表格的寬度和高度蜗顽。bordercolor屬性用于設(shè)置邊框的顏色。bgcolor用于設(shè)置表格的背景顏色雨让。background屬性用于設(shè)置表格的背景圖片雇盖。cellpadding屬性表示單元格邊框與單元格內(nèi)容之間的距離。cellspacing屬性定義表格單元格之間的空間栖忠。
rowspan屬性用于合并兩行或多行單元格崔挖；colspan屬性用于合并兩列或多列單元格。
19庵寞、HTML列表
1）HTML無序列表
無序列表使用粗體圓點(diǎn)進(jìn)行標(biāo)記狸相，無序列表成員之間無級別順序關(guān)系。
例：<ul>
<li>...</li>
<li>...</li>
...
</ul>
2）HTML有序列表
列表項目使用數(shù)字進(jìn)行標(biāo)記捐川，各項目之間存在順序的情況脓鹃。
例：<ol>
<li>...</li>
<li>...</li>
...
</ol>
3）自定義列表
例：<dl>
<dt>...</dt>
<dd>...</dd>
<dt>...</dt>
<dd>...</dd>
</dl>
注意：列表項內(nèi)部可以使用段落、換行符古沥、圖片瘸右、鏈接以及其他列表等等。
20岩齿、HTML<div>元素和HTML<span>元素
<div>標(biāo)簽是塊級元素太颤，可以把文檔分隔為獨(dú)立的、不同的部分盹沈。<div>元素沒有特定的含義龄章。與CSS一同使用<div>元素可用于對大的內(nèi)容塊設(shè)置樣式屬性。<div>的常見用途時文檔布局。它取代了表格定義布局的老式方式做裙。
<span>元素是內(nèi)聯(lián)元素岗憋，沒有特定的含義，可用作文本的容器菇用，與CSS一同使用澜驮，<span>元素可用于為部分文本設(shè)置樣式屬性。
21惋鸥、HTML表單
表單是一個包含表單元素的區(qū)域。表單元素允許用戶在表單中輸入內(nèi)容悍缠，比如：文本域（textarea）卦绣、下來列表、單選框（radio-buttons）飞蚓、復(fù)選框（checkboxes）等等滤港。表單使用表單標(biāo)簽<form>來設(shè)置。
<input>元素是最重要的表單元素趴拧，輸入類型是由類型屬性（type）定義的溅漾。經(jīng)常被用到的輸入類型如下：
1）文本域（Text Fields）
文本域通過<input type=”text” value=”文本框默認(rèn)顯示的值”>標(biāo)簽來設(shè)定，當(dāng)用戶要在表單中鍵入字母著榴、數(shù)字等內(nèi)容時添履，就會用到文本域。value非必選項.
2）密碼字段
密碼字段通過標(biāo)簽<input type=”password”>脑又，密碼字段不會明文顯示暮胧，而是以星號或圓點(diǎn)代替。
3）單選按鈕
<input type=”radio”>標(biāo)簽定義了表單單選框選項问麸。
4）復(fù)選框
<input type=”checkbox”>定義了復(fù)選框往衷。
5）提交按鈕
<input type=”submit”>定義了提交按鈕。當(dāng)用戶單擊按鈕時严卖，表單的內(nèi)容會被傳送到另一個文件席舍。
四、HTML屬性
答：HTML元素可以設(shè)置屬性哮笆、屬性可以以名稱/值對的形式（如：name=”value”）在元素中添加附加信息来颤。屬性值常用雙引號包括，也可以用單引號疟呐。
常用的HTML屬性：
1脚曾、class屬性：為元素定義一個或多個類名。
例：<p class=”p1”>我是段落</p>
2启具、id屬性：定義元素的唯一Id本讥。
例：<div id=”div1”>我是div</div>
3、style屬性：規(guī)定元素的行內(nèi)樣式。
例：<p style=”color:red;text-align:center”>
4拷沸、title屬性：描述了元素的額外信息色查。
例：<div title=”div”><div>
解釋：鼠標(biāo)劃上去顯示的信息。
五撞芍、HTML樣式——CSS
CSS層疊樣式表秧了，它定義了如何顯示HTML元素，用于控制Web頁面的外觀序无。通過使用CSS實(shí)現(xiàn)頁面的內(nèi)容與表現(xiàn)形式分離验毡，極大地提高了工作效率。樣式存儲在樣式表中帝嗡，通常放在<head>部分或存儲在外部CSS文件中晶通。
1、如何使用CSS哟玷？
內(nèi)聯(lián)樣式——在HTML元素中使用”style”屬性
例：<p style=”color:bule;background-color:green;margin-left:20px;”>這是一個段落</p>
內(nèi)部樣式表——在HTML文檔頭部<head>區(qū)域使用<style>元素來包含CSS
外部引用——使用外部CSS文件狮辽。
2、HTML樣式——字體巢寡，字體顏色喉脖，字體大小、文本對齊方式
使用fon-family（字體）抑月、color（顏色）树叽、和font-size（字體大小）屬性來定義字體的樣式爪幻、使用text-align（文字對齊）屬性指定文本的水平和垂直對齊方式菱皆。
六、HTML塊級元素和HTML內(nèi)聯(lián)元素
答：塊級元素在瀏覽器顯示時挨稿，通常會以新行來開始和結(jié)束仇轻。例如：<h1>、<p>奶甘、<ul>篷店、<table>、<div>臭家。內(nèi)聯(lián)元素在顯示時通常不會以新行開始疲陕。例如：<b>、<td>钉赁、<a>蹄殃、<img>、<span>
七你踩、HTML框架
<iframe>標(biāo)簽規(guī)定一個內(nèi)斂框架诅岩。
一個內(nèi)聯(lián)框架被用在當(dāng)前HTML文檔中嵌入另一個文檔讳苦。通過使用框架，你可以在同一個瀏覽器窗口中顯示多個頁面吩谦。
iframe語法：<iframe src=”URL” width=”200” height=”200” frameborder=”0”></iframe>
該URL 指向不同的網(wǎng)頁鸳谜。將窗口內(nèi)容顯示為URL地址指向頁面。width和height屬性用來定義iframe標(biāo)簽的高度和寬度式廷。frameborder屬性用于定義iframe是否有邊框咐扭。默認(rèn)有邊框。
八滑废、HTML<script>標(biāo)簽和<noscript>標(biāo)簽
<script>標(biāo)簽用于定義客戶端腳本蝗肪，比如Javascript。<script>元素既可包含腳本語句策严，也可以通過src屬性只想外部腳本文件穗慕。javascript最常用于圖片操作、表單驗(yàn)證以及內(nèi)容動態(tài)更新妻导。
<noscript>提供無法使用腳本時的代替內(nèi)容，<noscript>元素可包含普通HTML頁面的body元素中能夠找到的所有元素怀各。只有在瀏覽器不支持腳本或者禁用腳本時倔韭，才會顯示<noscript>元素中的內(nèi)容。
九瓢对、XHTML
1寿酌、什么是XHTML？
XHTML 是更嚴(yán)格更純凈的HTML版本
2硕蛹、為什么使用XHTML?
很多HTML代碼并未遵循HTML規(guī)則醇疼，也能正常運(yùn)行。XML是一種必須正確標(biāo)記且格式良好的標(biāo)記語言法焰。所以結(jié)合XML和HTML的長處秧荆，開發(fā)出了XHTML。
3埃仪、XHTML和HTML區(qū)別乙濒？
1）文檔結(jié)構(gòu)
XHTML DOCTYPE是強(qiáng)制性的
<html>中的XML namespace屬性是強(qiáng)制性的
<html>、<head>卵蛉、<title>颁股、<body>也是強(qiáng)制性的
2）元素語法
XHTML元素必須正確嵌套
XHTML元素必須始終關(guān)閉
XHTML元素必須小寫
XHTML文檔必須有一個根元素
3）屬性語法
XHTML屬性必須使用小寫
XHTML屬性值必須用引號包圍
XHTML屬性最小化也是禁止的
十、HTML多媒體
Web上的多媒體指的是音效傻丝、音樂甘有、視頻、和動畫葡缰。
1亏掀、HTML音頻
1）使用<embed>元素
例：<embed height=”50” width=”100” src=”URL”>
2）使用<object>元素
<object height=”50” width=”100” data=”URL”></object>
3）使用HTML5<audio>元素
例：<audio controls height=”100” width=”100”>
<source src=”URL” type=”audio/mpeg”>
</audio>
2忱反、HTML視頻
1）使用<embed>元素
2）使用<object>元素
3）使用HTML5<video>元素
例：<video width=”320” height=”240” cotrols>
<source src=”URL” type=”video/mp4”>
</video>
