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 /> 一個標簽為一行,要增加行數,換行繼續寫標簽
• 空格標簽 在需要空格的語言旁邊就可以,一個字的間距是三個空格標簽,單詞一個就可以 了
• 插入圖片標簽 img <img src= "圖片地址"/> 先把要上傳的圖片加入到hbu的文本里,復制黏貼即可
圖片屬性1:其中src可以理解為是img的屬性,等號后面就是屬性的值
圖片屬性2:設置圖片的大小在圖片明天旁邊加空格寫個width="數值",設置了長之后不用在設置寬,或者只設置寬height也可以不可以同時設置,不然圖片會變形
圖片屬性3:設置圖片標題,加個title="圖片標題名字" 此title呈現的方式為鼠標停頓在圖片時箭頭會出現標題名字
圖片屬性4:還有一個alt="文字",此文字加進去了之后網頁是看不到的,只有把圖片地址改成沒有保存到hbu的文本里,就會呈現出alt后面的文字,圖片就不會呈現出來,會出現一個裂開的小圖標,代表加載不出來,其實不太懂為什么要寫alt這個,加載不出來因為是網速問題,不是故意改變圖片地址
• 插入鏈接標簽 <a href= "鏈接地址">內容</a> 假設href的屬性值設為#的時候,那么這個鏈接就是個空鏈接,不會發生跳轉 與插入圖片的性質很像,可以加入target會跳轉新的標簽頁,也可以將網上的圖片鏈接,放在鏈接標簽,這樣就不用保存圖片到本地 ,有一點壞處就是如果圖片鏈接被網站下架了,那這圖片就會加載不出來了
示例:
