html基本結構<html>內容</html> html開始標記<head>內容</head> html文件頭標記<title>內容</title> htmlhtml文件標題標記<meta>內容</meta> 文件的元信息(網頁的描述信息)，必須在head元素里<body>內容</body> 文件主 ...
html基本結構
<html>內容</html> html開始標記
<head>內容</head> html文件頭標記
<title>內容</title> htmlhtml文件標題標記
<meta>內容</meta> 文件的元信息(網頁的描述信息)，必須在head元素里
<body>內容</body> 文件主體部分
格式標記
<br> 強制換行標記
<hn> 標題標記：共6級，對應不同的大小
<font> 字體設置標記，設置字體格式，其中：
size 大小 color 顏色 face 字體 例如：<font size='7' color="red" face="宋體">
<b> 粗字體標記
<i> 斜字體標記
<sub> 文字下標字體標記 例如：2<sub>2</sub>
<sup> 文字上標標字體標記，用法與下標類似
<tt> 印表機字體標記
<cite> 引用方式的字體，通常為斜體
<em> 表示強調，通常為斜體
<strong> 表示強調，通常為粗體
<small> 小型字體標記
<big> 大型字體標記
<u> 下劃線字體標記
<p> 換段落標記
<center> 居中對齊標記
<pre> 預格式化標記
<li> 列表項目標記：相當於列表中行
<ul> 無序列表標記
<ol> 有序列表標記：type屬性表示排序類別
1 數字
A 字母
a 小寫字母
I 大寫羅馬數字
i 小寫羅馬數字 i ii iii
<dl><dt><dd> 定義型列表
<hr> 對平分割線標記
<div> 分區顯示標記：劃分區域，為了美觀
圖像標記
<img> 圖像標記，例如：
<img src='文件位置' width='寬' height='高' border='邊框高度' alt='下行分解'>
單位：px, em, cm, mm
alt 有是三個作用：
1.圖片載入成功後，滑鼠移動到上面，會顯示其指定的文字
2.圖片載入失敗後，用文字代替圖片顯示
3.搜索引擎通過其指定的文字來抓取圖片
<img>為單標記
超鏈接
<a>標記基本語法 例如：
<a href='超鏈接地址' target='打開方式' name='頁面錨點名稱'>文字或者圖片</a>
target屬性值：
_blank 在新視窗打開鏈接
_self（預設值）在當前視窗打開鏈接
_parent 在父視窗打開鏈接
_top 在頂層視窗打開鏈接
表格
<table 屬性1='屬性值'...>表格內容</table>
width：表格寬度，值可以是像素(px)或父級元素百分比(%)
height：表格高度，值可以是像素(px)或父級元素百分比(%)
border：表格外邊框的寬度
align：表格的顯示位置，left居左顯示 center居中顯示 right居右顯示
cellspacing：單元格的間距 預設為2px，單位為像素
cellpadding：單元格內容與單元格邊框的間距，單位為像素
frame：控製表格最外層的四條線框：
void 無邊框，above 僅頂部有，below 僅底部有，hsides 僅頂部和底部有
lhs 僅左側有，rhs 僅右側有，vsides僅左右側有，border 全部都有
rules：控制單元格之間的分割線：
none（預設值）無分割先，all 全部有分割線，rows 僅行分割線
clos 僅列分割線，groups 僅行組與列組之間有分割線
<table>之後，<tr>之前，<caption> 指在表格中使用標題，align屬性有四個值：
top 放在表格的上部，bottom 放在表格的下部
left 放在表格的左部，right 放在表格的右部
<tr>...</tr> 定義表格的行，可以嵌套多個<td>或<th>，常見屬性：
bgcolor='顏色值' align='值' 設置垂直對齊方式：
top 頂端對齊，bottom 底端對齊 middle 居中對齊
valign='值' 設置水平對齊方式：
left 靠左對齊，right 靠右對齊，center 居中對齊
<td>和<th> 必須嵌套在<tr>內，成對出現，
<th> 表頭標記，通常位於行首或列首，字體預設加粗
<td> 數據標記，預設不會加粗
兩者屬性一樣：都是設置單元格
bgcolor 背景，align 對齊方式，valign 垂直對齊方式
width 寬度，height 高度，rowspan 所占行數，colspan 所占列數
css 層疊樣式表，由選擇器以及一條或多條申請構成
根據選擇器的定義方式，將樣式表的定義分為三種方式：
1.HTML標記定義：例如 p{屬性:屬性值;屬性1:屬性值1}，多個樣式用;隔開
2.ID選擇器定義：例如 #word{test-align:center;color:red;} #定義id
3.class選擇器：例如 p.center{test-align:center;} .定義class
顏色屬性
color:green 顏色名稱
color:#ff6600 十六進位
color:#f60 簡寫方式
rgb(255,255,255) RGB方式 紅(R),綠(G),藍(B)
Rcolor:rgba(255,255,255,1)GBA方式 Alpha 透明度
字體屬性
font-size 定義字體大小 例如：font-size:14px
font-family 定義字體 例如：font-family:字體1,字體2
font-weight 定義字體加粗，預設normal
1.名稱 bold (粗),bolder (更粗),lighter (更細)
2.數字 100~900 400=normal 700=bold
背景屬性
background-color 定義背景顏色
backgroud-image 定義背景圖片 例如：backgroud-image:url(none)
backgroud-repeat 定義背景重覆方式，省
backgroud-position 定義背景位置
橫向上 left，right，center 縱向上 top，bottom，middle
文本屬性
text-align 設置文本對齊方式 left，right，center
line-height 設置文本行高 取具體指或百分比
text-indent 行首縮進 例如：text-indent:50px
letter-spacing 設置字元間距 預設normal
列表
list-style-type 表明列表項標記，省
list-style-position 表明列表項中標記的位置，省
list-style-images 設置設置圖像列表標記，省
