網頁簡介：
協議地址 服務器IP 服務器端口號 資源名稱
htttp（s）：// 127.0.0.1 :80 index.html
http有s的區別是以安全為目標的網頁。
html是網頁文件的后綴名。
代碼介紹：
編碼：charset = utf-8 gbk
關鍵字 name = “keyword”
注釋<！- - 注釋的內容 - ->
<標簽名（元素） 屬性名 = “屬性值”> </標簽名>
<a href = “連接（www.baidu.com）” target =”” title=“”>超鏈接標簽</a>
圖像做超鏈接格式:<a href="URL"><img src="URL"></a>
同一文件夾下，“連接”可寫網址或可直接寫文件名；
低一級文件夾情況：文件夾/需要用的文件.html；
高一級文件夾情況：“../ ” 返回上一級文件夾 ../ 需要用到的文件 “../”可重復疊加返回上一級文件夾。
a 頁面跳轉
target屬性（可定義打開方式的值，進行框架內頁面跳轉，詳見下一篇）：_blank(跳轉頁面為新頁面) _self（頁面在自身頁面打開）
title屬性：鼠標放上會顯示title中的內容
a 錨鏈接
需要先定義 id
*例如* <a id=top></a> ，則返回處代碼需寫為 <a href=”#top”></a>。
<a href="#ff" id="top">連接</a>
在網頁中點擊“連接”，則會跳轉到“需要跳轉的本頁中的某處”
<h1 id="ff">需要跳轉的本頁中的某處
<a href="#top">回到頂部</a>
</h1>
跳轉到另一頁面的某處，需如下
<a href="(此處為另一頁面文件名)#ff" id="top">另一頁面的某處</a>
*******************************************************************************
下載則為網頁打不開的文件需下載到本機用本機軟件查看。
<a href="123.docx" title="下載">下載</a>
此處為與設置的qq號碼發起會話
<a href="tencent://message/?uin=qq號碼&Site=400301.com&Menu=yes">
XXXXXXXXX
</a>
*******************************************************************************
<b>加粗標簽</b>是行內元素。
<br />換行標簽是塊元素。
<button>按鈕標簽</button>
div
div是塊元素
<div>(容器)標簽 </div> 可以嵌套，注意格式！！！
要注意格式以及標簽的嵌套
<div>
<b>
<a href="#">百度</a>
</b>
</div>
h標題標簽
h是塊元素；<h1>最大標題/h1>到<h6>最小標題</h6>。
i字體傾斜標簽
i是行內元素；<i>傾斜字體</i>。
img 圖片標簽
img是行內元素。
*例如* <img width="350px" height="400px" src="1.jpg" alt="加載失敗">
px是圖片長寬的單位（像素）。
src是圖片的路徑。
alt顯示圖片加載失敗的內容。
width 中有頁面所占百分比，以及px為標准的兩種方式。
p 段落文字標簽
<p>段落文字</p> 是塊元素。
在網頁中段落文字會受網頁寬度自動換行。
<span></span>文檔中的節標簽
span是行內元素，文字多大span占多大。
<p>eqrww<span>123456789</span>wqrew</p>
---------------------------------------------------------------------------------------------------------------------------------
***快捷鍵***
ctrl+ Z 撤回 ctrl+ Y 上一步
---------------------------------------------------------------------------------------------------------------------------------
ul無序列表，子標簽為li
ul屬性：type=disc(實心圓點，默認) circle（空心圓） square（實心方框）
ol 有序列表,子標簽為li
ol屬性：
type = a,A,1，Ⅰ（有序的羅列，由小到大） reversed(規定列表降序倒序)
*例如* <ol type="a" reversed="reversed">
style = “List-style-type:屬性值” 樣式名稱：樣式的值。樣式可以有多個，樣式之間由“分號”隔開。
*例如* style=”Border-collapse:separate； Border-spacing:10px 10px”
List-style-type:
| 屬性值 |
屬性描述 |
| none |
無標記。 |
| disc |
默認。標記是實心圓。 |
| circle |
標記是空心圓。 |
| square |
標記是實心方塊。 |
| decimal |
標記是數字。 |
圖片的有序排列
style="List-style-image:url(文件名)"
table表格
子標簽為tr（行） td（列）
屬性：
border（邊框）：單位px，表格邊框的粗細。
style：樣式可以有多個，樣式之間由“分號”隔開。
Border-collapse（邊框是否融合）：sparate(默認值)；collapse(共用邊框)
Border-spacing(邊框間距)：border-spacing:10px 5px
注意：兩單元格橫向之間是10px，豎向單元格之間是5px。
width，height:1000px
合並單元格
<td> :colspan 向右合並單元格並包括它自己；rowspan向下合並幾個單元格，並包括它自己。
注意：向右合並單元格要刪除第二列的相鄰的一或多個單元格。向下合並要刪除下一行的一或多個單元格。若需要內容，則將內容寫到合並的“td”中。
<table width="1000px;" border="1px" style="Border-collapse:separate; " >
<tr>
<!- -colspan 向右合並幾個單元格包括他自己- ->
<td colspan="2">第一第二</td>
<td>第三</td>
</tr>
<tr>
<!- -rowspan 向下合並幾個單元格包括他自己- ->
<td rowspan="2">第一</td>
<td>第二</td>
<td>第三</td>
</tr>
<tr>
<td>第二</td>
<td>第三</td>
</tr>
</table>
table的邊框屬性
cellpadding 屬性規定單元邊沿與其內容之間的空白。
cellspacing屬性規定單元格之間的空白。
align屬性規定表格在頁面中的位置。(center left right)
valign 屬性規定行的對齊方式。（top bottom middle baseline）