html次日筆記

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>之間沒有內容時,默認是不顯示邊框,若是想看見&nbsp;

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】、錨點鏈接-----能夠跳轉到某個頁面的某個位置

相關文章
相關標籤/搜索