htm基本標籤

課程開始,今天學習了html的基本標籤:css

 div + span:

div和span兩個是雙標籤,html中有雙標籤和單標籤,下文中有單標籤介紹 ,雙標籤成雙成對出現例如:html

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

有<div>一定要有</div>這就是雙標籤的特性。程序員

div和span沒有語義它們的做用是進行對頁面的佈局 。在一個網頁中div,span標籤用的不少,能夠說佈局是寫好網頁的重要一環。web

固然二者是有區別的,一個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 段落 譯爲段落,段落標籤簡單易懂,就是網頁中的文字段落不作過多介紹,寫法:url

<p>個人一個段落,我會自動換行,我是一個雙標籤</p>

hr+br: 這是兩個單標籤,單標籤這樣一個標籤,規範寫法:<hr /> <br /> 屬於自閉合標籤,但因爲效率問題以及程序員的偷懶,因此如今咱們寫單標籤時看到的是這種的:spa

<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標籤是網頁之間起到的跳轉的做用,因此它的意義不言而喻。

屬性 做用
href 用於指定連接目標的url地址,(必須屬性)當爲標籤應用href屬性時,它就具備了超連接的功能
target 用於指定連接頁面的打開方式,其取值有self和blank兩種,其中_self爲默認值,__blank爲在新窗口中打開方式。

 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」。

 

我的學習,內容簡略。

相關文章
相關標籤/搜索