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会跳转新的标签页,也可以将网上的图片链接,放在链接标签,这样就不用保存图片到本地 ,有一点坏处就是如果图片链接被网站下架了,那这图片就会加载不出来了

示例:

HBuilder-html常用标签-编程知识网

HBuilder-html常用标签-编程知识网