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