HTML标记的分类:
1) 头部标记：title, meta, link, style
2) 文本标记：font, b, i, u , strong,
3) 段落标记：p, hn, pre, marquee, br, hr
4) 列表标记：ul, ol, li, dl, dt, dd
5) 超链接标记：a, map, area
6) 图像及媒体元素标记：img, embed, object
7) 表格标记：table, tr, td, th, tbody
8) 表单标记：form, input, textarea, select, option, fieldset, legend
9) 框架标记：frameset, frame, iframe
10) 容器标记：div, span
11) 单标记：
(强制换行)，
(水平线)，
![]()
，
，
，
12) 成组标记：table，form，ul, ol, dl, frameset，fieldset
行内元素和块级元素：
行内元素：a，img，font(文字属性)，b，i，u，span，input
块级元素：p, div, hn, pre, hr, ul, ol, li, form
公共属性：
align（水平对齐方式），valign(垂直对齐方式)，border（边框），title（提示文字），src（链接的文件路径），style（引入CSS行内样式），id，name
特有属性：
在HTML语言规范的基础上，XHTML对标记还有下面一些额外的要求：
1）标记名和属性名、属性值必须小写；
2）属性值必须用双引号引起；
3）所有标记包括单标记都必须封闭；
4）不允许省略属性值。
</p><p>
（上下）一个段落的文字内容
左右顺序排列的文字
保持文本内容的原形
强制不换行
粗体文字
斜体文字
加下划线
加粗，倾斜
内容(上标)
...(下标)
文字内容(编辑文字的属性)
(无序列表)
ol,li(有序列表)
一个定义列表：
- 计算机
（标题）- 用来计算的仪器... ...
（文段内容）- 显示器
- 以视觉方式显示信息的装置... ...
table表格：
| ... | (表头)… (表格标题)(行)| ... | (列ttr)
表格table标签的属性：
1、width属性：指定表格或某一个表格单元格的宽度。单位可以是%或者象素。
2、height属性：指定表格或某一个表格单元格的高度。单位可以是%或者象素。
3、border属性：表格边线粗细
4、bordercolor属性：指定表格或某一个单元格的边框颜色。
5、bordercolorlight属性：亮边框的颜色
6、bordercolordark属性：暗边框的颜色c
7、bgcolor属性：指定表格或某一个单元格的背景颜色。
8、background属性：指定表格或某一个单元格的背景图片。其属性值为一个URL地址。表格tr标签的属性：
1、valign属性：指定某一个单元格里的内容（文本、图片等）的垂直对齐方式。垂直对齐方式的属性值包括：
top：顶端对齐；
middle：居中对齐；
bottom：底端对齐。
Baseline：相对于基线对齐。
2、align属性：指定表格或某一个单元格里的内容（文本、图片等）的对齐方式
3、height属性：指定表格或某一个表格单元格的高度。单位可以是%或者象素
表格td标签的属性：
1、valign属性：指定某一个单元格里的内容（文本、图片等）的垂直对齐方式。垂直对齐方式的属性值包括：
top：顶端对齐；
middle：居中对齐；
bottom：底端对齐。
Baseline：相对于基线对齐。
2、Colspan：属性值表示当前单元格跨越几列(合并行内单元格)
3、Rowspan：属性值表示当前单元格跨越几行（合并列单元格）
跑马灯：
超链接：
1) 用文本做超链接：
首页
2) 用图像做超链接：
3) 文本图像混合做链接：
格力空调1型
该方法在商品展示
的网站上较常用。
4) 热区链接：使用map在图像上定义一幅地图，地图上可包含多个热区，每个热区用area 单标记定义，area的shape属性定义了热区的形状，coords定义了热区的坐标点，href定义
了热区链接的文件。同时img标记用usemap指明用了哪幅地图
5) 链接到其他网页或文件（jpg, rar等）
内部链接返回首页
外部链接 网易网站
下载链接点击下载
6) 电子邮件链接
给我留言
演示：mail.html
target属性的取值：
-self（在本窗口打开）、-blank（空白窗口）、_parent（将链接的文件载入到父框架）、_top（将链接的文件载入到整个浏览器窗口中，并删除所有框架）
title的属性：
title属性在很多标记里都有，其作用是在鼠标停留在该元素上时显示设置的说明文字
制作超链接的规则：
1) 可以使用相对链接尽量不要使用绝对链接，如../index.htm
而不是https://www.wendangku.net/doc/9f6167573.html,
2) 链接目标尽可能简单
如https://www.wendangku.net/doc/9f6167573.html,，而不是https://www.wendangku.net/doc/9f6167573.html,/index.jsp
css
内联样式，具有最高优先级(写在标记里面)
内部样式表，优先级低于内联样式（head添加style标记）
外部样式表，优先级最低（新建css）
css基本写法
选择符{
属性：属性值；}
（1）类型选择符(整体效果一致)
我的样式表
第二段落
第三段落
（2）类选择符(在整体上实现不一致的效果)
我的样式表
第二段文字
第三段文字
文字居左显示
文字居右显示
（3）id选择符（具有最高优先级）
（4）伪类：
a:link 超链接的初始状态
a:visited 已经访问后的链接状态
a:hover 鼠标滑过链接时的状态
a:active 点击状态时
百度 （5）子选择类:语法格式：
选择符1 选择符2
选择符1和2直接使用空格分隔，其含义是第一个选择符中的第二个选择符。注意：选择符1必须和选择符2有嵌套关系，否则无法正常使用
独立的div元素
独立的p元素
(6)选择符分组（群选择符）
语法格式：
选择符1，选择符2，…..
每个选择符之间用“,”分隔
div元素
p元素
h1元素
div的嵌套
网页头部
网页底部
边界（margin）属性
补白（padding）属性
CSS设置填充属性我的样式表
边框样式border
分为上、右、下、左四个子属性和一个border-style 综合属性。
顶部边框样式border-top-style
Border-top-style：none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset; None：没有边框
Hidden：隐藏边框
Dotted：点线边框
Dashed：虚线边框
Solid：实线边框
Double：双线边框
Groove：3D凹槽边框
Ridge：菱形边框
Inset：3d凹边
Outset：3d凸边
边框的综合属性
border : border-width || border-style || border-color
CSS设置边框属性我的样式表
浮动定位：float//none、right、left
浮动元素使得div块可以左右并排
清除浮动属性：clear//none、right、left、both
相对定位：position：relative(相对于其原来位置不同方向的偏移)
属性值：top(从上向下位移)、left(从左向右)、right、bottom
规
常用下载
为您服务
