今天我來針對web前端開發講解標簽一

Html標簽_標題&段落&換行

注釋標簽：Ctrl+/

Ctrl+/ ，用戶可能會獲取到注釋標簽

注釋的原則:

?和代碼邏輯一致

?盡量使用中文

?正能量

標題標簽：<h1></h1>? h1-h6

標題標簽有6個，h1-h6，數字越大，字體越小，字體也越來越細。標題標簽是單獨起一行的。

段落標簽：<p></p>

P標簽之前存在一個空隙。

當前的p標簽描述的段落，前面還沒有縮進。

自動根據瀏覽器寬度來決定排版。

Html內容首位處的換行，空格均無效。

在html中文字之間輸出的多個空格只相當于一個空格。

Html中直接輸入換行（回車）不會真的換行，只是一個空格

在段落標簽內回車（enter）視為空格

換行標簽:<br/> ?

br是break的縮寫，表示換行

br是一個單標簽（不需要結束標簽）

br標簽不像p標簽一樣帶有很大的間隙

<br/>是標準寫法，不建議寫成<br>

換行標簽換行之后間隙比段落標簽間隙小

格式標簽

加粗：strong標簽和b標簽

傾斜：em標簽和i標簽

刪除線：del標簽和s標簽

下劃線：ins標簽和u標簽

?<strong>stronng 加粗</strong><b>b 加粗</b><em>em 傾斜</em><i>i 傾斜</i><del>del 刪除線</del><s>s 刪除線</s><ins>ins 下劃線</ins><u>u 下劃線</u>

PS：

在Web開發中，標簽用于給文本和內容添加語義信息和視覺樣式。其中，對文本進行強調通常使用以下幾種標簽:

1.<strong>標簽

<strong>標簽用于表示文本的強調語義，通常瀏覽器會將其顯示為粗體字體，這并不是其唯一作用，它的主要目的是為了強調文本的重要性，而不是僅僅通過視覺效果來實現。搜索引擎也會根據<strong>標簽來

確定文本的重要性。

示例:

<p>This is<strong>important</strong>information.</p>

2.<em>標簽:

<em>標簽用于表示文本的強調語義，通常瀏覽器會將其顯示為斜體字體。與<strong>不同的是<em>標簽側重于強調文本的語義重要性，而不是物理樣式。搜索引擎也會根據<em>標簽來確定文本的語氣和情感強調。

示例:

<p>This is an<em>emphasized</em> text.</p>

3.<b>標簽:

<b>標簽用于表示文本的強調，通常瀏覽器會將其顯示為粗體字體、與<strong>不同的是，<b>標簽僅僅是對文本進行視覺上的加粗，而不會影響其語義重要性，因此，在語義上應優先使用<stong>或<emn>標簽

示例:

<p>This is <b>bold</b> text.</p>

總結來說，Web開發中的這些標簽不僅幫助開發者在視覺上強調文本，更重要的是它們提供了語義化的方式來描述文本的重要性或語氣，從而使得網頁內容更易于理解和被搜索引擎識別。

img標簽_src屬性

img標簽必須搭配著src使用（指定圖片路徑）

絕對路徑

圖片路徑

網絡上的圖片路徑

相對路徑

./xxx.png 同一層路徑的圖片

./img/xxx.png 下一層路徑的圖片

../xxx.png? 上一層路徑的圖片

少年沒有烏托邦，心向遠方自明朗！

如果這個博客對你有幫助，給博主一個免費的點贊就是最大的幫助?
歡迎各位點贊，收藏和關注哦?
如果有疑問或有不同見解，歡迎在評論區留言?
后續會繼續更新大連理工大學相關課程和有關web前端的內容和示例
點贊加關注，學習不迷路，好，本次的學習就到這里啦！！！

我們下次再見嘍！