HTML基本概念
HTML最早源于標(biāo)準(zhǔn)通用化標(biāo)記語言(Standard General Markup Language,SGML ),是由Web的發(fā)明者Tim Berners-Lee和同事Daniel W . Connolly于1990年創(chuàng)立的一利,標(biāo)記式語言,它是SCML的應(yīng)用。WWW協(xié)會(huì)作為制定HTML標(biāo)準(zhǔn)的國際性正式組織,于1993年正式推出HTML 1.0版,提供簡單的文本格式功能。1995年2月推出HTML 2.0版,增加了表格處理、圖形、圖像等功能。
HTML是用來表示網(wǎng)上信息的符號(hào)標(biāo)記語言,它用明確的命令說明文件的格式,通過將標(biāo)準(zhǔn)化的標(biāo)記(Tag)命令寫在HTML文件中。構(gòu)成HTM L文檔.它們以.html或.htm為后綴。當(dāng)Web瀏覽器從Wel,服務(wù)器讀取某一個(gè)萬維網(wǎng)頁面的HTM L文檔后,就按照HTML文檔中的多種標(biāo)記.根據(jù)瀏覽器所使用的顯示器尺寸和分辨率大小,重新進(jìn)行排版并恢復(fù)所讀取的頁面。
學(xué)習(xí)HTML語言是理解實(shí)施網(wǎng)絡(luò)營銷的重要技術(shù)基礎(chǔ),HTM L語言有助于深人掌握網(wǎng)頁制作技術(shù),而且在運(yùn)用搜索引擎與電子郵件等網(wǎng)絡(luò)營銷常用手段時(shí)候也會(huì)經(jīng)常涉及HTML代碼。
1 .HTML標(biāo)識(shí)符
HTML的標(biāo)識(shí)符就是放在尖括號(hào)內(nèi)的一些字母或單詞,如
大多數(shù)的標(biāo)識(shí)符都是成對(duì)出現(xiàn)的,包括開始標(biāo)識(shí)符和結(jié)束標(biāo)識(shí)符,它們定義了標(biāo)識(shí)符所影響的范圍,它們的區(qū)別是結(jié)束標(biāo)識(shí)符比開始標(biāo)識(shí)符多了一個(gè)斜線,如學(xué)習(xí)將以粗體顯示文字“學(xué)習(xí)”而不影響開始標(biāo)識(shí)符和結(jié)束標(biāo)識(shí)符以外的文字。有一些標(biāo)識(shí)符只有單一的標(biāo)識(shí)符號(hào),例如,換行標(biāo)識(shí)符.
許多標(biāo)識(shí)符包括有一些屬性,它們對(duì)標(biāo)識(shí)符作用的內(nèi)容進(jìn)行更詳細(xì)的控制。如字體標(biāo)識(shí)符的字號(hào)屬性指定文字的大小,顏色屬性指定文字的顏色,例如:
< FONT SIZE = 3 COLOR= green.>本行字字體為3號(hào)字,顏色為綠色。< /FONT>
HTML的標(biāo)識(shí)符不區(qū)分大小寫,但為了便于HTML文檔的維護(hù)和醒目,通常使用大寫標(biāo)識(shí)符。
HTML的注釋由開始標(biāo)識(shí)符構(gòu)成,這兩個(gè)標(biāo)識(shí)符之間的內(nèi)容都被瀏覽器解釋為注釋,因而不在瀏覽器中顯示。
2.HTML語法結(jié)構(gòu)
一個(gè)Web頁對(duì)應(yīng)一個(gè)HTML文件,HTML文檔的基本結(jié)構(gòu)由文檔開始和結(jié)束標(biāo)記、首部標(biāo)記、正文標(biāo)記組成。
(1)文檔開始和結(jié)束標(biāo)記和
和是HTML文檔的第一個(gè)和最后一個(gè)標(biāo)識(shí)符,HTML文檔的全部內(nèi)容在這兩個(gè)標(biāo)識(shí)符之中,這兩個(gè)標(biāo)識(shí)符告訴瀏覽器該文件為一個(gè)Web頁。
(2)首部標(biāo)記和
首部標(biāo)記和位于Web頁的開頭,但不包括Web頁的實(shí)際內(nèi)容,用做設(shè)置網(wǎng)頁的標(biāo)題(Title)、定義樣式表(CSS)或插人腳本(Script)等。其中,最常用的標(biāo)識(shí)符是標(biāo)題標(biāo)識(shí)符
(3)正文標(biāo)一記和
正文標(biāo)記和包含Web頁的內(nèi)容,正文里包含文字、圖片、鏈接、表格等。
HTML文檔的基本結(jié)構(gòu)如下:
一一一一一一一一一一一一一一一一首部起始標(biāo)識(shí)符
一一一一一一一一一一一一一一一首部結(jié)束標(biāo)識(shí)符
一一一一一一一一一一一一一一一正文起始標(biāo)識(shí)符
正文一一一一一一一一一一一一一一一正文結(jié)束標(biāo)識(shí)符
一一一一一一一一一一一一一一一文檔結(jié)束標(biāo)識(shí)符
3.HTML文件編輯
制作與編輯HTM L文件,最簡單的方式就是直接在Windows自帶的“記事本”寫人HTM L標(biāo)識(shí)符,并將其保存為擴(kuò)展名是“HTML”或“HTM”的文件格式。例如,將如圖5-13所示代碼寫人“記事本”,并保存為“index.html"。在瀏覽器中打開看到的效果如圖5-14所示。
在記事本中編寫HTML代碼時(shí),需要特別注意的是“<>”、“"”等符號(hào)均為英文標(biāo)點(diǎn).才能在瀏覽器中正確顯示。
此外,如果要查看瀏覽器中打開網(wǎng)頁文件的HTML的源代碼。有兩種方法:一是右擊鼠標(biāo),選擇View Source(查看源文件)命令;二是選
擇瀏覽器菜單View(查看)中的Source(源文件)命令。
4.相對(duì)路徑和絕對(duì)路徑
HTML文件可以引用多種格式外部文件,包括HTML網(wǎng)頁、音頻、圖片、視頻等。為了指明引用文件的位置,需要通過路徑標(biāo)明文件所在位置。HTML有兩種路徑的寫法:相對(duì)路徑和絕對(duì)路徑。
(1)相對(duì)路徑
①同一個(gè)目錄的文件引用
如果源文件和引用文件在同一個(gè)目錄里,直接寫引用文件名即可?,F(xiàn)在建一個(gè)源文件info.html,在info.html里要引用index.html文件作為超鏈接。
假設(shè)info . html路徑是:c:Inetpubwwwrootsitesblablainfo.html
假設(shè)index .html路徑是:c:Inetpubwwwrootsitesblablaindex.html
在info.html加人index .html超鏈接的代碼應(yīng)該這樣寫:
index.html
②表示上級(jí)目錄
二滾示源文件所在目錄的上一級(jí)目錄,../../表示源文件所在目錄的上上級(jí)目錄,以此類推。
假設(shè)info.html路徑是:c:Inetpubwwwrootsitesblablainfo.html
假設(shè)index.html路徑是:c:Inetpubwwwrootsites index.html
在info.html加人index.html超鏈接的代碼應(yīng)該這樣寫:
index.html
假設(shè)info.html路徑是:c:Inetpubwwwrootsitesblahlainfo.html
假設(shè)index.html路徑是:c:Inetpubwwwrootindex.html
在info.html加人index.html超鏈接的代碼應(yīng)該這樣寫:
index.html
假設(shè)info.html路徑是:c:Inetpubwwwrootsitesblahlainfo.html
假設(shè)index.html路徑是:C:Inetpubwwwrootsiteswowstoryindex.html
html路徑是:c:Inetpubwwwrootsites.
在info.html加人index.html超鏈接的代碼應(yīng)該這樣寫:
index.html< /a>
③表示下級(jí)目錄
引用下級(jí)目錄的文件,直接寫下級(jí)目錄文件的路徑即可。
假設(shè)info.html路徑是:c:Inetpubwwwrootsitesblablainfo.html
假設(shè)index.html路徑是:c:Inetpubwwwroot sitesblablahtmlindex.html
在info.html加人index.html超鏈接的代碼應(yīng)該這樣寫:
營銷型網(wǎng)站建設(shè)公司尚品中國http://xmjiujiu.cn/
建站流程
-
網(wǎng)站需求
-
網(wǎng)站策劃方案
-
頁面設(shè)計(jì)風(fēng)格
-
確認(rèn)交付使用
-
資料錄入優(yōu)化
-
程序設(shè)計(jì)開發(fā)
-
后續(xù)跟蹤服務(wù)
-
聯(lián)系電話
010-60259772
熱門標(biāo)簽
- 網(wǎng)站建設(shè)
- 食品網(wǎng)站建設(shè)
- 微信小程序開發(fā)
- 小程序開發(fā)
- 無錫網(wǎng)站建設(shè)
- 研究所網(wǎng)站建設(shè)
- 沈陽網(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è)中簡單和標(biāo)準(zhǔn)化的代碼是必不可少的!
對(duì)于普通公司來說,大多數(shù)網(wǎng)站建設(shè)更關(guān)注網(wǎng)站設(shè)計(jì),或者更深入地關(guān)注網(wǎng)站內(nèi)...
2020-02-14 -
游戲網(wǎng)站設(shè)計(jì)網(wǎng)頁制作必須知道的10個(gè)秘訣
整個(gè)互聯(lián)網(wǎng)平均每天的頁面訪問量只有4秒。在這4秒鐘里,你應(yīng)該盡可能準(zhǔn)確...
2022-01-29 -
企業(yè)網(wǎng)站建設(shè)中不要犯的低級(jí)錯(cuò)誤
戶外活動(dòng)講究一個(gè)速度和動(dòng)感,好像現(xiàn)在的網(wǎng)站建設(shè),就圖一個(gè)快,好像迅速上...
2020-12-16 -
互聯(lián)網(wǎng)市場與網(wǎng)絡(luò)環(huán)境的關(guān)系
1.互聯(lián)網(wǎng)市場 簡單地說,互聯(lián)網(wǎng)站設(shè)計(jì)市場就是網(wǎng)絡(luò)信息市場的具體...
2014-06-12 -
網(wǎng)站制作如何從用戶體驗(yàn)的角度展開
網(wǎng)站能否得到用戶的認(rèn)可,其很大程度上是網(wǎng)站的內(nèi)部因素決定的,就是網(wǎng)站的...
2012-10-26 -
企業(yè)網(wǎng)絡(luò)診斷
企業(yè)診斷按照診斷主體的不同可以分為自我診斷和外部診斷。自我診斷就是企業(yè)...
2014-08-11
預(yù)約專業(yè)咨詢顧問溝通!
免責(zé)聲明
非常感謝您訪問我們的網(wǎng)站。在您使用本網(wǎng)站之前,請(qǐng)您仔細(xì)閱讀本聲明的所有條款。
1、本站部分內(nèi)容來源自網(wǎng)絡(luò),涉及到的部分文章和圖片版權(quán)屬于原作者,本站轉(zhuǎn)載僅供大家學(xué)習(xí)和交流,切勿用于任何商業(yè)活動(dòng)。
2、本站不承擔(dān)用戶因使用這些資源對(duì)自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問題參見國家有關(guān)法律法規(guī),當(dāng)本聲明與國家法律法規(guī)沖突時(shí),以國家法律法規(guī)為準(zhǔn)。
4、如果侵害了您的合法權(quán)益,請(qǐng)您及時(shí)與我們,我們會(huì)在第一時(shí)間刪除相關(guān)內(nèi)容!
聯(lián)系方式:010-60259772
電子郵件:394588593@qq.com