html5学习

对于中文网页需要使用  <meta charset =“utf-8”>声明  编码，否则会出现乱码。有些浏览器（如360浏览器）会设置GBK为默认编码，则你需要设置为  <meta charset =“gbk “>。

可视化HTML页面结构：

属性值应该始终被包括在引号内。

双引号是最常用的，不过使用单引号也没有问题。

提示：  在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：name ='John“ShotGun”Nelson“

 

注释：  浏览器会自动地在标题的前后添加空行

 

HTML水平线

<hr>标签在HTML页面中创建水平线.hr
元素可用于分隔内容。

注释：

<！ - 这是一个注释 - >

 

当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML代码中的所有连续的空行（换行）也被显示为一个空格。

 

早期发布的HTML规范当中，<br>与<img>等元素是不用封闭自身的，但是这种元素造成了HTML规范的不严谨，于是在之后发布的XHTML语言中，参考了更为严谨的XML规范，在这些不用自身封闭的元素后加/来表示自行封闭，在逻辑上来讲等同于<br> .... </ br>（但是没有  </ br>  这种写法），这样一来保证了较少的代码量，二来保证了规范的严谨。

 

HTML使用标签<b>（“粗体”）与<i>（“斜体”）对输出的文本进行格式，如：粗体  或  斜体

这些HTML标签被称为格式化标签（请查看底部完整标签参考手册）。

HTML超链接（链接）

HTML使用标签<a>来设置超文本链接。

提示： “链接文本”  不必一定是文本。图片或其他HTML元素都可以成为链接。

图片链接：

<img  src=""  arl="" >

<p><a href="www.runoob.com"><img src="./cutecat.jpg"</a></p>
<p><a href="www.runoob.com"><img src="../cutecat.jpg"</a></p>

第一个为本级路径：./      第二个为上级路径：../

src:图片路径   arl：当图片路径无效时显示的代替文本