htm基本標簽

課程開始，今天學習了html的基本標簽：

 div + span：

div和span兩個是雙標簽，html中有雙標簽和單標簽，下文中有單標簽介紹 ，雙標簽成雙成對出現例如：

<div>
       <span></span>
</div>

有<div>必定要有</div>這就是雙標簽的特性。

div和span沒有語義它們的作用是進行對頁面的佈局 。在一個網頁中div，span標簽用的很多，可以說佈局是寫好網頁的重要一環。

當然兩者是有區別的，一個div標簽獨占一行，而span不同，span隨著自身的內容而變換大小，內容有多寬有多高span標簽就有多寬當然後續的學習中會有css來進行改變這裡只是html。

排版標簽：

h1~h6： h是head頭部的首字母語義是標題，就如文檔編寫中的標題~標題6一樣。

<h1>   標題文本   </h1>
<h2>   標題文本   </h2>
<h3>   標題文本   </h3>
<h4>   標題文本   </h4>
<h5>   標題文本   </h5>
<h6>   標題文本   </h6>

瀏覽器顯示如下：

h1最大，從h1到h6依次遞減 。

p： paragraph 段落 譯為段落，段落標簽簡單易懂，就是網頁中的文欄位落不做過多介紹，寫法：

<p>我的一個段落，我會自動換行，我是一個雙標簽</p>

hr+br： 這是兩個單標簽,單標簽這樣一個標簽，規範寫法：<hr /> <br /> 屬於自閉合標簽，但由於效率問題以及程式員的偷懶，所以現在我們寫單標簽時看到的是這種的：

<hr>   <br>  

hr標簽也同樣簡單，hr是在瀏覽器中顯示一條直線，如下圖所示：

 中間的橫線就是用hr來寫的 後期學了css可以使這條線更加好看實用。

br：br是換行標簽，當遇到一個段落很多很多文字，你想講一段文字截斷換行時可以使用 br 另外還可以使用標簽之間的嵌套來使文字換行，如下：

  <p> 
        陳嵐編劇，趙麗穎、林更新、竇驍、李沁領銜主演，鄧倫、<p>我進行了換行</p> 金士傑特邀出演，王彥霖、牛駿峰、
    </p>

如下圖所示

 img： img可以說是單標簽中最特殊的一位了，但它的使用的頻率也非常之高。img可以使用單表不能使用的屬性例如寬高  

      img使用格式：<img src=“url” alt="">   屬性中src是不可缺少的。

其他屬性如下：

 a（超鏈接標簽）：單詞縮寫： anchor 的縮寫 [ˈæŋkə(r)] 。基本解釋 錨, 鐵錨 的

a標簽格式  <a href="要跳轉的鏈接地址 ">點我跳轉</a>    a標簽是網頁之間起到的跳轉的作用，所以它的意義不言而喻。

 a標簽中href可以不寫值或者寫一個# 號這樣代表不跳轉，除了給文本添加a標簽外，還可以給其他的添加，例如圖片，表格，列表，音頻等等，後期的使用將會很頻繁。

註釋標簽： 在寫代碼的過程中，一個頁面會寫上成百上千行的代碼，或許，你寫到後面，前面的代碼你就不知道各自代表的是什麼，這個時候程式員會花費精力去看代碼，所以，註釋就出現，它的作用就是為了給程式員標明代碼的功能為程式員做一個標記標記一串代碼是幹嘛的，如下：

註釋快捷鍵 alt+/  也可以手敲<!-- -->。

 路徑寫法： 上文中多次提到路徑，無論是a標簽還是img標簽都離不開路徑，路徑在代碼中出現的頻率很高路徑的寫法如下：

想對路徑：

路徑分類	符號	說明
同一級路徑		只需輸入圖像文件的名稱即可，如<img src="baidu.gif" />。
下一級路徑	“/”	圖像文件位於HTML文件同級文件夾下（例如文件夾名稱為：images） 如<img src="images/baidu.gif" />。
上一級路徑	“../”	在文件名之前加入“../” ，如果是上兩級，則需要使用 “../ ../”，以此類推， 如<img src="../baidu.gif" />。

絕對路徑：

     “D:\web\img\logo.gif”，或完整的網路地址，例如“https://www.cnblogs.com/2979100039-qq-con/p/13221456.html”。

個人學習，內容簡略。