這些標記用于將頁面分成多個部分。熟練地掌握這些標記將意味著構建出具有良好的結構和布局的頁面,使其更加友好和易于閱讀。
div標記定義了HTML文件中的一個部分或分區。它通常包含需要組合在一起的標題、段落、表格或其他元素。通過設置<div class="">與css一起使用來設置網頁某個部分的顯示。
p標記用來定義文本的段落,就像你在書中看到的那樣,一旦文本達到屏幕邊緣就會自動折到下一行。當另一個<p>標記用于開始下一個段落時,瀏覽器將在段落之間添加一些空白。p標記具有以下屬性:
span標記用于將內聯元素組合在一起,例如句子中的幾個單詞,以便僅對這些單詞應用css樣式。span標記可以在div和p標記中使用,因為它不會創建新的塊。
br標記相當于一個回車符,用于在新行開始文本。一行中的多個<br>標記將在網頁上創建一個很大的垂直空間。
hr標記通常被稱為HTML行分隔符標記,創建一條通常用于視覺上分隔頁面的水平線。它具有以下屬性:
出于某種原因,你希望文本在一條直線上繼續,而不是在屏幕的邊緣換行,可以使用nobr。注意:這將迫使用戶向右滾動以查看行的其余部分,這是一種糟糕的設計。
下面是以上標記的示例:
瀏覽器顯示內容如下所示:
雙標簽:就是成對出現的,類似于這種 <html> </html>
單標簽:就是可以單個使用的,類似于 <br> 換行標簽 或 <hr>水平線標簽。
標簽的屬性是用來定義文字或字符的 顏色、寬高、粗細、大小、等,這個是標簽屬性的作用。
1、每一個標簽都有自己的屬性,單標簽和雙標簽都有。
2、一個標簽可以有多個屬性。
3、每個屬性都有對應的值,值要用單或雙引號引起來。
4、多個屬性之間使用空格隔開。
5、屬性沒有順序之分。
6、字體屬性值,必須是系統可以識別的字體,一般為系統自帶字體。
7、HTML5 中 font 屬性已經棄用。
源代碼:↓
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!--網頁抬頭-->
<title>中央氣象局</title>
</head>
<body>
<!--水平線的寬度是500像素,這個width就是標簽屬性-->
<hr width="500">
<!--下面這個是多個標簽屬性,多個屬性之間用空格隔開-->
<font color="red" face="黑體" size="7">標簽屬性</font>
</body>
</html>
上圖中單純的在p標簽內換行,但是沒有顯示換行,怎么用初學經驗解決
(僅是學習總結,相信還有其他的辦法,但是現階段html還沒有學到,后期再加~)
古詩文文字示例
籌筆驛
拋擲南陽為主憂,北征東討盡良籌。
時來天地皆同力,運去英雄不自由。
千里山河輕孺子,兩朝冠劍恨譙周。
唯余巖下多情水,猶解年年傍驛流。
示例截圖如下(去掉一些自己測試寫的東西主要的留下了剛好能截全)
(僅為個人自學的一點點思考,如有錯漏,歡迎留言指正,還有許多的問題呈現,敬請期待~~~)
*請認真填寫需求信息,我們會在24小時內與您取得聯系。