html初学详解

常用标签的练习

标题标签<h1~h6>

1.通常情况下h1到h6是从大到小排列，不过并不是因为h1本身比h6大，而是浏览器默认样式中将h1标签默认渲染的更大，而h1和h6大小本身无法比较。使用时更直观的感受是，h1为一级标题，其他标题依次排列，表现为层级关系。且h1到h6标签仅有6个，没有h7…的标签,在使用时可以照常显示但没有意义所以禁用
2.标题显示时，浏览器会默认在标签之中流出空隙，表示出标题之间的差异。而且在页面中，标题的意义也很大，通常占据很重要的区域。h1标题一般就是整个网页的c位,而其他标题也都是网页重要的分区，好好安排会让整个网页更加合理清晰。

p标签

常用的段落标签，会独占一行，所以里面不可以再包含（嵌套）另一个会独占一行的标签（a标签）。

img

引入图片时使用

<img src="资源路径" alt="当图片无法展示时候的替代文字" title="全局属性" width="宽度 px 或者 %" height=""/>
如果只改变width或者height 中的一个属性，另一个属性会等比例缩放
scr:路径在服务端严格区分大写；在本机没影响

map

是用于将图片的一部分作为一个可点击的链接跳转到一个相应的新页面，形状和大小，位置都需要自己在浏览器中制定好坐标才能划分好跳转区域。在学习使用map标签时，我很难划分出一个区域，经历了多次失败后，在查看官方的map解释和实例：

<map name="example-map-1">
  <area shape="circle" coords="200,250,25" href="another.htm" />
  <area shape="default" />
</map>

由于我没有给map的name属性赋值，所以一直无法划出区域。

当然，实际使用时一般为map和a标签一起用