HTML5基礎(chǔ)-創(chuàng)新互聯(lián)

指定網(wǎng)頁標(biāo)題和元標(biāo)記符:
<title></title> 需放在<head>標(biāo)簽內(nèi)。

專注于為中小企業(yè)提供網(wǎng)站設(shè)計、成都網(wǎng)站制作服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)灤平免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了數(shù)千家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

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

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

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

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

應(yīng)用粗體和斜體格式:
粗體和斜體用和標(biāo)記符表示。要格式化的內(nèi)容包含在中間。
同時使用兩種格式:
嵌套: 內(nèi)容
如果用開始，就要用結(jié)束。

上標(biāo)的標(biāo)記符是; 下標(biāo)的標(biāo)記符是.

應(yīng)用上標(biāo)和下標(biāo)格式:
上標(biāo)格式使文字變小并把它提到基線以上。
上標(biāo)用于數(shù)學(xué)公式中的指數(shù)格式。

下標(biāo)格式使文字變小并把它放到基線以下。下標(biāo)常用于化學(xué)公式。

使用固定寬度和預(yù)格式化文字：
固定寬度的標(biāo)記符:
<kdb> 指定用戶應(yīng)該從鍵盤輸入的內(nèi)容。
<code> 用于程序代碼。
<samp> 用于顯示例子的文本。

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

格式化分段引文: 設(shè)置引用.
<blockquote>標(biāo)記符可以縮進(jìn)文字和引文。
<blockquote>標(biāo)記符有一個 cite="URL"屬性。
格式:<blockquote cite="URL">
內(nèi)容
</blockquote>
<q>標(biāo)記符，用于內(nèi)聯(lián)引用格式化。用途:在所封裝的引用文字加引號。

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

用起始標(biāo)記符<ol>或<ul>開始一個列表。
用<li></li>標(biāo)記符來封裝列表中的每一項(xiàng)。
最后用結(jié)束標(biāo)記符</ol>或</ul>來結(jié)束列表。

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

更改項(xiàng)目符號或數(shù)字符號
項(xiàng)目符號和編號列表可使用一個list-style-type:type屬性來設(shè)置其樣式。
基于樣式的屬性。
常用的list style Type屬性值
列表樣式值結(jié)果
項(xiàng)目符號列表 disc 實(shí)心圓
circle 空心圓
square 實(shí)心方塊

編號列表 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

應(yīng)用這個屬性時，將它放在起始標(biāo)記符<ul>或<ol>中。
方法:<ul style="list-style-type: 值">

指定編號列表的起始數(shù)字:
可以使用<ol>標(biāo)記符中的start="n"這個屬性，n代表起始數(shù)字。

只更改一個單獨(dú)的列表項(xiàng)的數(shù)字:
可以用單個列表項(xiàng)標(biāo)記符<li>的value="n" 屬性。

創(chuàng)建定義列表(definition list):
是展示詞匯及其定義的列表。
完整的列表是包含在<dl>和</dl>標(biāo)記符中的。
定義詞匯包含在<dt>(definition term)標(biāo)記符中。
定義文字包含在<dd>(definition description)標(biāo)記符中。
格式:
<dl>
<dt>詞匯</dt>
<dd>內(nèi)容</dd>
</dl>

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

>(大于號)
非換行空格
￠分
￡英鎊
￥元
? 版權(quán)符號
? 注冊商標(biāo)
° 度
? ×××
? 商標(biāo)
± 加或減號

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

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

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

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

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

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

背景顏色的應(yīng)用:
為整個網(wǎng)頁指定背景顏色，在起始標(biāo)記符<body>中插入style="background-color:color"屬性。
屬性值可以使用顏色名稱(yellow),RGB值或十六進(jìn)制數(shù)值。
例如:
<body style="background-color:yellow">

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

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

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

強(qiáng)制指定圖片的重復(fù)性:
<body>中的background-repeat=屬性，并指定repeat-x(在水平方向重復(fù)),repeat-y(在垂直方向重復(fù)),
或no-repeat(不重復(fù)).

強(qiáng)制圖片固定不動:
在<body>標(biāo)記符中加上background-attachment=fixed屬性。

創(chuàng)建超文本鏈接和錨:
超文本鏈接語法:
<a>標(biāo)記符開始,用href=屬性來規(guī)定URL或目標(biāo)路徑。結(jié)束標(biāo)記符是</a>

使用部分路徑和文件名:
服務(wù)器會顯示默認(rèn)頁。默認(rèn)頁名字:index和default.

使用相對路徑和絕對路徑:
絕對路徑:帶有完整網(wǎng)頁地址的路徑。

設(shè)置目標(biāo)窗口:
要讓超文本鏈接在一個新的窗口中打開網(wǎng)頁，在<a>標(biāo)記符中加target="_blank"屬性。
例如:
<a href="index.html">yuan shi shuai</a>

超文本鏈接到一個e-mail地址:
例如:
<a href="mailto:support@admin.com">e-mail</a>
要想給email加上默認(rèn)標(biāo)題，在email地址后面加上一個subject=屬性。

另一個選項(xiàng)title=,是用來設(shè)置超文本鏈接的屏幕提示。

創(chuàng)建并超文本鏈接到錨：
可用錨的名稱來定義文檔中的特定位置，然后直接通過超文本鏈接到這個錨。

定義一個錨，在目標(biāo)文字的附近創(chuàng)建一個<a>標(biāo)記符并且加入name=屬性。

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

如果錨和超文本鏈接不在同一文件內(nèi)，必須加上錨所在文件的名稱。

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

參考HTML5從入門到精通，本博文為個人總結(jié)。僅供參考。

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

新聞名稱：HTML5基礎(chǔ)-創(chuàng)新互聯(lián)
當(dāng)前網(wǎng)址：http://bm7419.com/article8/dgooip.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、搜索引擎優(yōu)化、用戶體驗(yàn)、外貿(mào)建站、網(wǎng)站收錄、定制開發(fā)

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

猜你還喜歡下面的內(nèi)容