HTML是由標簽組成的，大多數(shù)成對出現(xiàn)，也有部分是單個，學(xué)名超文本標記語言

文檔聲明(不寫會導(dǎo)致很多地方無法聲明，不兼容以怪異模式渲染) <!DOCTYPE>

html頭標簽里寫lang=xx是設(shè)置網(wǎng)頁語言，zh-CN是中文，en是英文

目前流行的是html5和xhtml 1.0這兩種版本，xhtml目前看來主要是文檔聲明賊拉長，以及H5多了些標簽元素和元素屬性，所以我們用的是H5

這里面注釋是<!--注釋內(nèi)容...-->，然后就是講html的重要標簽（還有就是這個老師老是把/和\搞反，前者是正斜杠，后者(enter上面那個)是反斜杠）

<h1>，<h2>，<h3>....<h6>這些都是網(wǎng)頁中標題的標簽，h1最大，h6最小，稱作一級標簽，二級標簽等

這個會影響SEO，搜索引擎優(yōu)化（來討好百度的爬蟲程序），如果你網(wǎng)站優(yōu)化不好，就會給你往后排，當然，排在前面有可能是花錢的（

p標簽：段落標簽，也是放在body標簽里，你在前面空格他不會顯示，中間只能空一個格，多了他不認

&nbsp;空格字符實體，一兩個還行用這個，多或者精確話就用后面的樣式，可以空多少個像素

>號和<號的字符實體，&gt;和&lt; 因為在html里<>成對的話會有可能被識別為代碼，換行(代碼里直接寫沒用)的字符實體是<br />，單個出現(xiàn)的標簽

單個的最好都后面加個" /"，比如<br>寫<br />，以及以上這些最后都帶有;

div標簽，表示一塊內(nèi)容，沒有具體的語句含義，之前的p有段落的含義，div沒有，而且p標簽自帶換行樣式，div沒有自帶的樣式，包括換行

span標簽，表示行內(nèi)的一小段內(nèi)容，同樣沒有具體的含義

div標簽嵌套的比較多，比如div里嵌套個h1啊之類的，span標簽?zāi)壳皼]用，但是后面學(xué)了樣式可以單獨把這個里面所有的span表示都賦予樣式

<em>標簽，表示語氣中的強調(diào)詞，<i>標簽，表示專業(yè)詞匯，這倆都帶有斜體的樣式，主要面試中用

<strong>表示很重要，<b>表示關(guān)鍵元素，產(chǎn)品名什么的，這倆都是加粗，以上四個主要是面試考

<img src="文件的地址，絕對或相對都可以" alt="文件描述" />，這個文件描述，可以幫助搜索引擎和盲人的無障礙模式閱讀，是一個非常偉大的功能

以及我還是習(xí)慣不省略./，最好寫上，寫完整看著舒服，只有保留一部分前綴別人才知道你寫的是路徑（

<a>標簽，連接標簽，href屬性:鏈接跳轉(zhuǎn)的地址，title屬性:鼠標懸停時彈出的文字顯示框，target屬性:窗口打開的位置，=_self是替換自己原本的窗口，=blank是新窗口

taget默認是_self，也就是替換自己，a標簽內(nèi)容是新網(wǎng)站在網(wǎng)頁上顯示的名字，還能改成圖片作為連接，寫個img標簽就可以

需要注意的是，目標位置寫#可以跳轉(zhuǎn)到頁面頂端，一般用來表示暫時不能確定的連接

<ol>，他會自動給列表中的元素排序，前面加個1. 2. 3.等等的

正常是以</ol>結(jié)尾，但是實際中一般用</ul>結(jié)尾，這個叫無序排列，是用一個·來代替1. 2. 3.等

表格：

<table>標簽，聲明一個表格，常用屬性如下：

? ? border：設(shè)置表格的邊框?qū)挾龋▎挝皇窍袼兀?。例如，border="1"表示表格邊框?qū)挾葹?px。

? ? cellpadding：設(shè)置單元格內(nèi)部的空白邊距（單位是像素）。例如，cellpadding="5"表示單元格內(nèi)部的空白邊距為5px。

? ? cellspacing：設(shè)置單元格之間的間距（單位是像素）。例如，cellspacing="10"表示單元格之間的間距為10px。

? ? width：設(shè)置表格的寬度?？梢允褂镁唧w的像素值（width="500px"），也可以使用百分比（width="50%"）。

? ? align：設(shè)置表格相對于其容器的水平對齊方式。可以設(shè)置為"left"（左對齊）、"center"（居中對齊）或"right"（右對齊）。（h標簽也有這個屬性，應(yīng)該其他的很多都有）

? ? bgcolor：設(shè)置表格的背景顏色?？梢允褂镁唧w的顏色值（bgcolor="#FF0000"），也可以使用顏色名稱（bgcolor="red"）。

? ? caption：用于為表格添加標題。<caption>表格標題</caption>將在表格上方顯示一個標題。

? ? colspan：設(shè)置單元格在水平方向上跨越的列數(shù)。例如，colspan="2"表示單元格跨越兩列。

? ? rowspan：設(shè)置單元格在垂直方向上跨越的行數(shù)。例如，rowspan="3"表示單元格跨越三行。

<tr>標簽，定義表格中的一行

<td>和<th>標簽，定義一行中的一個單元格，td代表普通單元格，th表示頭單元格常用屬性如下(單位:像素):

? ? align 設(shè)置單元格中內(nèi)容的水平對齊方式 left | center | right

? ? valign 設(shè)置單元格中內(nèi)容的垂直對齊方式 top | middle | bottom

這倆用起來一樣的，設(shè)置th表頭只是為了后面樣式方便渲染，比如表頭渲染啥的

以及其實tr里可以直接設(shè)置，就不用每行每個元素都設(shè)置了，直接tr里設(shè)置一下其他的都設(shè)置好了

這個table實際上就是布局(傳統(tǒng)布局)，但是不常用，主要是HTML+CSS布局

不過這個東西可以嵌套，所以確實可以做出一番效果，但是比較不理解的是這個東西咋做出具體的效果，華麗的特效之類的，直接貼圖片？

好了，真是貼圖片，那沒事了，那就不是前端web該做的了（而且我本來也不打算做前端，只是課程剛好有，就學(xué)一下看看

然后就是<hr />，目前就理解為畫一條線