在新建的HTML文档中

<DOCTYPE HTML>

Document Type:Hyper Text Markup Language

    文件类型为超文本标签语言

        “超”含有“超链接”的意思

<meta charset="UTF-8">

页面编码格式为UTF-8编码

    UTF-8是一种常用的中文编码，采用这一编码可以避免页面的中文出现乱码

<title>

标题

    显示在网页标题栏的内容

链接标签<a>的链接属性为href，图像标签<img>的图片源属性为src，不要记混。

    href后跟的属性值需注明传输协议 “http、https、ftp、thunder、magnet”等。

        格式为<a href="https://www.xxx.com">内容</a>

    链接标签的两个其他常用属性：

        target="_blank“ 新建空白页打开链接

        target="_self"在本页面跳转链接

        默认为本页面跳转链接，该属性在浏览器默认新建空白页打开链接时可用。

    图像标签的图像大小属性：

        height="属性值"高度

        width="属性值"宽度

        属性值可以为数字（后接px表示像素，像素只为整数），属性值也可以为百分比100%。

        单独使用height或width属性时，图像大小会随着长与宽的变化自行缩放，同时使用两个属性图像会按照属性值规定的大小拉伸。

    图像标签的两个其他常用属性：

        alt="文字内容"当图片没有成功刷新时显示的内容，可以引导超链接

        title="文字内容"当鼠标指向图片时显示的内容

bgcolor与RGB选色

    背景色的格式为bgcolor="#xxxxxx"

        #后跟六位数字，每两位为一组，采用十六进制来表达红、绿、蓝三种颜色的强度（十进制的转化为十六进制）

尽量不使用文本标签<font>，使用CSS

    文本可用的三个有趣的标签：

        <del>文字内容</del>删除线

        _文字内容上标文字

        ^文字内容下标文字

代码的书写规范与可读性

1、初学过程中书写双标签元素时，先把开放和结束标签写完整再添加属性和中间内容。

    格式为<标签 属性1=“属性值1”  属性2=“属性值2”..... 属性n=“属性值n”>内容</标签>

2、单标签元素后的/ 尽管老师说可加可不加没有严格的规范，但是从w3shcool的内容“

    在开始标签中添加斜杠，比如 <br />，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。

    即使 <br> 在所有浏览器中都是有效的，但使用 <br /> 其实是更长远的保障。”来看，添加/应该是个好习惯。

3、使用Tab键来缩进（4格）一列代码，使代码的标签和内容有层次，便于阅读。Shift+Tab可取消。

4、过长的代码可以按照属性分行，便于阅读，例如：

<a href="https://www.xxx.com">

    <img src="http://www.mamicode.com/xxx/xxx.jpg”

            height="100px"

            width="100px"

    />

</a>

5、标签元素总是使用小写

170408学习整理