HTML标签

标签顾名思义就是汉语中的字的意思，则有语法和原则来规定标签如何去写，html分为单标签和双标签

单标签格式：<标签名称/>          双标签格式： <标签名称>内容    

 

• 标题标签  h1-h6 

内容

  都是双标签，在一个网页中只能出现一个h1，字体随着数字的增大而变小

 

• 音频标签  

autoplay是设置自动播放的，control是控制设备的音频，loop是循环播，但目前不是所有浏览器都能实现自动播放，但有一点，不是所有浏览器都能认识，所以要加上所有的音频格式，多写没关系，最终浏览器只参考一个

 

• 视频标签 

 

• 段落标签  p  

内容

     在btml标签书写中允许嵌套书写，但是不能交叉，就是在标题标签写上p

 

• 换行标签  br   
  一个标签为一行，要增加行数，换行继续写标签

 

• 空格标签     在需要空格的语言旁边就可以，一个字的间距是三个空格标签，单词一个就可以 了

 

• 插入图片标签  img      先把要上传的图片加入到hbu的文本里，复制黏贴即可

          图片属性1：其中src可以理解为是img的属性，等号后面就是属性的值

           图片属性2：设置图片的大小在图片明天旁边加空格写个，设置了长之后不用在设置宽，或者只设置宽height也可以不可以同时设置，不然图片会变形

           图片属性3：设置图片标题，加个title="图片标题名字"   此title呈现的方式为鼠标停顿在图片时箭头会出现标题名字

           图片属性4：还有一个alt="文字"，此文字加进去了之后网页是看不到的，只有把图片地址改成没有保存到hbu的文本里，就会呈现出alt后面的文字，图片就不会呈现出来，会出现一个裂开的小图标，代表加载不出来，其实不太懂为什么要写alt这个，加载不出来因为是网速问题，不是故意改变图片地址

          

• 插入链接标签  内容  假设href的属性值设为#的时候，那么这个链接就是个空链接，不会发生跳转  与插入图片的性质很像，可以加入target会跳转新的标签页，也可以将网上的图片链接，放在链接标签，这样就不用保存图片到本地 ，有一点坏处就是如果图片链接被网站下架了，那这图片就会加载不出来了

 

 

示例：