天津博奧教育首頁>天津博奧教育培訓(xùn)課程學(xué)習(xí)輔助資料>網(wǎng)頁設(shè)計培訓(xùn)就業(yè)輔導(dǎo)學(xué)習(xí)資料>網(wǎng)頁設(shè)計中HTML的概述與基本結(jié)構(gòu)
注重實戰(zhàn)經(jīng)驗傳授,打造視覺設(shè)計精英
視覺設(shè)計培訓(xùn)天津博奧教育全新五合一教學(xué)模式線上下同時授課
1.十多年教學(xué)經(jīng)驗,由視覺設(shè)計行業(yè)專家授課
2.視覺設(shè)計采用WORKSHOP授課方式,更好吸收教學(xué)內(nèi)容
3.有問題可以隨時提出,不積壓問題及時解決問題
4.視覺設(shè)計培訓(xùn)學(xué)習(xí)期滿后可推薦就業(yè)
5.在工作中遇到技術(shù)或者設(shè)計上的問題給予免費指導(dǎo)
6.視覺設(shè)計培訓(xùn)課程可免費重修
天津平面設(shè)計培訓(xùn)分類
天津平面設(shè)計培訓(xùn)視覺設(shè)計培訓(xùn)精品設(shè)計培訓(xùn)課程推薦
天津平面設(shè)計培訓(xùn)就業(yè)實戰(zhàn)班
高端天津平面設(shè)計培訓(xùn)課程
UI設(shè)計師培訓(xùn)一對一
天津平面設(shè)計軟件培訓(xùn)
天津平面設(shè)計C4D培訓(xùn)
網(wǎng)頁設(shè)計中HTML的概述與基本結(jié)構(gòu)
本文章摘自天津平面設(shè)計培訓(xùn)全程實例教學(xué)小班精講十多年教學(xué)經(jīng)驗的天津博奧教育官網(wǎng)m.psnx.com.cn
一、HTML的概述與基本結(jié)構(gòu):HTML的英語意思是:Hypertext Marked Language,即超文本標(biāo)記語言,是一種用來制作超文本文檔的簡單標(biāo)記語言。超文本傳輸協(xié)議規(guī)定了瀏覽器在運行HTML文檔時所遵循的規(guī)則和進(jìn)行的操作.協(xié)議的制定使瀏覽器在運行超文本時有了統(tǒng)一的規(guī)則和標(biāo)準(zhǔn).用HTML編寫的超文本文檔稱為HTML文檔,它能獨立于各種操作系統(tǒng)平臺,自1990年以來HTML就一直被用作WWW(是WorldWideWeb的縮寫,也可簡寫WEB、中文叫做萬維網(wǎng))的信息表示語言,使用HTML語言描述的文件,需要通過WEB瀏覽器HTTP顯示出效果。所謂超文本,是因為它可以加入圖片、聲音、動畫、影視等內(nèi)容,事實上每一個HTML文檔都是一種靜態(tài)的網(wǎng)頁文件,這個文件里面包含了HTML指令代碼,這些指令代碼并不是一種程序語言,它只是一種排版網(wǎng)頁中資料顯示位置的標(biāo)記結(jié)構(gòu)語言,易學(xué)易懂,非常簡單。HTML的普遍應(yīng)用就是帶來了超文本的技術(shù)--通過單擊鼠標(biāo)從一個主題跳轉(zhuǎn)到另一個主題,從一個頁面跳轉(zhuǎn)到另一個頁面與世界各地主機(jī)的文件鏈接。直接獲取相關(guān)的主題。如下所示:通過HTML可以表現(xiàn)出豐富多彩的設(shè)計風(fēng)格:圖片調(diào)用:<IMG SRC="文件名"> 文字格式: <FONT SIZE="+5 " COLOR="#00FFFF">文字</FONT>通過HTML可以實現(xiàn)頁面之間的跳轉(zhuǎn):頁面跳轉(zhuǎn);〈A HREF="文件路徑/文件名"></A>,通過HTML可以展現(xiàn)多媒體的效果:聲頻:<EMBED SRC="音樂地址" AUTOSTART=true>;視頻:<EMBED SRC="視頻地址" AUTOSTART=true>,從上面我們可以看到HTML超文本文件時需要用到的一些標(biāo)簽。在HTML中每個用來作標(biāo)簽的符號都是一條命令、它告訴瀏覽器如何顯示文本。這些標(biāo)簽均由"<"和">"符號以及一個字符串組成。而瀏覽器的功能是對這些標(biāo)記進(jìn)行解釋,顯示出文字、圖像、動畫、播放聲音。這些標(biāo)簽符號用“<標(biāo)簽名字 屬性>”來表示。
HTML只是一個純文本文件。創(chuàng)建一個HTML文檔,只需要兩個工具,一個是HTML編輯器,一個WEB瀏覽器。HTML編輯器是用于生成和保存THML文檔的應(yīng)用程序。WEB瀏覽器是用來打開WEB網(wǎng)頁文件,提供給我們查看WEB資源的客戶端程序
二、 HTML的基本結(jié)構(gòu):一個HTML文檔是由一系列的元素和標(biāo)簽組成.元素名不區(qū)分大小寫.HTML用標(biāo)簽來規(guī)定元素的屬性和它在文件中的位置,HTML超文本文檔分文檔頭和文檔體兩部分,在文檔頭里,對這個文檔進(jìn)行了一些必要的定義,文檔體中才是要顯示的各種文檔信息。下面是一個最基本的html文檔的代碼:<HTML>---開始標(biāo)簽;<HEAD> --|頭部標(biāo)簽;<TITLE>一個簡單的HTML示例 </TITLE></HEAD><BODY> - |文件主體<CENTER>,| <H1>歡迎光臨我的主頁</H1>|;<BR>|;<HR> <FONT SIZE= 7 COLOR= red>|這是我第一次做主頁|</FONT>|;</CENTER>|</BODY>;</HTML> 結(jié)尾標(biāo)簽,<HTML></HTML>在文檔的最外層,文檔中的所有文本和html標(biāo)簽都包含在其中,它表示該文檔是以超文本標(biāo)識語言(HTML)編寫的。事實上,現(xiàn)在常用的Web瀏覽器都可以自動識別HTML文檔,并不要求有<html>標(biāo)簽,也不對該標(biāo)簽進(jìn)行任何操作,但是為了使HTML文檔能夠適應(yīng)不斷變化的Web瀏覽器,還是應(yīng)該養(yǎng)成不省略這對標(biāo)簽的良好習(xí)慣。<HEAD></HEAD>是HTML文檔的頭部標(biāo)簽,在瀏覽器窗口中,頭部信息是不被顯示在正文中的,在此標(biāo)簽中可以插入其它標(biāo)記,用以說明文件的標(biāo)題和整個文件的一些公共屬性。若不需頭部信息則可省略此標(biāo)記,良好的習(xí)慣是不省略。<title>和</title>是嵌套在<HEAD>頭部標(biāo)簽中的,標(biāo)簽之間的文本是文檔標(biāo)題,它被顯示在瀏覽器窗口的標(biāo)題欄。<BODY> </BODY>標(biāo)記一般不省略,標(biāo)簽之間的文本是正文,是在瀏覽器要顯示的頁面內(nèi)容。上面的這幾對標(biāo)簽在文檔中都是唯一的,HEAD標(biāo)簽和BODY標(biāo)簽是嵌套在HTML標(biāo)簽中的。
三、 HTML的標(biāo)簽與屬性:對于剛剛接觸超文本的朋友,遇到的最大的障礙就是一些用“<”和 “>”括起來的句子,我們稱它為標(biāo)簽,是用來分割和標(biāo)簽文本的元素,以形成文本的布局、文字的格式及五彩繽紛的畫面。標(biāo)簽通過指定某塊信息為段落或標(biāo)題等來標(biāo)識文檔某個部件。屬性是標(biāo)志里的參數(shù)的選項,HTML的標(biāo)簽分單標(biāo)簽和成對標(biāo)簽兩種。成對標(biāo)簽是由首標(biāo)簽<標(biāo)簽名>和尾標(biāo)簽</標(biāo)簽名>組成的,成對標(biāo)簽的作用域只作用于這對標(biāo)簽中的文檔。單獨標(biāo)簽的格式<標(biāo)簽名>,單獨標(biāo)簽在相應(yīng)的位置插入元素就可以了,大多數(shù)標(biāo)簽都有自己的一些屬性,屬性要寫在始標(biāo)簽內(nèi),屬性用于進(jìn)一步改變顯示的效果,各屬性之間無先后次序,屬性是可選的,屬性也可以省略而采用默認(rèn)值;其格式如下:<標(biāo)簽名字 屬性1 屬性2 屬性 3… >內(nèi)容</標(biāo)簽名字>作為一般的原則,大多數(shù)屬性值不用加雙引號。但是包括空格、%號,#號等特殊字符的屬性值必須加入雙引號。為了好的習(xí)慣,提倡全部對屬性值加雙引號。如:<font color="#ff00ff" face="宋體" size="30">字體設(shè)置</font> 注意事項:輸入始標(biāo)簽時,一定不要在“<”與標(biāo)簽名之間輸入多余的空格,也不能在中文輸入法狀態(tài)下輸入這些標(biāo)簽及屬性,否則瀏覽器將不能正確的識別括號中的標(biāo)志命令,從而無法正確的顯示你的信息。
下一篇:平面設(shè)計師必備軟件技巧coreldraw中鎖定暫不修改的對象
熱文:平面設(shè)計師必備軟件技巧coreldraw巧用快捷鍵進(jìn)行縮放操作
天津平面設(shè)計相關(guān)培訓(xùn):天津市天津平面設(shè)計培訓(xùn)、天津市天津平面設(shè)計培訓(xùn)就業(yè)班、天津UI設(shè)計培訓(xùn)、天津PS培訓(xùn)、天津C4D培訓(xùn)、天津AI培訓(xùn)、天津犀牛Rhino培訓(xùn)、 天津Solidworks培訓(xùn)、SolidWorks培訓(xùn)全科班、天津素描培訓(xùn)、天津CAD培訓(xùn)、天津室內(nèi)設(shè)計培訓(xùn)、天津建筑Rhino參數(shù)化設(shè)計培訓(xùn)、天津辦公軟件培訓(xùn)、天津各所大學(xué)到天津博奧教育的乘車路線
PS設(shè)計軟件培訓(xùn)課程學(xué)習(xí)輔導(dǎo)資料
為了更好的讓學(xué)員進(jìn)行學(xué)習(xí)PS設(shè)計軟件,天津博奧教育在專注天津平面設(shè)計培訓(xùn)課程的同時也為學(xué)員提供大量的PS軟件的學(xué)習(xí)輔導(dǎo)資料...
AI設(shè)計軟件培訓(xùn)課程學(xué)習(xí)輔導(dǎo)資料
學(xué)習(xí)平面設(shè)計中的AI軟件,想知道AI有多少應(yīng)用巧計,想更快的掌握AI軟件,想盡快學(xué)習(xí)并掌握AI軟件嗎?天津博奧教育提供大量...
CorelDRAW軟件培訓(xùn)學(xué)習(xí)輔導(dǎo)資料
天津平面設(shè)計培訓(xùn)課程中的CDR軟件是平面設(shè)計工作中重要的軟件之一,CDR軟件在使用中有好多實際技巧和經(jīng)驗,為了正好的學(xué)習(xí),天津博奧教育...
ID設(shè)計軟件培訓(xùn)課程學(xué)習(xí)輔導(dǎo)資料
為了更好的讓學(xué)員進(jìn)行學(xué)習(xí)ID設(shè)計軟件,天津博奧教育在專注天津平面設(shè)計培訓(xùn)課程的同時也為學(xué)員提供大量的id軟件的學(xué)習(xí)輔導(dǎo)資料...
天津平面設(shè)計培訓(xùn)文字設(shè)計學(xué)習(xí)輔導(dǎo)資料
文字在平面設(shè)計中的使用及表現(xiàn),在實際工作中是非常重要,同樣也是天津平面設(shè)計培訓(xùn)課程中的重點,不但在課上講解,還提供大量...
天津平面設(shè)計培訓(xùn)綜合應(yīng)用案例輔導(dǎo)資料
不但注重單個設(shè)計軟件的使用和技巧,更注重的是設(shè)計軟件的綜合應(yīng)用,用實際設(shè)計案例把設(shè)計軟件無縫銜接,課上授課下課技術(shù)指導(dǎo),還提供大量...
天津博奧教育地址:天津市南開區(qū)鞍山西道百腦匯科技大廈23樓2307室。
培訓(xùn)咨詢電話:022-58697923,022-58697932,18222233399。
天津博奧教育網(wǎng)址:m.psnx.com.cn
乘車路線:45、50、609、662、678、661、829、851、867、879(臥龍里站下)
640、687、859、705、829、849、847(世通大廈站下)













