html系統學習之二

參考資料來源W3Schoolhttp://www.w3school.com.cn

 測試錨

HTML 樣式

html樣式其實就是指元素的style屬性,它提供了一種改變所有 HTML 元素的樣式的通用方法。

注意樣式的寫法,首先在是一個屬性,所以最外層是:style="  "   引號裏面的寫法注意了,形式爲:屬性:值;  其中值不需要引號,用分號隔開,看個例子

style=" background-color:#FFCC99; text-align:center; font-family:Verdana; font-size:15px; padding-top: 10px; padding-right: 12px;"

應該避免使用下面這些標籤和屬性:有若干的標籤和屬性是被廢棄的。被廢棄(Deprecated)的意思是在未來版本的 HTML 和 XHTML 中將不支持這些標籤和屬性。

 

標籤 描述
<center> 定義居中的內容。
<font> 和 <basefont> 定義 HTML 字體。
<s> 和 <strike> 定義刪除線文本
<u> 定義下劃線文本
屬性 描述
align 定義文本的對齊方式,可以用style="text-align:center"
bgcolor 定義背景顏色,可以用style="background-color:yellow"
color 定義文本顏色,可以用style="font-family:arial;color:red;font-size:20px;"

對於以上這些標籤和屬性:請使用樣式代替!我還在很多地方用<font>和<align>呢驚恐

 

關於超鏈接<a>,發現它還有個叫法:錨。以前一直認爲超鏈接就是打開另一個網頁,其實不然,它還可以打開網頁後定位到具體的地方,對於大型文檔很有用的,下面就來試一下,我先在這裏做一個錨:

可以直接定位到這個地方哦

現在只要複製當前地址欄的地址,在後面加個#icicle_sign1試一下,在一個新的空頁面打開就會直接跳傳到這個地方了,定義錨的語句如下:

<a name="icicle_sign1"><strong>可以直接定位到這個地方哦</strong></a>

也可以本頁實現,點擊文章最上面的“測試錨”,其語句爲<a href="#icicle_sign1">測試錨</a>

另外<a>還有個target屬性,可以定義被鏈接的文檔在何處顯示,值"_blank"的意思是在新的窗口中打開,默認應該是當前窗口

明白了沒?

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章