HTML hyper text mark up language 擴展名是.htmlcss
title : 標題標籤
body ： 內容標籤 html
h1 - h6 : 標題標籤 自h1 到 h6 從大到小 加粗有本身的間距
p ： 段落標籤
字符實體 ：
空格
> 大於
<； 小於
br ： 換行 規範寫法 <br />瀏覽器
div : 塊標籤 ，表示一塊內容 並無語義
span ： 行便籤 ， 表示一行中的內容
這兩個的做用爲設置樣式的時候使用字體
行內元素 ，語義標籤
em : 語氣強調詞
i ： 專業詞彙
b ： 關鍵詞或者產品名
strong ：表示重要的內容spa
圖片標籤
img ：圖片標籤
屬性 src 引用圖片的地址
屬性 alt 定義圖片的名稱 orm
連接 a標籤
href ： 連接地址
# 連接到本頁的頂部
title ： 鼠標懸停的提示文本框
target ： 定義連接窗口打開位置
self ： 原位置
blank ： 新窗口 打開一個瀏覽器窗口
列表標籤
有序列表 <ol><li>有序列表</li></ol>
通常用於排序有編號
無序列表 <ul><li>無序列表</li></ul>
通常用於新聞界面
定義列表
<dl>
<dt>定義術語題目</dt>
<dd>定於術語解釋</dd>
</dl>htm
表格標籤
table : 表格標籤
border ： 定義表格邊框
cellpadding ： 定義單元格與內容之間距離
cellspacing ： 定義單元格與單元格之間距離
align ： 定義對齊方式 left | center | right
tr ： 行標籤
th ：表頭單元格
td ：普通單元格
align ： 定義對齊方式 left | center | right
valign ： 定義垂直對齊方式 top | middle | bottom
colspan ： 設置單元格水平合併 設置值爲數值
rowspan ： 設置單元格垂直合併 設置值爲數值 排序
注意
p標籤和p標籤之間自動換行
div和div之間不換行 圖片
div能夠嵌套 別的標籤最好不要嵌套ci
h1標籤爲標題 爬蟲爬這個
p標籤爲段落
表單 form
form的屬性
action ：提交的地址
method ： 提交方式 默認爲GET
label ： 輸入框前的內容 文字
for ：點用戶名自動切換到文本框 要在input 表單中設置id="xxx"
textarea ： 多行文本輸入框
下拉文本框
<select >
<option>下拉1</option>
<option>下拉2</option>
</select>
<input ... >
屬性
type ： 類型
text ： 文本輸入框
password ： 密碼輸入框
radio ： 單選框
checkbox ： 多選框 value要本身設置
file ： 文件
submit : 提交 value ：上顯文字
reset ： 重置按鈕
image ： 定義圖片做爲提交按鈕 src 定義圖片地址 不建議使用
hidden ： 定義一個隱藏表單域 用來儲存值 好比儲存時間 地區
name ：暱稱 單選框選擇一個就不能選第二個
css出現以後 html只用來設置結構 css定義樣式
引入方式
外聯式：
<link rel="stylesheet" type="text/css" href="地址">
樣式表 類型 .css 的文件地址
嵌入式：首頁使用的技巧
<style type="text/css">
指定樣式的標籤{
樣式..............
}
</style>
內嵌式 行內插入：（不推薦）
<a href="www.baidu.com" style="樣式">百度</a>
css 樣式屬性
font-size ：文字大小 20px
color ：顏色 red
font-family ：文字字體 Microsoft yahei 微軟雅黑
font-style ： 文字是否傾斜
italic 傾斜 em會自動傾斜
normal 不傾斜
font-weight ： 文字是否加粗 h1等標籤默認加粗
bold ：加粗
normal ： 不加粗
line-height ： 行高
font ： 綜合屬性 是否加粗 字號 行高 字體按照順序排列
text-decoration ： 設置下劃線 underline 有下劃線 | none 去掉下劃線
text-indent ： 首行縮進 2字就是 字體大小*2
text-align ： 對齊方式 left | center | right