HTML基礎-常用標簽及圖片
標記/標簽{元素}
雙標簽：
<標簽>內容</標簽>
<html></html> 網頁 頁面的根元素
<head></head> 頭部
<body></body> 主體
<p></p> 段落
<h1></h1> .....h2-h6 標題
<table></table> 表格....
單標簽：
<標簽> 內容
例如：<img>圖片 <br> 換行 <hr> 水平線....
常用標簽
段落<p></p>,默認存在段間距
<br>換行
空格
小於號< <； left
大於號>>；right
雙引號""；
<b></b> 加粗 在網頁中，比較重要的文本通過粗體方式顯示
<i></i> 傾斜
<u></u> 下劃線
<em></em>強調
<strong></strong> 加強強調
<hr></hr> 水平線標記
版權符
©；
註冊符
®；
網頁中常用的圖像格式有gif、jpg、png等
-gif：最多256中顏色，支持透明、動畫
-jpg：支持1670萬種顏色，文件較小
-png：無損壓縮圖像文件，文件較大，支持透明
-bmp：位圖 psd源文件，不能用於網頁
圖像標記<img>
-屬性：
src:圖片路徑
路徑分為兩種，一種絕對路徑（完整的描述文件的位置C:/image/a.jpg），一種相對路徑(就是網頁相對目標位置 站點內部相對路徑../上一級.../上上一級)
alt：提示文字 如果圖片沒有顯示出來會提示!
title：標題（鼠標彈出框）
width/height:寬高
broder=“75” ：邊框
<img src="02.jpg" alt="log" width="50" height="50" align="right" />
<標簽名 圖片路徑=“值” 提示文字=“值” 寬 高 >內容</標簽名>
表格table tr行、td列 單元格內容
<table>
<tr>
<td>姓名</td>
<td>體重</td>
</tr>
<tr>
<td>杜偉</td>
<td>180cm<td>
</tr>
</table>
table 屬性
Width、height 寬高（單位像素或百分比 默認不是100%）
align：對齊
border：外邊框
bgcolor：背景色
特有屬性
cellspacing：單元格間距默認2個像素
cellpadding：單元格邊距（邊框與內容的間距）內邊距
設置tr屬性
align 水平對齊 left right center
bgcolor 背景色
設置td的基本屬性
align valign 水平對齊、垂直對齊
bgcolor：背景色
background：指定背景圖片
<td colspan="3" >水平合並 合並列
rowspan=“2” 垂直跨度 合並行
合並必須是相鄰的單元格
水平合並colspan
<table>
<tr>
<td colspan="2"> </td>
<td> </td>
</tr>
</table>
垂直合並rowspan
<table width="500" height="200" border="2">
1行<tr>
<td rowspan="2"></td>
<td> </td>
</tr>
2行<tr>
<td> </td>
</tr>
</table>
垂直合並也就是單元格1-3合並 那就要在1單元格上寫 rowspan=“2” 在把第二行的3單元格刪掉
HTML基礎-常用標簽及圖片