HBuilder-html常用標簽


HTML標簽

標簽顧名思義就是漢語中的字的意思,則有語法和原則來規定標簽如何去寫,html分為單標簽和雙標簽

單標簽格式:<標簽名稱/>          雙標簽格式: <標簽名稱>內容</標簽名稱>    

 

• 標題標簽  h1-h6  <h1>內容</h1>  都是雙標簽,在一個網頁中只能出現一個h1,字體隨着數字的增大而變小

 

• 音頻標簽  <audio> autoplay controls loop><source src "音頻位置"/></audio>

autoplay是設置自動播放的,control是控制設備的音頻,loop是循環播,但目前不是所有瀏覽器都能實現自動播放,但有一點,不是所有瀏覽器都能認識,所以要加上所有的音頻格式,多寫沒關系,最終瀏覽器只參考一個

 

• 視頻標簽 <video>語法與音頻一致

 

• 段落標簽  p  <p>內容</p>     在btml標簽書寫中允許嵌套書寫,但是不能交叉,就是在標題標簽寫上p

 

• 換行標簽  br   <br />  一個標簽為一行,要增加行數,換行繼續寫標簽

 

• 空格標簽  &nbsp;  在需要空格的語言旁邊就可以,一個字的間距是三個空格標簽,單詞一個就可以 了

 

• 插入圖片標簽  img  <img src= "圖片地址"/>    先把要上傳的圖片加入到hbu的文本里,復制黏貼即可

          圖片屬性1:其中src可以理解為是img的屬性,等號后面就是屬性的值

           圖片屬性2:設置圖片的大小在圖片明天旁邊加空格寫個width="數值",設置了長之后不用在設置寬,或者只設置寬height也可以不可以同時設置,不然圖片會變形

           圖片屬性3:設置圖片標題,加個title="圖片標題名字"   此title呈現的方式為鼠標停頓在圖片時箭頭會出現標題名字

           圖片屬性4:還有一個alt="文字",此文字加進去了之后網頁是看不到的,只有把圖片地址改成沒有保存到hbu的文本里,就會呈現出alt后面的文字,圖片就不會呈現出來,會出現一個裂開的小圖標,代表加載不出來,其實不太懂為什么要寫alt這個,加載不出來因為是網速問題,不是故意改變圖片地址

          

• 插入鏈接標簽  <a href= "鏈接地址">內容</a>  假設href的屬性值設為#的時候,那么這個鏈接就是個空鏈接,不會發生跳轉  與插入圖片的性質很像,可以加入target會跳轉新的標簽頁,也可以將網上的圖片鏈接,放在鏈接標簽,這樣就不用保存圖片到本地 ,有一點壞處就是如果圖片鏈接被網站下架了,那這圖片就會加載不出來了

 

 

示例:

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM