1-11. img标签 注释 快捷键

1、img标签(image)

• 格式：<img scr = "">
  作用：在网页上插入一张图片
• 属性名称：src(source)
  作用：告诉浏览器需要插入的图片路径, 以便于浏览器到该路径下找到需要插入的图片
• alt(alternate)：规定图像的替代文本, 只有在src指定的路径下找不到图片,才会显示alt指定的文本
• title：悬停文本(介绍这张图片, 只有在鼠标移动到图片上时才会显示)
• height 设置图片显示的高度
• width 设置图片显示的宽度

• 注意点:
  img标签添加的图片默认不是占一整行空间
  如果想让图片等比拉伸, 只写高度或者宽度即可

  
  图片.png
  图片.png

2、快捷键

• control+D 快速复制一行
• control+X 自动删除一行
• control+alt+T包裹文字
• 快速移动选中的代码, 上下移动
• 往上移动 Ctrl + shift + ↑(方向键上)
• 往下移动 Ctrl + shift + ↓(方向键下)
• 快速合并和展开代码(合并和展开的是某一个标签)
• 合并: Ctrl + -
• 展开: Ctrl + +
• 快速合并和展开代码(合并和展开选中的所有标签)
• 合并: Ctrl + shift + -
• 展开: Ctrl + shift + +
• 快速新启一行：shift + enter
  图片.png
  http://www.w3school.com.cn/tags/tag_img.asp
  http://www.w3school.com.cn/tags/tag_comment.asp
  http://www.w3school.com.cn/html/html_images.asp