溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
指定網頁標題和元標記符:
<title></title> 需放在<head>標簽內。
<meta>標記符作用:
定義網頁關鍵字。可將用戶重定向到另一頁。
可指定字符編碼。
例如:
重定向:
例如:<meta http-equiv="" content=" ; url= ">
在<head>部分加入:<meta charset="utf-8">
只換行，不開始新的段落，使用單標記符<br>
xhtml代碼: 單標記符要以一個空格和一個斜杠(/)結尾。
用標記符來格式化文本
標題標記符:<h2>到<h7> 定義標題(由大到小)
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>
插入特殊字符:
& &(和號)
< <(小于號)
>(大于號)? 非換行空格
￠ 分
￡ 英鎊
￥ 元
? 版權符號
? 注冊商標
° 度
? ×××
? 商標
± 加或減號
插入水平線
<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:support@admin.com">e-mail</a>
要想給email加上默認標題，在email地址后面加上一個subject=屬性。
另一個選項title=,是用來設置超文本鏈接的屏幕提示。
創建并超文本鏈接到錨：
可用錨的名稱來定義文檔中的特定位置，然后直接通過超文本鏈接到這個錨。
定義一個錨，在目標文字的附近創建一個<a>標記符并且加入name=屬性。
要指向錨所在的位置，在href=屬性中加入它的名字，在錨名稱前加上一個#號。
如果錨和超文本鏈接不在同一文件內，必須加上錨所在文件的名稱。
如果文檔不是在同一文件夾下，必須用絕對路徑或相對路徑來引用。
參考HTML5從入門到精通，本博文為個人總結。僅供參考。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
