第二章 body標籤裡的故事

2021-07-25 16:07:46 字數 3227 閱讀 2950

宣告:這篇博文是通過在慕課網課程學習後,整理的筆記用來複習,在這裡非常感謝老師的講解。(我是在☞html+css基礎學習☜學習的)

標籤的用途:我們學習網頁製作時,常常會聽到乙個詞,語義化。那麼什麼叫做語義化呢,說的通俗點就是:明白每個標籤的用途(在什麼情況下使用此標籤合理)比如,網頁上的文章的標題就可以用標題標籤,網頁上的各個欄目的欄目名稱也可以使用標題標籤。文章中內容的段落就得放在段落標籤中,在文章中有想強調的文字,就可以使用 strong 標籤表示強調等等。

講了這麼多語義化,但是語義化可以給我們帶來什麼樣的好處呢?

1. 更容易被搜尋引擎收錄。

2. 更容易讓螢幕閱讀器讀出網頁內容。

在後面的章節會帶領大家學習了解html中每個標籤的語義(用途)。

在網頁上要展示出來的頁面內容一定要放在body標籤中。

語法:段落文字

注意一段文字一對

標籤,如在一篇新聞文章中有3段文字,就要把這3個段落分別放到3對

標籤中。如下圖所示:

在瀏覽器中顯示的效果:

標題標籤一共有6個,h1、h2、h3、h4、h5、h6分別為一級標題、二級標題、**標題、四級標題、五級標題、六級標題。並且依據重要性遞減。是最高的等級。

語法:標題文字 (其中x為1-6)。

可以看到:標題標籤的樣式都會加粗,h1標籤字型大小最大,h2標籤字型大小相對h1要小,以此類推h6標籤的字型大小最小。

需要強調的文字

1.標籤是為了強調一段話中的關鍵字時使用,它們的語義是強調。

2.標籤是沒有語義的,它的作用就是為了設定單獨的樣式的。

比如想把「美國夢」三個字設定成blue(藍色),但注意不是為了強調「美國夢」,而只是想為它設定和其它文字不同的樣式(並不想讓螢幕閱讀器對「美國夢」這三個字加重音讀出),所以這樣情況下就可以用到標籤了。

比如在你的網頁的文章裡想引用某個作家的一句詩,這樣會使你的文章更加出彩,那麼標籤是你所需要的。

語法:引用文字

注意:要引用的文字不用加雙引號,瀏覽器會對q標籤自動新增雙引號。

注意:這裡用標籤的真正關鍵點不是它的預設樣式雙引號(如果這樣我們不如自己在鍵盤上輸入雙引號就行了),而是它的語義:引用別人的話。

的作用也是引用別人的文字。但它是對長文字的引用,如在文章中引入大段某知名作家的文字,這時需要這個標籤。不要忘記標籤是對簡短文字的引用,比如說引用一句話就用到標籤。

語法:引用文字

如下面的例子:

明月出天山,蒼茫雲海間。長風幾萬里,吹度玉門關。漢下白登道,胡窺青海灣。由來征戰地,不見有人還。 戍客望邊色,思歸多苦顏。高樓當此夜,嘆息未應閒。blockquote>
瀏覽器對標籤的解析是縮排樣式。如下圖所示:

在 html 中是忽略回車和空格的,你輸入的再多回車和空格也只顯示乙個回車和空格。必須使用標籤來實現多個空格和標籤。

語法:

html4.01寫法:

xhtml1.0寫法:

大家注意,現在一般使用 xhtml1.0 的版本的寫法(其它標籤也是),這種版本比較規範。

與以前我們學過的標籤不一樣,

標籤是乙個空標籤,沒有html內容的標籤就是空標籤,空標籤只需要寫乙個開始標籤,這樣的標籤有

、和在上一節的例子,我們已經講解過在html**中輸入空格、回車都是沒有作用的。要想輸入空格,必須寫入

語法:

在資訊展示時,有時會需要加一些用於分隔的橫線,這樣會使文章看起來整齊些。如下圖所示:

語法:

html4.01版本

xhtml1.0版本

注意:

1.標籤和

標籤一樣也是乙個空標籤,所以只有乙個開始標籤,沒有結束標籤。

2.標籤的在瀏覽器中的預設樣式線條比較粗,顏色為灰色,可能有些人覺得這種樣式不美觀,沒有關係,這些外在樣式在我們以後學習了css樣式表之後,都可以對其修改。

3. 大家注意,現在一般使用 xhtml1.0 的版本(其它標籤也是),這種版本比較規範。

標籤的預設樣式。

var i=i+300;code>語法:**語言

如果是插入多行**,可以使用

標籤。 

語法:語言**段

標籤的主要作用:預格式化的文字。被包圍在 pre 元素中的文字通常會保留空格和換行符。 

如下**:

var message="歡迎";

注意:標籤不只是為顯示計算機的源**時用的,在你需要在網頁中預顯示格式時都可以使用它,只是標籤的乙個常見應用就是用來展示計算機的源**。

小Printf的程式設計故事 第二章

小printf的程式設計故事 第二章 故事中的我終於和小printf相遇了。他們之間,會發生些什麼呢?上一章 就這樣,我開始滿世界地演講,教別人怎麼去做一些有時候我自己都沒有做過的事情,不過大家似乎都相信了我是一名真正的程式設計師,而理由正是我做的那些與程式設計沒有太大關係的事。有一天,我參加完乙個...

《人性的弱點》第二章 故事總結

司華伯管理下的一家工廠,那位負責的廠長,無法使他管理的工人達到標準化的生產量。司華伯問那個廠長 這到底是怎麼回事?像你這樣乙個能幹的人,竟不能使那些工人達到工廠預計的生產量?廠長回答說 我也弄不清楚是怎麼回事。我用溫和的話鼓勵他們,有時不得已去斥責他們,甚至用降職 撤職來恐嚇他們,可是那些工人就是不...

MySQL第二章總結 Mysql第二章 儲存引擎

1 本章目標 儲存引擎 資料型別 重點 2 儲存引擎 在關係型資料庫中,資料儲存在表中,表由行和列組成。開發中,可能需要各種不同的表,有的表簡單,有的表複雜,有的表讀取快,有的讀取資料慢,有的表更新快等。根據對資料的不同的處理需求,使用不同的儲存引擎,可以將mysql資料庫的效能發揮到最大。查詢my...