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

示例：