語義化，讓你的網頁更好的被搜尋引擎理解
在這一章節我們要開始把網頁中常用到的標籤一 一向大家介紹，學習這一章節的時候要記住學習html標籤過程中，主要注意兩個方面的學習：標籤的用途、標籤在瀏覽器中的預設樣式。
標籤的用途：我們學習網頁製作時，常常會聽到乙個詞，語義化。那麼什麼叫做語義化呢，說的通俗點就是：明白每個標籤的用途（在什麼情況下我可以使用這個標籤才合理）比如，網頁上的文章的標題就可以用標題標籤，網頁上的各個欄目的欄目名稱也可以使用標題標籤。文章中內容的段落就得放在段落標籤中，在文章中有想強調的文字，就可以使用em標籤表示強調等等。
講了這麼多語義化，但是語義化可以給我們帶來什麼樣的好處呢？
1. 更容易被搜尋引擎收錄。
2. 更容易讓螢幕閱讀器讀出網頁內容。
在本章節會帶領大家學習了解html中每個標籤的語義（用途）。
預設用斜體表示，用粗體表示。兩個標籤相比，目前國內前端程式設計師更喜歡使用表示強調。
1. 和標籤是為了強調一段話中的關鍵字時使用，它們的語義是強調。
2. 標籤是沒有語義的，它的作用就是為了設定單獨的樣式用的。
2023年的春天，乙個想要成名名叫尼克•卡拉威（托比•馬奎爾tobey maguire 飾）的作家，離開了美國中西部，來到了紐約。那是乙個道德感漸失，爵士樂流行，走私為王，**飛漲的時代。為了追尋他的美國夢，他搬入紐約附近一海灣居住。
菲茨杰拉德，二十世紀美國文學巨擘之一，兼具作家和編劇雙重身份。他以詩人的敏感和戲劇家的想象為"爵士樂時代"吟唱華麗輓歌，其詩人和夢想家的氣質亦為那個奢靡年代的不二註解。
引用文字
的作用也是引用別人的文字。但它是對長文字的引用，如在文章中引入大段某知名作家的文字，這時需要這個標籤。
使用標籤分行顯示文字
暗淡輕黃體性柔，
情疏跡遠只香留。
何須淺碧深紅色，
自是花中第一流。
為你的網頁中新增一些空格
在上一節的例子，我們已經講解過在html**中輸入空格、回車都是沒有作用的。要想輸入空格，必須寫入 。
認識標籤，新增水平橫線
在資訊展示時，有時會需要加一些用於分隔的橫線，這樣會使文章看起來整齊些。如下圖所示：
語法：html4.01版本
xhtml1.0版本
注意：1. 標籤和
標籤一樣也是乙個空標籤，所以只有乙個開始標籤，沒有結束標籤。
2. 標籤的在瀏覽器中的預設樣式線條比較粗，顏色為灰色，可能有些人覺得這種樣式不美觀，沒有關係，這些外在樣式在我們以後學習了css樣式表之後，都可以對其修改。
3. 大家注意，現在一般使用 xhtml1.0 的版本（其它標籤也是），這種版本比較規範。
標籤，為網頁加入位址資訊
想加入一行**嗎？使用標籤
在介紹語言技術的**中，必免不了在網頁中顯示一些計算機專業的程式設計**，當**為一行**時，你就可以使用標籤了，如下面例子：
var i=i+300;
注：如果是多行**，可以使用標籤。
語法：語言**段
標籤的主要作用:預格式化的文字。被包圍在 pre 元素中的文字通常會保留空格和換行符。
注意：標籤不只是為顯示計算機的源**時用的，在你需要在網頁中預顯示格式時都可以使用它，只是標籤的乙個常見應用就是用來展示計算機的源**。
無序列表——ul-li
有序列表——ol-li
使用ul，新增新聞資訊列表
在瀏覽網頁時，你會發現網頁上有很多資訊的列表，如新聞列表、列表，如下圖所示。
這些列表就可以使用ul-li標籤來完成。ul-li是沒有前後順序的資訊列表。
語法：使用ol，新增圖書銷售排行榜
如果想在網頁中展示有前後順序的資訊列表，怎麼辦呢？如，當當網上的書籍熱賣排行榜，如下圖所示。這類資訊展示就可以使用標籤來製作有序列表來展示。語法：
資訊資訊
......
認識div在排版中的作用
在網頁製作過程過中，可以把一些獨立的邏輯部分劃分出來，放在乙個標籤中，這個標籤的作用就相當於乙個容器。給div命名，使邏輯更加清晰
在上一小節中，我們把一些標籤放進裡，劃分出乙個獨立的邏輯部分。為了使邏輯更加清晰，我們可以為這乙個獨立的邏輯部分設定乙個名稱，用id屬性來為提供唯一的名稱，這個就像我們每個人都有乙個身份證號，這個身份證號是唯一標識我們的身份的，也是必須唯一的。語法：
…
建立**的四個元素：
table、tbody、tr、th、td
3、…：**的一行，所以有幾對tr **就有幾行。
4、…：**的乙個單元格，一行中包含幾對...，說明一行中就有幾列。
5、…：**的頭部的乙個單元格，**表頭。
6、**中列的個數，取決於一行中資料單元格的個數。
總結：
1、table**在沒有新增css樣式之前，在瀏覽器中顯示是沒有**線的
2、表頭，也就是th標籤中的文字預設為粗體並且居中顯示
caption標籤，為**新增標題和摘要
標題，用以描述**內容，標題的顯示位置：**上方。
語法：標題文字……
……在新建瀏覽器視窗中開啟鏈結
標籤在預設情況下，鏈結的網頁是在當前瀏覽器視窗中開啟，有時我們需要在新的瀏覽器視窗中開啟。
如下**：
click here!
4、影象可以是gif，png，jpeg格式的影象檔案。
HTML 學習筆記第一天
主要是通過菜鳥教程，剛剛開始寫的筆記，文筆較差望諒解 html 指的是超文字標記語言 hypertext markup language html 不是一種程式語言，而是一種標記語言 標記語言是一套標記標籤 markup tag html 使用標記標籤來描述網頁 html 文件包含了html 標籤及...
HTML學習第一天筆記
簡介 html 英語 超文字標記語言，簡稱 html 也叫作超文字標記語言，是一種使用結構化web網頁及其內容的標記語言，您可以使用html來建立自己的web站點。通過學習本教程，您可以使用html來建立站點。html是非常容易學習的！相信您可以很快學會它！例項 我是第乙個標題h1 我是第乙個段落。...
html學習第一天
由於之後想做個 所以web前端的也要學習一下。昨天看了一下html,今天做一下記錄。html是超文字標記語言 說白了其實就是一種規範。按照這種規範來寫，瀏覽器就能進行解釋，這時候瀏覽器就是個直譯器。今天主要講解幾個標籤1.這六個標籤屬於一類,都是指標題，後邊帶的數字是說明標題字型大小的 2.字型加粗...