HTML基本概念
HTML最早源于標準通用化標記語言(Standard General Markup Language,SGML ),是由Web的發(fā)明者Tim Berners-Lee和同事Daniel W . Connolly于1990年創(chuàng)立的一利,標記式語言,它是SCML的應用。WWW協(xié)會作為制定HTML標準的國際性正式組織,于1993年正式推出HTML 1.0版,提供簡單的文本格式功能。1995年2月推出HTML 2.0版,增加了表格處理、圖形、圖像等功能。
HTML是用來表示網(wǎng)上信息的符號標記語言,它用明確的命令說明文件的格式,通過將標準化的標記(Tag)命令寫在HTML文件中。構成HTM L文檔.它們以.html或.htm為后綴。當Web瀏覽器從Wel,服務器讀取某一個萬維網(wǎng)頁面的HTM L文檔后,就按照HTML文檔中的多種標記.根據(jù)瀏覽器所使用的顯示器尺寸和分辨率大小,重新進行排版并恢復所讀取的頁面。
學習HTML語言是理解實施網(wǎng)絡營銷的重要技術基礎,HTM L語言有助于深人掌握網(wǎng)頁制作技術,而且在運用搜索引擎與電子郵件等網(wǎng)絡營銷常用手段時候也會經(jīng)常涉及HTML代碼。
1 .HTML標識符
HTML的標識符就是放在尖括號內的一些字母或單詞,如
大多數(shù)的標識符都是成對出現(xiàn)的,包括開始標識符和結束標識符,它們定義了標識符所影響的范圍,它們的區(qū)別是結束標識符比開始標識符多了一個斜線,如學習將以粗體顯示文字“學習”而不影響開始標識符和結束標識符以外的文字。有一些標識符只有單一的標識符號,例如,換行標識符.
許多標識符包括有一些屬性,它們對標識符作用的內容進行更詳細的控制。如字體標識符的字號屬性指定文字的大小,顏色屬性指定文字的顏色,例如:
< FONT SIZE = 3 COLOR= green.>本行字字體為3號字,顏色為綠色。< /FONT>
HTML的標識符不區(qū)分大小寫,但為了便于HTML文檔的維護和醒目,通常使用大寫標識符。
HTML的注釋由開始標識符構成,這兩個標識符之間的內容都被瀏覽器解釋為注釋,因而不在瀏覽器中顯示。
2.HTML語法結構
一個Web頁對應一個HTML文件,HTML文檔的基本結構由文檔開始和結束標記、首部標記、正文標記組成。
(1)文檔開始和結束標記和
和是HTML文檔的第一個和最后一個標識符,HTML文檔的全部內容在這兩個標識符之中,這兩個標識符告訴瀏覽器該文件為一個Web頁。
(2)首部標記和
首部標記和位于Web頁的開頭,但不包括Web頁的實際內容,用做設置網(wǎng)頁的標題(Title)、定義樣式表(CSS)或插人腳本(Script)等。其中,最常用的標識符是標題標識符
(3)正文標一記和
正文標記和包含Web頁的內容,正文里包含文字、圖片、鏈接、表格等。
HTML文檔的基本結構如下:
一一一一一一一一一一一一一一一一首部起始標識符
一一一一一一一一一一一一一一一首部結束標識符
一一一一一一一一一一一一一一一正文起始標識符
正文一一一一一一一一一一一一一一一正文結束標識符
一一一一一一一一一一一一一一一文檔結束標識符
3.HTML文件編輯
制作與編輯HTM L文件,最簡單的方式就是直接在Windows自帶的“記事本”寫人HTM L標識符,并將其保存為擴展名是“HTML”或“HTM”的文件格式。例如,將如圖5-13所示代碼寫人“記事本”,并保存為“index.html"。在瀏覽器中打開看到的效果如圖5-14所示。
在記事本中編寫HTML代碼時,需要特別注意的是“<>”、“"”等符號均為英文標點.才能在瀏覽器中正確顯示。
此外,如果要查看瀏覽器中打開網(wǎng)頁文件的HTML的源代碼。有兩種方法:一是右擊鼠標,選擇View Source(查看源文件)命令;二是選
擇瀏覽器菜單View(查看)中的Source(源文件)命令。
4.相對路徑和絕對路徑
HTML文件可以引用多種格式外部文件,包括HTML網(wǎng)頁、音頻、圖片、視頻等。為了指明引用文件的位置,需要通過路徑標明文件所在位置。HTML有兩種路徑的寫法:相對路徑和絕對路徑。
(1)相對路徑
①同一個目錄的文件引用
如果源文件和引用文件在同一個目錄里,直接寫引用文件名即可。現(xiàn)在建一個源文件info.html,在info.html里要引用index.html文件作為超鏈接。
假設info . html路徑是:c:Inetpubwwwrootsitesblablainfo.html
假設index .html路徑是:c:Inetpubwwwrootsitesblablaindex.html
在info.html加人index .html超鏈接的代碼應該這樣寫:
index.html
②表示上級目錄
二滾示源文件所在目錄的上一級目錄,../../表示源文件所在目錄的上上級目錄,以此類推。
假設info.html路徑是:c:Inetpubwwwrootsitesblablainfo.html
假設index.html路徑是:c:Inetpubwwwrootsites index.html
在info.html加人index.html超鏈接的代碼應該這樣寫:
index.html
假設info.html路徑是:c:Inetpubwwwrootsitesblahlainfo.html
假設index.html路徑是:c:Inetpubwwwrootindex.html
在info.html加人index.html超鏈接的代碼應該這樣寫:
index.html
假設info.html路徑是:c:Inetpubwwwrootsitesblahlainfo.html
假設index.html路徑是:C:Inetpubwwwrootsiteswowstoryindex.html
html路徑是:c:Inetpubwwwrootsites.
在info.html加人index.html超鏈接的代碼應該這樣寫:
index.html< /a>
③表示下級目錄
引用下級目錄的文件,直接寫下級目錄文件的路徑即可。
假設info.html路徑是:c:Inetpubwwwrootsitesblablainfo.html
假設index.html路徑是:c:Inetpubwwwroot sitesblablahtmlindex.html
在info.html加人index.html超鏈接的代碼應該這樣寫:
營銷型網(wǎng)站建設公司尚品中國http://m.yangsheng234.com/
建站流程
-
網(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è)-
網(wǎng)絡品牌建立的重要性
(一)建立網(wǎng)絡品牌的必要性建立網(wǎng)絡營銷品牌的企業(yè).可以分成兩類:一類是...
2014-06-14 -
網(wǎng)站建設中優(yōu)秀的軟文是怎么做出來的?
眾所周知,精彩營銷網(wǎng)站的建設從來都離不開精彩的軟文。在營銷網(wǎng)站的建設過...
2021-03-23 -
企業(yè)模板建站如何看質量好壞?
除了人工建站,許多企業(yè)還會選擇智能建站系統(tǒng)。然而,由于網(wǎng)站建筑系統(tǒng)的多...
2020-06-18 -
傳統(tǒng)的職業(yè)教育在互聯(lián)網(wǎng)時代遭遇瓶頸
職業(yè)教育正在以其極強大的實用性獲得廣泛用戶,目前,外語、IT、會計...
2018-08-06 -
新H5網(wǎng)站建設技術有哪些特點
新H5網(wǎng)站建設技術具備高度可視化編輯功能,網(wǎng)站建設無需編寫代碼,只需要...
2023-06-07 -
營銷型網(wǎng)站建設的主要內容
如今,網(wǎng)站建設作為企業(yè)實現(xiàn)網(wǎng)絡營銷的重要平臺,引起了人們廣泛的關注。從...
2013-11-02
預約專業(yè)咨詢顧問溝通!
免責聲明
非常感謝您訪問我們的網(wǎng)站。在您使用本網(wǎng)站之前,請您仔細閱讀本聲明的所有條款。
1、本站部分內容來源自網(wǎng)絡,涉及到的部分文章和圖片版權屬于原作者,本站轉載僅供大家學習和交流,切勿用于任何商業(yè)活動。
2、本站不承擔用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問題參見國家有關法律法規(guī),當本聲明與國家法律法規(guī)沖突時,以國家法律法規(guī)為準。
4、如果侵害了您的合法權益,請您及時與我們,我們會在第一時間刪除相關內容!
聯(lián)系方式:010-60259772
電子郵件:394588593@qq.com