img标签

img标签

• 格式
• 作用
• 注意事项
• 可选属性

解答

● <img src="">

- 在浏览器显示一张图片
- width:显示图片宽度
- height:显示图片高度
- title:鼠标悬停在图片上的时候，需要弹出的描述框中的文字
- alt:当图片无法显示时展示的文字
- 扩展：如果没有设定width和height两个属性，图片的大小会是什么样的？
- 扩展：任意指定宽高可能会有什么情况出现？怎么解决？浏览器在指定宽高的情况下是如何处理压缩图片的？
- 扩展：这是否像h标签的aligin属性一样超出了html的范围？
- 扩展：当编辑器中一段文字和图片写在一起的时候，浏览器会怎么显示？试着看下审查元素
- 扩展：默认的每个字占多少元素？

解答扩展

• 会按默认的图片大小显示
• 可能会导致图片变形;只指定宽或高;
• 并没有不建议使用标签;(http://www.w3school.com.cn/tags/tag_img.asp)
• 取决于文字的个数及包裹文字的标签，如P标签是独占一行的

br标签

• 格式
• 作用
• 注意事项

解答

● <br>

- 换行
- 当多行的内容属于同一语义的时候，用来进行换行
- 多个br标签可以连续使用
- 扩展：多个br标签连续使用会有什么问题？

解答扩展

• 还是语义化，使用该标签的含义是不需要另外起一个段落，而在企业开发中一般换行都是要另起一个段落了，所在企业开发中一般很少使用;可以去淘宝上面看一下别人是怎么使用这个标签的。

很快就很快就