链接滑过时变色 html,html

1.结构元素顺序

|-文档版本声明

|-HTML标签

|-head

|-meta

|-title

|-link

|-style

|-script

|-body

|-style、script、其它语义标签

块级元素：占满一行

行内元素：在一行内一个挨着一个

注释：

行注释：

注释掉不在页面显示

段落注释

主要用来区分这部分代码以及介绍

条件注释

条件注释只在IE10以下版本的浏览器中生效，兼容性检查必备

2.html语义化标签

2.1标题

块级元素

一级标题，32px

二级标题，24px

三级标题，18px

四级标题，16px

五级标题，14px

六级标题，12px

2.2段落标签

块级元素

段落内容

2.3font标签

格式化文本，只能控制字体，大小，颜色,不建议使用(已过时)

文字内容

颜色的三种表示方法 颜色名 16进制 rgb颜色(red，#ffaabb,rgb(185,125,33))

2.4链接标签

href:(正确读音ref)

"javascript:;",禁止跳转(可通过js跳转)

"http://www.imooc.com/"，跳转指定链接

"元素选择器"，页内锚点

target：

"_blank",新窗口打开

"_self",本窗口打开(默认)

使用css对a标签的样式修饰

a{

text-decoration:none;/*删除下划线*/

cursor:none;/*删除光标悬浮小手*/

}

a:visited{

color:#333333;/*改变链接访问过的默认颜色*/

}

2.5图像

支持格式：png jepg gif pdf

src:图片路径

alt:加载失败时提示

非标签方式插入图片

.imooc-logo {

background: url(img/logo.png);

200px;

height: 80px;

}

2.6列表

无序列表，type属性不建议使用

• 苹果
• 水蜜桃

type：

disk 小圆点

circle 空心圆

square 正方形

有序列表

1. 烤冷面
2. 麻辣烫

自定义列表

正数

大于0的数

负数

小于0的数

2.7div标签

div块，用来布局，很常用，很重要

3.带格式作用的标签

3.1文本格式化

加粗

强调(斜体)

大号字体

小号字体

下标

上标

一般不使用这些标签，可能在不同的浏览器下表现形式不一致，直接用css修饰

预格式文本

pre 自带缩进，主要用来包括代码

引用

不常使用

删除线

删除线

下划线

兼容性不好,一般用css模拟

3.2表格

表格头【可选】

表格体【可选】

表格行【必选】

单元格【必选】

表格头

表格体表格尾行表格头(加粗)列

表格属性

border边框 值影响table的粗细

cellspacing 单元格边距

cellpadding 单元格内边距

colspan 单元格跨列(左右合并，从左到右合并)

rowspan 单元格跨行(上下合并，从上到下合并)

align 对齐方式

3.3HTML表单

autocomplete:浏览器是否可以自动填充

enctype:指定表单内容编码，默认UTF-8

input(text，password，radio，checkbox，button)

select

textarea

textarea{

resize:none;

}

button

type:

submit 提交表单

reset重置表单输入