教你如何學好HTML代碼
對于做網頁的朋友來說，能自己學好一門寫網頁語言很重要，想要學好如何寫好網站必須先學習如何學習代碼，下面教大家幾個要點:一、記住下面語法。
1.1一般標記
般標記是由一個起始標記(Opening Tag)和一個結束標記(Ending Tag)所組成，其語法為: <x>受控文字<X>
其中，x代表標記名稱。<X和<心>就如同一組開關起始標記<x>為 開啟(ON)的某種功能，而結束標記</x>(通常為起始標記加上一個斜線)為關(OFF)功能，受控制的文字資訊便放在兩標記之間。例如。<個這是斜體字心。
標記之中還可以附加一些屬性(ttribute),用來完成某些特殊效果或功能。例如: <xa1l="v1-"2="v" an="n">受控文字<X>
其中，al,2... an為屬性名稱，而v1v2.vn則是其所對應的屬性值，屬性值加不加引號，目前所使用的瀏覽器都可接受，但依據w3C的新標準，屬性值是要加引號的，所以最好養成加引號得習慣。
2空標記
雖然大部分的標記是成雙成對出現的，但也有一些是單獨存在的。這些單獨存在的標記稱為空標記(Empty Tags)。其與法為:>
同樣，空標記也可以附加一些屬性(ttribute)，用來完成某些特殊效果或功能。如: <xal="v1"2-"v2,an="vn">，例如: <hr><br>等
W3C定義的新標準(XHTML1 07HTML40)建議:空標記應以/結尾，即:<X />如果附加屬性則為，xa1="v1"a2="v2. an="vn"/>
目前所使用的瀏覽器對于空標記后面是否要加/并沒有嚴格要求，即在空標記最后在/和沒有加，不影響其功能。但是如果希望你的檔案能滿足最新標準，那么最好加上/。
2. HTML標記分類:中展開可真國新
2.1檔案結構標記(Document Strucure Tags)此類標記的目的是用來標示出檔案的結構，主要的有:<html>.</html>標示html檔案的起始和終止。<head></head>:標示出檔案標題區。<body></body>.標示出檔案主體區
22區段格式標記(Block Fomatting Tags) E
此類標記的主要用途是將HTML檔案中得某個區段文字以特定格式顯示，增加檔案的可看度。主要的有:
-title> </title>:檔案題目 。
<hi>_ </hi>--12.6.網頁標題。中路正二<hr>:產生水平線。<br>強迫換行。
SP..</p>.檔案段落。
<pre></pre>.以原始格式顯示。
ds./adrese標注聯絡人姓名、電話、地址等資訊。<blokquote>.</locoquoe>區段參考標記。有2.3字符格式標記(Character Formatting Tags)
用來改變HIML檔案文字的外觀，增加檔案的美觀程度。主要有， <b>..</b>:粗體字。<...</>:斜體字。<t...<.tt>:打字體。
<font>.. </font:改變字體設定。<cent.r...</center> 居中對齊。<blink>.. </blink>:文字閃爍。<big... </big>加大字號。<smal1>.. </small>:縮小字號。<ite... </cite>:參照。2.4串列標記(List Tags)<u...</u1>:無編號串列。<ol>.. </o1:有編號串列。<1>..</i>:串列專案。<dD>. </d>:定義式串列。<dd>.. </dd>:定義專案。<dt>.. /dt>:定義專案。
<dir>.. </dir>:目錄式串列。其<menu>.. </menu>選單式串列。2.5鏈接標記(Anchor Tag)
2.5鏈接標記(Anchor Tag)
鏈接可以說是html超文本檔案的命脈，html通過鏈接標記來整合分散在世界各地的圖、文、影、音等資訊。此類標記的主要用途為標示超文本檔案鏈接(HyertextLink),主要有:<a>_</a>:建立超級鏈接。我我
2.6多媒體標記(MultimediaTag)楚事此類標記用來顯示影像資料。主要有<mg>嵌入影像。的道越菜<embed嵌入多媒體物件。<bgsound>背景音樂。
2.7表格標記(TableTags)啥訓
此類標記用制作表格。主要有青重星己三三table/lable>:定義表格區段。
Ccaption/eation>.表格標題。皇是<th_</th>:表頭。
t>//t>:表格列。，要重是三心<td>之td，表格單元格。2.8表單標記(Fom Tags)
此類標記用來制作互動式表單，主要的有:
少表明表單區段的開始與結束。<FornD>./form> 單選按鈕、復選框等。<input>tr產生單行文本框、
3.檔案結構標記
-一個html檔案的結構基本上可以分為兩部分，一部分稱為標題區(Head Section);另一部分稱為主體區(Body Section)。檔案結構標記就是用來標示出何處屬于標題，何處屬于主體。
3.1- <html>:標示整份檔案用途:標示整篇html檔案
說明:一個標準的html檔案是一篇以<html>開頭，而以<html>結束的檔案。即:<htm1>
html檔案全文</html>
3.2<head>:標示出檔案標題區
說明: htnl檔案中，由<head 和<head>所夾住的區域稱為檔案的標題區。通常head區段都內含在html區段之中，即:
<html><head>
html檔案標題區</head>
</htm1>
3.3<title>:網頁標題
<tl.../tile>.是html檔案標題區中最重要也是最常用的標記。其他標題區的標記還包括<base>、<isindex>、 <link>、 <nextid>、 <meta>等 。
<title> 標記的用途是設定網頁標題，這個標題會顯示在瀏覽器視窗的標題欄上，不會出現在瀏覽器的頁面(page)文字中。而大部分瀏覽器的收藏(My Favorites)、書簽(BookMark)或歷史記錄串列(History List)功能，也都是以這個檔案的標題作為名稱的。
_te:/itle>所標注的文字并無長度的限制，不過太長的標題，有時可能會被截掉，并且也不容易記憶。
3.4<body>:標示出檔案主體區
說明:在html檔案中，由bod>. <ody>所夾住的區域稱為檔案的主體區，通常是在<head>區段之后。
3. s<body>標記的屬性backgroud屬性:
這不匯性可以指定一個限形檔案船為的或作為青得園深。該圖形會營拼資對一樣鋪成整個網頁的底圖。二、多看網站。
三、多練習做網站。二買三購酒商城
uj5u.com熱心網友回復：
不錯 很有幫助uj5u.com熱心網友回復：
值得一看 對學電商的同學很有幫助 感謝樓主的分享uj5u.com熱心網友回復：
不錯， 很棒uj5u.com熱心網友回復：
非常好，值得觀看，加油uj5u.com熱心網友回復：
謝謝咯，希望對你有用
uj5u.com熱心網友回復：
謝謝，希望你能喜歡，給你帶來的幫助
uj5u.com熱心網友回復：
謝謝觀看哦，，，，希望對你有好處呢
uj5u.com熱心網友回復：
很感謝樓主的分享，因為樓主的分享，我學會了很多好html的學習方法喲uj5u.com熱心網友回復：
很好 學到了東西 感謝分享uj5u.com熱心網友回復：
感謝樓主的分享 很棒哦uj5u.com熱心網友回復：
不錯，對我們很有幫助uj5u.com熱心網友回復：
謝謝哦，希望對你用，，，，
uj5u.com熱心網友回復：
謝謝，希望對你有用，，，，，
uj5u.com熱心網友回復：
希望對你有用哦，，，，，
uj5u.com熱心網友回復：
很有用，對于這個專業的人uj5u.com熱心網友回復：
樓主，分享很有用哦，幫助很大uj5u.com熱心網友回復：
謝謝親，希望對你的學習有幫助到
uj5u.com熱心網友回復：
謝謝樓主的分享，讓我學到更多代碼uj5u.com熱心網友回復：
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/118978.html
標籤：非技術版
下一篇：怎樣兩表欄位資料做減法