基礎標簽認識
<body></body>
background=‘圖片路徑‘---表示背景圖片
圖片：.jpg .png(透明圖片) .gif(動態圖)。。。
路徑---
絕對路徑：相對於磁盤的路徑，物理路徑
相對路徑：文件相對於網頁源文件的位置
同級關系：直接引用文件名
上一級關系：../圖片名
下一級關系：文件夾名/圖片名
-------------------------------
一 文本格式標簽
換行標簽
<br/>
特殊字符標簽
< < （left）
> > (right)
空格
" "
© 版權號
計算機的單位
基本單位:字節(B) 一個字符占一個字節，一個漢字占兩個字節
最小單位：位(bit)
1B=8bit
1kb(千字節)=1024B
1MB(兆字節)=1024kb
標題標簽
<hn></hn>，n:1---6,逐級變小
<h1></h1>
特點：字體加粗，自動換行
段落標簽
<p></p>
特點：自動換行
屬性：
align="left/right/center",水平對齊方式
預編譯標簽
<pre></pre>
特點：原樣輸出，自動換行
水平分割線標簽
<hr/>
屬性：
color="顏色"
size="5px/5%",設置水平分割線的粗細
width="50px/50%"，設置水平分割線的寬度
align="left(居左)/right(居右)/center(居中)",水平對齊方式
特點：自動換行
二 字符格式標簽---不換行
<b></b>----文本加粗
<i></i>----文本傾斜
<u></u>----下劃線
<s></s>----刪除線
<small></small>---字體變小
<font></font>---字體標簽
屬性：
size=n,n:1----7,逐級變大，改變字體大小
color="顏色"，改變字體顏色
face="黑體"，設置字體類型，默認為宋體
圖片標簽
<img/>
屬性：
src="路徑"，設置圖片路徑
width="100px",設置圖片的寬度
height="100px"，設置圖片的高度
title="相關提示信息",設置鼠標懸停時顯示的文字描述
alt="相關提示信息"
三 HTML的註釋
<!-- 註釋內容 -->
作用：
屏蔽不想在網頁上看見內容
註釋代碼，方便日後維護查找
四 表格標簽
<table>
<tr>
<td></td>
</tr>
</table>
tr:行標簽
td:列標簽
table的屬性：
border="2px",設置表格的表框為2px
width="100%/500px",設置表格的寬度
height="20%/300px",設置表格的高度
bordercolor="顏色",設置表格的邊框顏色
bgcolor="顏色",設置表格的背景顏色
bgcolor==>backgroundcolor
background="背景圖的路徑"
align="left(居左)/right(居右)/center(居中)",設置表格水平對齊方式
cellspacing="px/%"，設置單元格與單元格之間的距離
cellpadding="px/%"，設置單元格邊框與內容之間的距離
如果要放置內容或者其他標簽的話，必須要放在td標簽裏面
tr的屬性：
bgcolor="顏色",設置某一行的背景顏色
align="left(居左)/right(居右)/center(居中)",設置某一行的水平對齊方式
valign="top(頂部)/middle(垂直居中)/bottom(底部)"，設置某一行的垂直方向的對齊方式
td的屬性：
align="left(居左)/right(居右)/center(居中)",設置某一個單元格的水平對齊方式
bgcolor="顏色",設置某一個單元格的背景色
width="100%/500px",設置單元格的寬度
height="20%/300px",設置單元格的高度
valign="top(頂部)/middle(垂直居中)/bottom(底部)"，設置某一個單元格的垂直方向的對齊方式
rowspan="2",合並行
colspan="2",合並列
<table>
<thead>
<tr>
<th>表頭</th>
</tr>
</thead>
<tbody>
<tr>
<td>表內容</td>
</tr>
</tbody>
</table>
th:字體加粗，自動居中的效果
rowspan="2",合並行
colspan="2",合並列
基礎標簽認識