1、html第一天重點複習,經過一個案例html
1.什麼是html----超文本標記語言ide
2.html做用-----控制網頁內容,描述內容。佈局
3.製做一個html文檔,製做過程優化
4.網頁中內容,使用適合的標記來進行描述spa
2、製做過程:
設計
1.先分析頁面結構,這個頁面內容大概分爲哪些部分htm
2.在適合的html標記中,加入頁面的內容(信息)---信息載體---文字、圖片圖片
*****記住,某些html標記,都有默認值資源
h1~h6標記,默認文字是怎麼顯示,加粗顯示文檔
3、傳統的網頁佈局方式-----使用table表格
其實tale表格,原來是用於保存數據的,保存這種有格式清晰的數據。
佈局-----table
佈局思想----排版----
1.從大向小排版
2.從左向右排版
3.從上向下----按人視覺
*****在editpuls代碼中,縮進技巧:tab鍵---向右縮進,向左縮進---shift+tab鍵
4、表格標記
1.合併的思想:當將多個內容合併時,就會有多餘的東西,刪除
例如:有三列 3個td,當合並時,就須要刪除2個
合併單元格,就是刪除多餘的 td
推出一個合併刪除td公式:刪除的個數=合併的個數-1
2.立體表格效果,其實就是將表格的亮邊框顏色與暗邊框顏色進行對比。
*******表格自身有邊框; 單元格自身也有邊框。
*******細線表格效果公式:
【1】、將表格自身的 border=0
【2】、給表格設置背景顏色====細線顏色
【3】、給表格設置,單元格之間距離====細線粗細
******當<td></td>之間沒有內容時,默認是不顯示邊框,若是想看見
3.表格基本結構:
<table>...</table>---定義表格
<tr>...</tr>----定義錶行
<td>...</td>----定義表列(單元格)
<th>...</th>----定義標題欄(文字加粗,居中)
5、仿站---www.hao123.com
1.結構分析圖
2.佈局有小技巧,能夠經過標籤嵌套實現一些複雜佈局
3.******使用hml標籤時,最好的方式是用適合的標籤描述數據
4.******一個網頁設計水平,代碼精簡程度
<table>標籤下的邊框設置
frame: void---不顯示錶格的邊線
above---只顯示出表格的上邊線
below---只顯示出表格的下邊線
hsides---只顯示錶格的上下邊線
lhs---只顯示錶格的左邊線
rhs---只顯示錶格的右邊線
border/box---顯示錶格的全部邊線
(該屬性必須在border的屬性值不爲0的狀態下!)
rules: rows---只顯示出橫行的格框線
cols---只顯示出直行的格框線
all---顯示所有格框線
groups---表示列組合水平部分
none---不顯示任何格框線
6、超連接:就像人體的血液,是互聯網血液。
有了連接就能夠把互聯網資源聯繫起來。
連接重要的使用原則,必須是迴路,有去有回。----優化相關連接
連接分類:
【1】、站內連接
【2】、站外連接
【3】、郵箱連接
【4】、錨點鏈接-----能夠跳轉到某個頁面的某個位置