HTML5基礎

指定網頁標題和元標記符:
<title></title> 需放在<head>標籤內。

<meta>標記符作用:
定義網頁關鍵字。可將用戶重定向到另一頁。
可指定字符編碼。

例如:
重定向:
例如:<meta http-equiv="" content=" ; url= ">
在<head>部分加入:<meta charset="utf-8">

只換行,不開始新的段落,使用單標記符<br>
xhtml代碼: 單標記符要以一個空格和一個斜槓(/)結尾。

用標記符來格式化文本
標題標記符:<h1>到<h6> 定義標題(由大到小)

HTML5引入新標記符:<hgroup></hgroup> 有多個子標題,可用該標記符集合。

應用粗體和斜體格式:
粗體和斜體用<b></b>和<i></i>標記符表示。要格式化的內容包含在中間。
同時使用兩種格式:
嵌套: <b><i>內容</b></i>
如果用<b><i>開始,就要用</i></b>結束。

上標的標記符是<sup>; 下標的標記符是<sub>.

應用上標和下標格式:
上標格式使文字變小並把它提到基線以上。
上標用於數學公式中的指數格式。

下標格式使文字變小並把它放到基線以下。下標常用於化學公式。

使用固定寬度和預格式化文字:
固定寬度的標記符:
<kdb> 指定用戶應該從鍵盤輸入的內容。
<code> 用於程序代碼。
<samp> 用於顯示例子的文本。

<pre>標記符: 預格式化,用固定寬度顯示文字,保留瀏覽器忽略的空格和換行符。

格式化分段引文: 設置引用.
<blockquote>標記符可以縮進文字和引文。
<blockquote>標記符有一個 cite="URL"屬性。
格式:<blockquote cite="URL">
<p>內容</p>
</blockquote>
<q>標記符,用於內聯引用格式化。用途:在所封裝的引用文字加引號。

編號列表:<ol>, 順序列表(ordered list)
項目符號列表: <ul> 無序列表。(unordered list)
每一個數字或項目符號列表中的項目由<li>定義。列表項目(list item)。

用起始標記符<ol>或<ul>開始一個列表。
用<li></li>標記符來封裝列表中的每一項。
最後用結束標記符</ol>或</ul>來結束列表。

嵌套列表:
可以將一個列表嵌套在另一個列表中。

更改項目符號或數字符號
項目符號和編號列表可使用一個list-style-type:type屬性來設置其樣式。
基於樣式的屬性。
常用的list style Type屬性值
列表樣式 值 結果
項目符號列表 disc 實心圓
circle 空心圓
square 實心方塊

編號列表 decimal 1,2,3,4
decimal-leading-zero 01,02,03,04,
lower-roman i,ii,iii,iv
upper-roman I,II,III,IV
lower-alpha a,b,c,d
upper-alpha A,B,C,D

應用這個屬性時,將它放在起始標記符<ul>或<ol>中。
方法:<ul style="list-style-type: 值">

指定編號列表的起始數字:
可以使用<ol>標記符中的start="n"這個屬性,n代表起始數字。

只更改一個單獨的列表項的數字:
可以用單個列表項標記符<li>的value="n" 屬性。

創建定義列表(definition list):
是展示詞彙及其定義的列表。
完整的列表是包含在<dl>和</dl>標記符中的。
定義詞彙包含在<dt>(definition term)標記符中。
定義文字包含在<dd>(definition description)標記符中。
格式:
<dl>
<dt>詞彙</dt>
<dd>內容</dd>
</dl>

插入特殊字符:
& &(和號)
< <(小於號)

   &gt;(大於號)

  非換行空格
¢ 分
£ 英鎊
¥ 元
© 版權符號
® 註冊商標
° 度
† ×××
™ 商標
± 加或減號

插入水平線
<hr> 單向標識符。
可以把網頁中的文字分成不同的區域。
可已只通過在<hr>標記符的style="attributes"屬性中直接設置外表樣式。
可以設置的屬性有顏色(color),背景顏色(background-color),寬度(width)和高度(height).

HTML識別下列16種基本顏色:
Aqua(水綠色), Black(黑), Blue(藍), Fuchsia(紫紅色),
Gray(灰),Green(綠), Lime(石灰), Maroon(栗色),
Navy(海藍),Olive(橄欖綠), purple(紫), Red(紅)
Silver(銀), Teal(藍綠色), White(白), Yellow(黃)

選擇背景顏色和前景顏色:

背景顏色的應用:
是網頁背景顏色。
<body style="background-color:yellow">
<body style="background-color:#FFFF00">
<body style="background-color:rgb(255,255,0)">
這三種背景顏色都是×××,選一種即可。

前景顏色的應用:
是網頁字體顏色。用屬性 style="color:color"來設置。
同時設置背景顏色和前景顏色:
例如:
<body style="background-color:black;color:white">

指定顏色:
第1種方式: 使用RGB(紅-綠-藍)值。用一系列0到255的數字來描述顏色。
第2種方式: 使用十六進制數字。十六進制數字也代表RGB值。
第3種方式:表示顏色的方法是使用擴展名稱。

背景顏色的應用:
爲整個網頁指定背景顏色,在起始標記符<body>中插入style="background-color:color"屬性。
屬性值可以使用顏色名稱(yellow),RGB值或十六進制數值。
例如:
<body style="background-color:yellow">

前景顏色的應用:
用屬性style="color:color"來設置前景顏色。
例如:
<body style="background-color:yellow; color: blue">
例如:

指定背景圖片文件:
在起始標記符<body>中使用style="background-image:url(image)"屬性。

要想將背景圖片,背景顏色和前景顏色放入同一個屬性中,使用:
<body style="background-image: url(picture.jpg);color: green;
background-color:beige">

強制指定圖片的重複性:
<body>中的background-repeat=屬性,並指定repeat-x(在水平方向重複),repeat-y(在垂直方向重複),
或no-repeat(不重複).

強制圖片固定不動:
在<body>標記符中加上background-attachment=fixed屬性。

創建超文本鏈接和錨:
超文本鏈接語法:
<a>標記符開始,用href=屬性來規定URL或目標路徑。結束標記符是</a>

使用部分路徑和文件名:
服務器會顯示默認頁。默認頁名字:index和default.

使用相對路徑和絕對路徑:
絕對路徑:帶有完整網頁地址的路徑。

設置目標窗口:
要讓超文本鏈接在一個新的窗口中打開網頁,在<a>標記符中加target="_blank"屬性。
例如:
<a href="index.html">yuan shi shuai</a>

超文本鏈接到一個e-mail地址:
例如:
<a href="mailto:[email protected]">e-mail</a>
要想給email加上默認標題,在email地址後面加上一個subject=屬性。

另一個選項title=,是用來設置超文本鏈接的屏幕提示。

創建並超文本鏈接到錨:
可用錨的名稱來定義文檔中的特定位置,然後直接通過超文本鏈接到這個錨。

定義一個錨,在目標文字的附近創建一個<a>標記符並且加入name=屬性。

要指向錨所在的位置,在href=屬性中加入它的名字,在錨名稱前加上一個#號。

如果錨和超文本鏈接不在同一文件內,必須加上錨所在文件的名稱。

如果文檔不是在同一文件夾下,必須用絕對路徑或相對路徑來引用。

參考HTML5從入門到精通,本博文爲個人總結。僅供參考。

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