TML是超文本标记语言。

web标准是由W3C和其它标准化组织制成集合。

web标准的构成

结构（对网页元素进行整理和分类-HTML）

表现（设置网页元素的版式，颜色，大小等外观样式-CSS）

行为（模型的定义及交互的表现-JS）

HTML常用标签

加粗:<strong>和<b>

倾斜：<em>和<i>

删除线：<del>和<s>

下划线：<ins>和<u>

<div>分割分区<span>跨度跨距

图片标签<img/>

属性: src图片路径

alt替换文本，图片无法正常显示

title提示文本，鼠标放到图像显示

width宽度，height高度（只需要修改其中一个）

border边框（无需单位直接写数值）

注意：

①图像标签可以拥有多个属性，必须写在标签名后面

②属性之前不分先后顺序，标签名与属性，属性与属性之间需要空格分开

③属性采取键值对的格式

相对路径：以引用文件所在位置为参考基础

（同一级路径，下一级路径/，上一级路径../）

绝对路径：从盘符开始的路径（\）

常用属性

img ——vspace垂直边距 ，hspace水平边距 align对齐

details,summary，鼠标点击时显示或隐藏

mark 文本中高亮显示，和strong相似

cite 用于引用标记，斜体显示

draggable true选中后可以拖动操作

font定义 font-style font-weight font-size/line-height font-family 顺序不能改变

word-wrap break-word长单词或url地址自动换行

letter-spacing字间距

word-spacing单词间距

line-height行间距

text-decorantion文本装饰unline下划线，overline上划线，line-through删除线

text-indent 2em 首行缩进两个字符

white-space空白符处理 pre

box-sizing:content-box当widthh和height的时候不包括margin和panding

更换图层位置，z轴偏移z-index:-10

align-items:center居中对齐

align-self:center

超链接标签<a>

href链接目标地址

target链接页面打开的方式（_self当前窗口打开,_blank新窗口中打开方式）

外部链接，内部链接，空链接，下载链接，网页元素链接，锚点链接（快速定位到页面的某个位置- 添加id属性）

去除超链接样式:text-decoration:none

特殊字符

空格符 &nbsp;

小于号&lt; 大于号&gt;

表格标签

align对齐方式

bolder表格边框

cellpadding单元格与内容之间空白

cellspacing单元格与单元格之前空白

合并单元格：rowspan colspan

列表标签

无序列表：ul li

有序列表：ol li

自定义列表：dl dt dd

表单标签

完整表单：表单域<form>，表单控件，提示信息

<form>

——action（指定接受并处理表单数据的服务器程序的url地址）

——method（get/post设置表单数据的提交方式）

——name（指定表单名称）

<input>输入元素

type属性：button（点击按钮）checkbox（复选框）file（输入字段和“浏览”按钮）hidden（隐藏输入字段）image（图片形式提交按钮）password（密码字段）radio（单选按钮）reset（重置按钮）sumbit（提交按钮）text（单行输入字段，默认20个字符）

name属性：（相同的名字——单选框和复选框）区别不同表单元素

value属性：定义input元素值

checked属性：页面首次加载是否选中

maxlength属性：输入字段的最大值

<lable>标签

用于绑定一个表单元素，当点击<lable>标签内的文本时，浏览器会自动将焦点转到或者选择对应的表单元素上，用来增加用户体验。

<lable>标签的for属性与相关元素的id属性相同

<select>下拉列表元素

-<option>

-selected="selected"默认选中

<textarea>文本域

-cols rows （每行每列字数）

font-size:设置字体大小:

该属性值的单位可以使用相对单位和绝对单位，推荐使用px。(浏览器能够识别的最小像素是12px)

    p{
      font-size:20px;
    }

常见尺寸单位：

font-family:设置字体:

如果需要设置多个字体样式，则属性值可以写多个中间用逗号隔开即可，需要知道的是浏览器会从第一个字体属性值找，直到找到自己设备有的字体显示，自己设备没有的字体，按设备默认字体显示,推荐系统默认字体。

    p{
      font-family:"微软雅黑",Arial;
    }

font-weight:设置字体粗细:

其属性值有：normal正常不加粗、bold加粗、bolder更粗、lighter更细、number（整百的数字）、inherit继承父级元素字体粗细

p {
  font-weight:700;
}

font-style:设置字体风格:

如设置斜体、倾斜或正常字体，其属性值：normal默认值，标准字体、italic斜体、oblique倾斜

font:综合设置字体样式（字体样式连写）:

字体样式连写是有顺序的，必须是严格遵循顺序，其中不需要设置的属性可以省略，font-size和font-family属性值必须写，否则字体连写失效。

    p{
      /*font:font-style font-weight font-size/line-height font-family;*/
      font:italic bolder 20px/10px Arial;
    }

提示：本文图片等素材来源于网络，若有侵权，请发邮件至邮箱：810665436@qq.com联系笔者 删除。

笔者：苦海123

其它问题可通过以下方式联系本人咨询：

QQ：810665436

微信：ConstancyMan