HTML5基礎-創新互聯

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

專注于為中小企業提供網站設計、成都網站制作服務,電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業灤平免費做網站提供優質的服務。我們立足成都，凝聚了一批互聯網行業人才，有力地推動了數千家企業的穩健成長，幫助中小企業通過網站建設實現規模擴充和轉變。

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

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

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

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

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

上標的標記符是; 下標的標記符是.

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

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

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

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

格式化分段引文: 設置引用.
<blockquote>標記符可以縮進文字和引文。
<blockquote>標記符有一個 cite="URL"屬性。
格式:<blockquote cite="URL">
內容
</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從入門到精通，本博文為個人總結。僅供參考。

另外有需要云服務器可以了解下創新互聯scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

新聞名稱：HTML5基礎-創新互聯
當前網址：http://vcdvsql.cn/article8/dgooip.html

成都網站建設公司_創新互聯，為您提供企業網站制作、搜索引擎優化、用戶體驗、外貿建站、網站收錄、定制開發

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

bl双性强迫侵犯h_国产在线观看人成激情视频_蜜芽188_被诱拐的少孩全彩啪啪漫画

HTML5基礎-創新互聯