- 簡(jiǎn)體
- 簡(jiǎn)體中文 English
HTML常用標(biāo)識(shí)
HTML頭部信息(head)里包含關(guān)于所在網(wǎng)頁(yè)的信息。頭部信息里的內(nèi)容,主要是被瀏覽器所用,不會(huì)顯示在網(wǎng)頁(yè)的正文內(nèi)容里。
另外,搜索引擎如Google,Yahoo, Baidu等也會(huì)查找網(wǎng)頁(yè)中的head信息。為了讓搜索引擎能夠收錄網(wǎng)頁(yè),也要填寫(xiě)適當(dāng)?shù)膆ead信息(具體內(nèi)容見(jiàn)“搜索引擎優(yōu)化策略”章節(jié))。
(1)title
title(標(biāo)題)是最常用的head信息。它不顯示在HTML網(wǎng)站制作正文里,顯示在瀏覽器窗口的標(biāo)題欄里。例如,以下代碼的顯示效果,如圖5-15所示。
(2)link
用link (鏈接)可以建立和外部文件的鏈接。常用的是對(duì)CSS外部樣式表(external style sheet)的鏈接。示例代碼如下:
(3)style
用style(樣式)可以設(shè)值網(wǎng)頁(yè)的內(nèi)部樣式表(internal style sheet )。示例代碼如下:
(4)meta
在HTML里,meta標(biāo)記(meta tags)表示用來(lái)描述網(wǎng)頁(yè)的有關(guān)信息。示例代碼如下:
2.網(wǎng)頁(yè)背景
HTML的有兩個(gè)關(guān)于背景的屬性,一個(gè)是bgcolor,是設(shè)置背景顏色的;另一個(gè)是background,是設(shè)置背景圖片的。
(1)bgcolor
bgcolor屬性用來(lái)設(shè)置HTML網(wǎng)頁(yè)的背景顏色。例如:
這個(gè)頁(yè)面是黃色背景
(2)background
background屬性用來(lái)設(shè)置HTML網(wǎng)頁(yè)的背景圖片。background屬性值就是背景圖片的路徑和文件名,如果背景圖片小于網(wǎng)頁(yè)顯示窗口,那么這個(gè)背景圖片會(huì)自動(dòng)重復(fù)。
3.文字格式
(1)文字形式
在HTML里,可以用FONT這個(gè)標(biāo)識(shí)符及其屬性來(lái)設(shè)定文字的大小、字體和顏色。具體如下:
其中常用的屬性有:"SIZE",確定文字大小,n取一個(gè)1-7的數(shù)字,默認(rèn)為3;"FACE”確定文字字體;"COLOR”確定文字顏色。
除了控制文字基本形式的FONT標(biāo)識(shí)符外,HTML中還有其他標(biāo)識(shí)符可用于文字形式的控制。
(2)正文標(biāo)題
HTML用
這幾個(gè)Tag來(lái)定義正文標(biāo)題,從大到小。每個(gè)正文標(biāo)題自成一段。
(3)段落劃分
在HTML里用
和
劃分段落。(4)文字換行
通過(guò)使用
這個(gè)標(biāo)識(shí)符,可以在不新建段落的情況下?lián)Q行。
與
的區(qū)別在于:
的分行是重起一行,而
的分段則是空一行后再重起一行。
(5)字符實(shí)體
有些字符在HTM L里有特別的含義,例如,小于號(hào)“<”就表示 HTML Tag的開(kāi)始,這個(gè)小于號(hào)是不顯示在最終看到的網(wǎng)頁(yè)里的。如果希望在網(wǎng)頁(yè)中顯示一個(gè)小于號(hào),就要用到HTML字符實(shí)體(HTML Character Entities)了。例如,通常情況下,HTM L會(huì)自動(dòng)截去多余的空格。不管加多少空格,都被看做一個(gè)空格。如果在兩個(gè)字之間加了10個(gè)空格,HTML會(huì)截去9個(gè)空格,只保留一個(gè)。為了在網(wǎng)頁(yè)中增加空格,可以使用 表示空格。
一個(gè)字符實(shí)體(Character Entity)分成3部分:第一部分是一個(gè)&符號(hào),英文為amper-sand;第二部分是實(shí)體(Entity)名字或者是#加上實(shí)體編號(hào);第三部分是一個(gè)分號(hào)。例如,要顯示小于號(hào),就可以寫(xiě)&It;或者<。用實(shí)體名字的好處是比較好理解,但是其劣勢(shì)在于并不是所有的瀏覽器都支持最新的Entity名字。而實(shí)體編號(hào),各種瀏覽器都能處理。
注意:Entity是區(qū)分大小寫(xiě)的。
4.多媒體
HTML文件可以包含圖片、音頻、視頻等多媒體信息格式,由此極大方便了網(wǎng)絡(luò)信息的傳播。
(1)圖片
用標(biāo)識(shí)符可以在HTML里面插人圖片。
url表示圖片的路徑和文件名。
中有一個(gè)alt屬性(alternate text )。
假使瀏覽器沒(méi)有載人圖片的功能,瀏覽器就會(huì)轉(zhuǎn)而顯示alt屬性的值。其實(shí),現(xiàn)在大多數(shù)瀏覽器都支持圖片載人。在此介紹alt屬性,是因?yàn)樗牧硗庖粋€(gè)重要功能。目前搜索引擎抓取工具無(wú)法識(shí)別圖像中所含的文字,所以用alt屬性寫(xiě)上圖片的說(shuō)明,便于搜索引擎抓取網(wǎng)頁(yè)的內(nèi)容。
在默認(rèn)狀況下,圖片顯示原有的大小,但可以用height和width屬性改變圖片的大小
(2)音頻
①網(wǎng)頁(yè)內(nèi)嵌音頻
屬性設(shè)置為Autostart=false—打開(kāi)網(wǎng)頁(yè),聲音不自動(dòng)播放。
②添加聲音鏈接
音樂(lè)文件名稱
③添加網(wǎng)頁(yè)背景音樂(lè)
屬性設(shè)置為L(zhǎng)OOP=N(播放次數(shù)))/-1打開(kāi)網(wǎng)頁(yè),聲音循環(huán)播放,N為循環(huán)播放次數(shù),-1為無(wú)限次播放。
(3)視頻
①網(wǎng)頁(yè)內(nèi)嵌視頻
常用屬性包括:WIDTH(視頻文件寬度), HEIGHT(視頻文件高度), AUTOSTART(視頻自動(dòng)播放),LOOP(循環(huán)播放)。
②添加視頻鏈接
視頻文件名稱
5.超鏈接止
(1)a和href屬性
HTML用來(lái)表示超鏈接((anchor). 可以指向任何一個(gè)文件源:一個(gè)HTML網(wǎng)頁(yè)、一個(gè)圖片、一個(gè)影視文件等。用法如下:
鏈接的顯示文字
點(diǎn)擊當(dāng)中的內(nèi)容,即可打開(kāi)一個(gè)鏈接文件,h ref屬性則表示這個(gè)鏈接文件的路徑。例如,鏈接到洛陽(yáng)理工學(xué)院網(wǎng)站首頁(yè),就可以這樣表示:
尚品中國(guó)
(2)name屬性
使用name屬性,可以跳轉(zhuǎn)到一個(gè)文件的指定部位。使用name屬性,要設(shè)置一對(duì)。一是設(shè)定name的名稱,二是設(shè)定一個(gè)href指向這個(gè)name:
參見(jiàn)第一章
第一章
name屬性通常用于創(chuàng)建一個(gè)大文件的章節(jié)目錄(table of contents)。每個(gè)章節(jié)都建立一個(gè)鏈接,放在文件的開(kāi)始處,每個(gè)章節(jié)的開(kāi)頭都設(shè)置name屬性。當(dāng)用戶點(diǎn)擊某個(gè)章節(jié)的鏈接時(shí),這個(gè)章節(jié)的內(nèi)容就顯示在最上面。
(3)鏈接到E-mail地址
在網(wǎng)站中,經(jīng)常會(huì)看到諸如“聯(lián)系我們”之類(lèi)的鏈接,一點(diǎn)擊這個(gè)鏈接,就會(huì)觸發(fā)瀏覽者的郵件客戶端,例如Outlook Express,然后顯示一個(gè)新建E-mail的窗口。用可以實(shí)現(xiàn)這樣的功能,例如:
聯(lián)系尚品
由于本書(shū)篇幅有限,這里只能簡(jiǎn)要講解HTML中的基本知識(shí),學(xué)習(xí)者如有進(jìn)一步學(xué)習(xí)的興趣,可以參看相關(guān)書(shū)籍。
本文發(fā)布于SEO網(wǎng)站優(yōu)化公司尚品中國(guó)http://www.londe303.com/
建站流程
-
網(wǎng)站需求
-
網(wǎng)站策劃方案
-
頁(yè)面設(shè)計(jì)風(fēng)格
-
確認(rèn)交付使用
-
資料錄入優(yōu)化
-
程序設(shè)計(jì)開(kāi)發(fā)
-
后續(xù)跟蹤服務(wù)
-
聯(lián)系電話
010-60259772
熱門(mén)標(biāo)簽
- 網(wǎng)站建設(shè)
- 食品網(wǎng)站建設(shè)
- 微信小程序開(kāi)發(fā)
- 小程序開(kāi)發(fā)
- 無(wú)錫網(wǎng)站建設(shè)
- 研究所網(wǎng)站建設(shè)
- 沈陽(yáng)網(wǎng)站建設(shè)
- 廊坊網(wǎng)站建設(shè)
- 鄭州網(wǎng)站建設(shè)
- 婚紗攝影網(wǎng)站建設(shè)
- 手機(jī)端網(wǎng)站建設(shè)
- 高校網(wǎng)站制作
- 天津網(wǎng)站建設(shè)
- 教育網(wǎng)站建設(shè)
- 品牌網(wǎng)站建設(shè)
- 政府網(wǎng)站建設(shè)
- 北京網(wǎng)站建設(shè)
- 網(wǎng)站設(shè)計(jì)
- 網(wǎng)站制作
最新文章
推薦新聞
更多行業(yè)-
北京網(wǎng)站建設(shè)Win xp命令總集合
這里有Windows xp的所有命令集合,如果你安裝的是Windows...
2015-01-08 -
如何網(wǎng)上賺錢(qián) 單品月銷(xiāo)量上千的秘密
北京網(wǎng)站建設(shè)公司尚品中國(guó):在淘寶江湖做運(yùn)營(yíng)的店掌柜,有一個(gè)詞不得不提那...
2012-04-04 -
網(wǎng)站空間流量超出如何解決?看看這些方法
眾所周知,網(wǎng)站空間是網(wǎng)站建設(shè)公司發(fā)展的基礎(chǔ)。一個(gè)好的網(wǎng)站空間決定了一個(gè)...
2020-05-15 -
如何建設(shè)營(yíng)銷(xiāo)型網(wǎng)站
互聯(lián)網(wǎng)網(wǎng)站有很多很多,但是我們的網(wǎng)站是不是每一個(gè)網(wǎng)站都具備營(yíng)銷(xiāo)功能呢 ...
2013-10-21 -
怎樣讓新站從開(kāi)始就擁有高權(quán)重
任何一個(gè)網(wǎng)站都是從新網(wǎng)站開(kāi)始的,從建站開(kāi)始的時(shí)候就考慮好網(wǎng)站的各項(xiàng)SE...
2012-02-03 -
老掉牙的外鏈做法還有用嗎
最近看到不少站長(zhǎng)在發(fā)牢騷,一個(gè)個(gè)都在抱怨外鏈建設(shè)的可執(zhí)行范圍越來(lái)越...
2012-02-05
預(yù)約專(zhuān)業(yè)咨詢顧問(wèn)溝通!
免責(zé)聲明
非常感謝您訪問(wèn)我們的網(wǎng)站。在您使用本網(wǎng)站之前,請(qǐng)您仔細(xì)閱讀本聲明的所有條款。
1、本站部分內(nèi)容來(lái)源自網(wǎng)絡(luò),涉及到的部分文章和圖片版權(quán)屬于原作者,本站轉(zhuǎn)載僅供大家學(xué)習(xí)和交流,切勿用于任何商業(yè)活動(dòng)。
2、本站不承擔(dān)用戶因使用這些資源對(duì)自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問(wèn)題參見(jiàn)國(guó)家有關(guān)法律法規(guī),當(dāng)本聲明與國(guó)家法律法規(guī)沖突時(shí),以國(guó)家法律法規(guī)為準(zhǔn)。
4、如果侵害了您的合法權(quán)益,請(qǐng)您及時(shí)與我們,我們會(huì)在第一時(shí)間刪除相關(guān)內(nèi)容!
聯(lián)系方式:010-60259772
電子郵件:394588593@qq.com