什麼叫做語義化呢，說的通俗點就是：明白每個標籤的用途（在什麼情況下使用此標籤合理），比如，網頁上的文章的標題就可以用標題標籤，網頁上的各個欄目的欄目名稱也可以使用標題標籤。文章中內容的段落就得放在段落標籤中，在文章中有想強調的文字，就可以使用 em 標籤表示強調等等。
在網頁上要展示出來的頁面內容一定要放在body標籤中。如下圖是乙個新聞文章的網頁。
瀏覽器效果如下：
p標籤title>
head>
我的第乙個段落。p>
我的第二個段落。p>
body>
html>
四級標題h4>
五級標題h5>
六級標題h6>
body>
需要強調的文字em>
需要強調的文字strong>
文字span>http-equiv="content-type"
content="text/html; charset=utf-8">
了不起的蓋茨比title>
span
style>
head>
美國夢span>。p>
菲茨杰拉德strong>
p>
愛麗絲em>
p>
body>
html>
引用文字q>http-equiv="content-type"
content="text/html; charset=utf-8">
q標籤title>
head>
周瑜，確實也配的上那句聰明秀出為之英，膽略過人為之雄。q>
p>
body>
html>
blockquote標籤的使用title>
head>
大家都在忙於自認為最重要的事情，卻沒能享受到人生的樂趣，反而要吞下苦果？p>
暗淡輕黃體性柔，情疏跡遠只香留。blockquote>在瀏覽器中顯示效果如下，可以看到被何須淺碧深紅色，自是花中第一流。blockquote>
這是李清照《詠桂》中的詞句，在李清照看來，桂花暗淡青黃，性情溫柔，淡泊自適，遠比那些大紅大紫爭奇鬥艷花值得稱道。p>
body>
html>
br標籤的使用title>
head>
暗淡輕黃體性柔，
情疏跡遠只香留。
何須淺碧深紅色，
自是花中第一流。
空格講解title>
hr標籤使用title>
head>
火車飛馳過暗夜裡的村莊，月光，總是太容易讓思念寂寞，太容易讓人覺得孤獨。p>
每一枚被風吹起的蒲公英，都載滿了一雙眼睛的深情告別與乙個目光的依依不捨。p>
body>
html>
聯絡位址資訊address>
address標籤介紹title>
code標籤介紹title>
head>
我們可能知道水平漸變的實現，類似這樣：code>
pre標籤的使用title>
head>
var message="歡迎";
for(var i=1;i<=10;i++)
pre>
body>
html>
HTML基礎標籤認識
1.標題標籤 標題是通過 h1 h6 等標籤來定義的，h1 定義最大的標籤，h6 定義最小的標籤。我是h62.段落標籤 一段一段文字的時候使用 白日依山盡 黃河入海流 欲窮千里目 更上一層樓 3.鏈結標籤 通過 a 標籤來建立鏈結。頁面間的跳轉 頁面內的跳轉 回到頂部 5.列表標籤 順序 order...
HTML標籤及其屬性認識
1.掌握html文件結構 2.掌握html標籤及其屬性的寫法。3.掌握常用標籤的使用 1.建議讀者每完成一部分的 都要用瀏覽器檢視效果，在過程中感受html標記的神奇。2.製作專案時認真體會頁面的布局 不同html標記的語義及屬性。3.編輯 過程中，出現問題不要擔心，可以檢查是否有錯誤字元 標點符號...
HTML認識和常用標籤
宣告文件 是網頁中最大的標籤，所有內容都要寫在此標籤內body 身體 網頁的身體部分 網頁中只要是顯示給使用者的內容，都寫在此標籤內 空格 大於號 小於號 可以使用網路或者本地的 使用的是本地的資源 絕對路徑 不考慮當前檔案的位置，從根目錄去查詢指定的資源 推薦使用相對路徑 無序列表 ul中的直接子...