認識標籤《一》

2021-07-08 15:34:19 字數 2236 閱讀 6594

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

如果想在網頁上顯示文章,這時就需要

標籤了,把文章的段落放到

標籤中。

語法:

段落文字p>

注意一段文字乙個

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

標籤中。

我們將使用標籤來製作文章的標題。

標題標籤一共有6個,h1、h2、h3、h4、h5、h6分別為一級標題、二級標題、**標題、四級標題、五級標題、六級標題。並且依據重要性遞減。想在一段話中特別強調某幾個文字,這時候就可以用到標籤。

但兩者在強調的語氣上有區別: 表示強調,表示更強烈的強調。並且在瀏覽器中 預設用斜體表示,用粗體表示。兩個標籤相比,目前國內前端程式設計師更喜歡使用表示強調。

語法:需要強調的文字em>

需要強調的文字strong>

為文字設定單獨樣式

我們對、、這三個標籤進行一下總結:

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

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

語法:文字span>

短文本引用,真正語義是引用別人的話

語法:

引用文字q>

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

也是引用別人的文字。但它是對長文字的引用,如在文章中引入大段某知名作家的文字

語法:

引用文字blockquote>
瀏覽器對

標籤的解析是縮排樣式。如下圖所示:

相當於word文件中的回車。

語法:

xhtml1.0寫法:

html4.01寫法:

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

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

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

、和在 html **中輸入回車、空格都是沒有作用的。在html文字中想輸入回車換行,就必須輸入

輸入空格

語法:
在html**中輸入空格是不起作用的

新增水平橫線

語法:

html4.01版本

xhtml1.0版本

注意:1.

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

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

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

展示聯絡位址資訊如公司的位址,也可以定義乙個位址(比如電子郵件位址)、簽名或者文件的作者身份。

語法:

聯絡位址資訊address>

如:文件編寫:lilian 北京市西城區德外大街10號address>

href="mailto:[email protected]">liliana>

address>

加入一行**

語法:

**語言code>

注:如果是多行**,可以使用

標籤。

加入大段**

語法:

語言**段pre>

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

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

認識標籤(一)

文章標題標籤一共有6個標籤分別是 h1 h2 h3 h4 h5 h6 分別為一級標籤 六級標籤,並依據重要性遞減,是最高的等級。語法 標題文字 x為1 6 簡短文字引用標籤 長文字引用標籤 瀏覽器對標籤的解析是縮排樣式 空格標籤 換行標籤 像這樣子的都是空標籤,只有開始沒有結束。水平線標籤 無序列表...

基礎標籤認識

計算機的單位 基本單位 位元組 b 乙個字元佔乙個位元組,乙個漢字佔兩個位元組 最小單位 位 bit 1b 8bit 1kb 千位元組 1024b 1mb 兆位元組 1024kb 標題標籤 n 1 6,逐級變小 特點 字型加粗,自動換行 段落標籤 特點 自動換行 屬性 align left righ...

a標籤的深度認識

本教程適用於html中a標籤的認識 主要內容 a是anchor的縮寫 web path target content a target value說明 特殊的目標 有 4 個保留的目標名稱用作特殊的文件重定向操作 blank 瀏覽器總在乙個新開啟 未命名的視窗中載入目標文件。self 這個目標的值對...