国产午夜精品一区二区三区不-国产午夜精品一区二区三区不卡-国产午夜精品一区二区三区极品-国产午夜精品一区二区三区老-国产午夜精品一区二区三区漫-国产午夜精品一区二区三区嫩草

聊城網站制作公司,聊城網站建設,聊城網站優化,聊城網絡公司,聊城網站推廣,聊城網站運營,聊城網絡運營,聊城搜索引擎優化,聊城網頁設計,聊城網站制作
 
 
公司擁有五年的網站建設經驗,專業網站制作,推廣及網站優化,有大量優秀客戶案例
網站建設 | 設為首頁 | 加入收藏 | 聯系我們  
公告:熱烈慶祝聊城精英網絡2010版官方網站改版成功!
當前位置 :首頁 > 網頁知識  

網站建設之HTML語言學習教程(一) 聊城精英網絡

http://m.zjgjyh.cn   2010-11-16 22:45:57 來源:聊城網站建設 作者:精英網絡   人氣:

全寫: HyperText Mark-up Language
譯名: 超文件注標式語言(譯名之一)
簡釋:一種為普通文件中某些字句加上標示的語言,其目的在于運用標記(tag)使文件達到預期的顯示效果。
HTML 是在 SGML 定義下的一個描述性語言,或可說 HTML 是 SGML 的一個應用程式,HTML 不是程式語言,如 C++ 和 Java 之類,它只是標示語言,基本上你只要明白了各種 標記的用法便算學懂了 HTML,HTML 的格式非常簡單,只是由文字及標記組合而成,于 編輯方面,任何文字編輯器都可以,只要能將文件另存成 ASCII 純文字格式即可,當然 以專業的網頁編輯軟件為佳。  
■ 閱讀須知:
這一篇【HTML剖析】偏重于標記的介紹,考慮到易懂及每節的篇幅問題,我并不按 W3C 的 HTML 分類,這可令你更易選擇有興趣的標記,其中只有【文件標記】是必讀的,其 余可任意選擇。這一篇不會提及任何網頁編輯軟件,只要掌握了 HTML ,任何網頁 編輯工具都可以變成一把利器。  
■ 標記寫法:
任何標記皆由"<"及">"所圍住,如 <P>
標記名與小于號之間不能留有空白字符。
某些標記 要加上參數,某些則不必。如 <font size="+2">Hello</font>
參數只可加于起始標記中。
在起始標記之標記名前加上符號"/"便是其終結標記,如 </font>
標記字母大小寫皆可。

■ 圍堵標記與空標記:
標記按型態分為圍堵標記與空標記
圍堵標記
顧名思義,它以起始標記及終結標記將文字圍住,令其達到預期顯示效果。
例如 HTML Source : <b>Creation of Webpage</b> is my favourite.
顯示成: Creation of Webpage is my favourite.

其中 <b></b> 便稱為圍堵標記。
它以起始標記<b>及終結標記</b>標示文字 Creation of webpage ,令它顯示成粗體,兩者失其一都會發生錯誤顯示。


空標記
是指標記單獨出現,只有起始標記沒有終結標記。
例如 HTML Source:
I love Creation of Webpage.<br>It's a wonderful place.
顯示成:
I love Creation of Webpage.
It's a wonderful place.

其中換行標記<br>便屬空標記。
它的作用便是將標記后所有東西顯示于下一行,可見終結標記于它是沒意義的, 但有些人會為空標記加上終結標記,這是為方便記認而己,對 HTML 沒有影響。

HTML語言剖析之HTML標記一覽

