HTML5前端开发入门之注释，img标签及br标签

##HTML注释

-作用：解释某一段程序或者某一行代码是什么意思，方便程序猿之间的交流。

-格式：<!--xxxxxx-->

-注意点：

-注释的内容不会在浏览器中显示，注释是写给我们开发者看的。

-如何在webstorm中中快速添加注释

 -快捷键：ctrl+/

 

##img标签

-作用：img标签中的img其实是image的缩写

-所以img标签的作用就是告诉浏览器我们需要显示一张照片

-格式：<img src="">

-其实img标签中的src是英文的source的缩写

-所以img标签中的src就是来告诉img标签，显示的图片名称

-注意点：

-和H系列标签/P标签和Hr标签不一样，img标签不会独占一行

-如果我们手动指定了img标签显示的图片的宽度和高度，有可能会导致图片变形

-那么如果又想指定宽高，又不想变形，我们可以只指定宽高中的一个属性值，系统就会自动计算出剩余一个属性值，从而达到等比例变形

-属性：（width，height，title，alt）

-格式，直接写在src后，<img src=”” width=””>

-width：宽度

-height：高度

所以在img标签中这两个属性的作用

    就是用来告诉img标签将来需要显示的图片有多宽有多高

如果img标签中没有指定需要显示的图片的宽高

    那么系统会按照图片默认的宽高来显示

如果img标签指定的宽高，那么系统会按照指定的宽高来显示

-title：用于告诉浏览器，当鼠标悬停在图片上时，需要弹出的对话框中的内容

-alt：其实是英文alternate的缩写，它的作用就是用于告诉浏览器，当需要显示的图片找不到时需要显示的内容

 

##br标签

-作用：换行

-格式：<br>

-注意点：

-多个br标签可以连续使用，使用多少个br标签就会换多少行

由于HTML的作用就是用来给文本添加语义，而br标签的语义不是另起一个段落换行，而在企业开发中一般情况下需要换行都是因为需要另起一个段落，所以在企业开发中很少使用br标签，反而有时候可以用p标签包裹住需要换行的内容，达到换行目的。