標記 類型 譯名或意義 作 用 備注
文件標記
<HTML> ● 文件聲明 讓瀏覽器知道這是 HTML 文件   
<HEAD> ● 開頭 提供文件整體資訊   
<TITLE> ● 標題 定義文件標題,將顯示于瀏覽頂端   
<BODY> ● 本文 設計文件格式及內文所在   
排版標記
<!--注解--> ○ 說明標記 為文件加上說明,但不被顯示   
<P> ○ 段落標記 為字、畫、表格等之間留一空白行   
<BR> ○ 換行標記 令字、畫、表格等顯示于下一行   
<HR> ○ 水平線 插入一條水平線   
<CENTER> ● 居中 令字、畫、表格等顯示于中間 反對
<PRE> ● 預設格式 令文件按照原始碼的排列方式顯示   
<DIV> ● 區隔標記 設定字、畫、表格等的擺放位置   
<NOBR> ● 不折行 令文字不因太長而繞行   
<WBR> ● 建議折行 預設折行部位   
字體標記
<STRONG> ● 加重語氣 產生字體加粗 Bold 的效果   
<B> ● 粗體標記 產生字體加粗的效果   
<EM> ● 強調標記 字體出現斜體效果   
<I> ● 斜體標記 字體出現斜體效果   
<TT> ● 打字字體 Courier字體,字母寬度相同   
<U> ● 加上底線 加上底線 反對
<H1> ● 一級標題標記 變粗變大加寬,程度與級數反比   
<H2> ● 二級標題標記 將字體變粗變大加寬   
<H3> ● 三級標題標記 將字體變粗變大加寬   
<H4> ● 四級標題標記 將字體變粗變大加寬   
<H5> ● 五級標題標記 將字體變粗變大加寬   
<H6> ● 六級標題標記 將字體變粗變大加寬   
<FONT> ● 字形標記 設定字形、大小、顏色 反對
<BASEFONT> ○ 基準字形標記 設定所有字形、大小、顏色 反對
<BIG> ● 字體加大 令字體稍為加大   
<SMALL> ● 字體縮細 令字體稍為縮細   
<STRIKE> ● 畫線刪除 為字體加一刪除線 反對
<CODE> ● 程式碼 字體稍為加寬如<TT>   
<KBD> ● 鍵盤字 字體稍為加寬,單一空白   
<SAMP> ● 范例 字體稍為加寬如<TT>   
<VAR> ● 變數 斜體效果   
<CITE> ● 傳記引述 斜體效果   
<BLOCKQUOTE> ● 引述文字區塊 縮排字體   
<DFN> ● 述語定義 斜體效果   
<ADDRESS> ● 地址標記 斜體效果   
<SUB> ● 下標字 下標字   
<SUP> ● 上標字 指數(平方、立方等)   
清單標記
<OL> ● 順序清單 清單項目將以數字、字母順序排列   
<UL> ● 無序清單 清單項目將以圓點排列   
<LI> ○ 清單項目 每一標記標示一項清單項目   
<MENU> ● 選單清單 清單項目將以圓點排列,如<UL> 反對
<DIR> ● 目錄清單 清單項目將以圓點排列,如<UL> 反對
<DL> ● 定義清單 清單分兩層出現   
<DT> ○ 定義條目 標示該項定義的標題   
<DD> ○ 定義內容 標示定義內容   
表格標記
<TABLE> ● 表格標記 設定該表格的各項參數   
<CAPTION> ● 表格標題 做成一打通列以填入表格標題   
<TR> ● 表格列 設定該表格的列   
<TD> ● 表格欄 設定該表格的欄   
<TH> ● 表格標頭 相等于<TD>,但其內之字體會變粗   
表單標記
<FORM> ● 表單標記 決定單一表單的運作模式   
<TEXTAREA> ● 文字區塊 提供文字方盒以輸入較大量文字   
<INPUT> ○ 輸入標記 決定輸入形式   
<SELECT> ● 選擇標記 建立 pop-up 卷動清單   
<OPTION> ○ 選項 每一標記標示一個選項   
圖形標記
<IMG> ○ 圖形標記 用以插入圖形及設定圖形屬性   
連結標記
<A> ● 連結標記 加入連結   
<BASE> ○ 基準標記 可將相對 URL 轉絕對及指定連結目標   
框架標記
<FRAMESET> ● 框架設定 設定框架   
<FRAME> ○ 框窗設定 設定框窗   
<IFRAME> ○ 頁內框架 于網頁中間插入框架 IE
<NOFRAMES> ● 不支援框架 設定當瀏覽器不支援框架時的提示   
影像地圖
<MAP> ● 影像地圖名稱 設定影像地圖名稱   
<AREA> ○ 連結區域 設定各連結區域   
多媒體
<BGSOUND> ○ 背景聲音 于背景播放聲音或音樂 IE
<EMBED> ○ 多媒體 加入聲音、音樂或影像   
其他標記
<MARQUEE> ● 走動文字 令文字左右走動 IE
<BLINK> ● 閃爍文字 閃爍文字 NC
<ISINDEX> ○ 頁內尋找器 可輸入關鍵字尋找于該一頁 反對
<META> ○ 開頭定義 讓瀏覽器知道這是 HTML 文件   
<LINK> ○ 關系定義 定義該文件與其他 URL 的關系   
StyleSheet
<STYLE> ● 樣式表 控制網頁版面   
<span> ● 自訂標記 獨立使用或與樣式表同用   

注:

● 表示該標記屬圍堵標記,即需要關閉標記如 </標記>。
○ 表示該標記屬空標記,即不需要關閉標記。
IE 表示該標記只適用于 Internet Explorer。
NC 表示該標記只適用于 Netscape Communicator。
反對 表示該標記不為 W3C 所贊同,通常這標記是 IE 或 NC 自訂,且己為眾所支 持,只是 HTML 標準中有其它同功能或更好的選擇。
棄用 表示該標記己為 W3C 所棄用,是過時的標記,但 HTML 具向下兼容的特 性,不用擔心新瀏覽器不支援舊標記。
新 表示該標記是 HTML 4.0 中新增的。

 

專業設計團隊
滿足您的各種設計要求
實力程序開發團隊
為您定制各種程序模塊
后臺管理高效安全
方便更新上傳網站資料
全球高速訪問
無盲區、定制異地備份
專業客服團隊
解決一切使用難題
贈送大容量空間郵箱
免費優化推廣
   
關于我們 | 工作機會 | 付款方式 | 網站制作 | 網頁制作 | 網頁設計 | 網絡公司 | 聯系我們 | 網站地圖
版權所有:聊城精英網絡科技有限公司 © 2005-2010 All Rights Reserved.
咨詢專線:0635-6950368 技術專線:15192175820 在線QQ:312817927 1485871644
地址:聊城市閘口科技市場 郵編:252000 蘇ICP備10112026號
主站蜘蛛池模板: 日本丰满大乳人妻无码 | 国产精品美乳在线 | 精品免费看一区二区三区A片 | 人妻潮喷失禁 | 国产成人精品无码区 | 抱着娇妻让朋友一起弄 | 亚永久精品大片WW免费APP | 国产一区二区三区乱码在线观看 | 无码丰满少妇2在线观看 | 亚洲av无码国产精品色午夜洪 | 成人免费无码大片a毛片抽搐色欲 | 精品人妻中文无码av在线 | 亚洲国产艾杏在线观看 | 亚洲AV无码专区A片奶水 | 免费超爽大片黄 | 韩剧甜性涩爱 | 国产成人精品视频专区 | 国产成人av一区二区三区在线 | 欧美日韩亚洲中文综合 | 国产精品久久久久久福利 | 伊人亚洲中文字幕在线观看 | 蜜臀AV久久国产午夜福利软件 | 欧美国产精品一区二 | 毛片小视频在线观免费观看 | 亚洲狼人伊人中文字幕 | 日韩精品一区二区三区 | 国产亚洲精品无码成人 | 中文无码亚洲精品字幕在线观 | 无码激情全黄做爰片 | 加勒比精品性爱视频在线观看 | 日韩欧美一区二区中文字幕 | 欧美日韩精品无码免费毛片 | 亚洲伊人成综合成人网 | 亚洲狠狠婷婷综合久久久久 | 女人做爰的全部过程 | 亚洲一区二区三区在线网站 | 成人视频在线视频 | 色欲狠狠躁天天躁无码中文字幕l | 国产丝袜肉丝视频在线观看 | 99久久精品费精品国产一区二区 | 亚洲制服丝袜中 |