一、p、hn、br标签
1.
2. :注释。
3.
:一行,一段(在文字后面直接加)。
4.
:文字中的最大字符(自动换行)。
5.
:文字中的最大字符(自动换行)。
二、b、i、u、s、sup、sub标签
1. :粗体(1)
2. :斜体(1)
3. :下划线(1)
4. :删除线(1)
5. :上标(1)
6. :下标(1)
7. :定义文本显示方向,内衣dir属性,只能取值ltr(正序)或rtl(倒序)
实例 :
三、列表标签
1.有序列表
1.
- ;编号(默认属性:1)
2.
:1.3.
:2.4.
5.属性例如:1,a,一...
2.无序列表
l
- :项目符号(默认属性:实圆)
l
:实圆l
:实圆l
l属性例如:实圆,实正方形,空圆...
1.定义列表(用于内容解释)
二、Pre、html转义、abbe标签的使用
1.预定义文本标签pre
:保留空格和换行符。
Avuhuiah
搜 死
Shv
:全部保留并显示。2.对html转义
大于(
小于(>) :>(代码)。
空格( ) : (代码)。
引号(“) :"(代码)。
版权号 :©(代码)。
< boby >:显示为 。
3.缩写说明
我是谁?
:显示:我是谁?(移动至文字,上方显示 随机。)
三、Table标签
1. Table:表格
2.
:表格标题(默认显示上方)3.
:表格页眉的单元格(默认加粗)4.
:表格的主体5. :表格头
6.
:表格脚7. border=”1px”:边宽
8. cellpadding=”1px”:文字内边距
9. cellspacing=”1px”:边宽宽距
10.
:表格11.
:合并两行(横)单表格12.
:合并两列(竖)单表格13.
:标题显示表格下方< table >
表格标题表格标签一般什么情况下使用?
主要用于规则的数据显示
适当的可以在表单页面中使用
使用表格标签进行页面布局的缺点 :
代码量比较大,页面浏览速度比较慢
层次结构比较复杂,不易于维护和改版
不利于搜索引擎搜索查找数据
强调:要对网页进行布局,推荐使用div+css,严禁使用表格进行布局页面。
四、a标签、img标签
1.a标签
1.a :超链接
:默认当前页面跳转
:在上一级页面进行跳转
:打开新的页面
:在底层页面打开
:在自己设置的框架名当中打开
7.
:显示百度(点击百度,超链接打开)
2.Img标签
Src:路径
相对路径适用于同一路径,网页于图片在一个地方(文件夹)。
.../:上级路径
.../.../:上上级路径
(网页和图片不同地方,要调用先退出网页的上级或上上级,在同一级中进行选择下级或下下级找到图片路径。)
:同一路径
:相对路径
五、frameset内嵌框架集
frameset:定义如何将窗口分割为框架
创建框架网页的步骤:
创建各个子窗口对应的html文件
创建整个框架文件,分别引用子窗口文件
创建框架页面的基本语法:
cols规定某【列】占据平面的面积(竖)
rows规定某【行】占据平面的面积(横)
border框架/边框的属性
注意:
标签不能与标签同时使用。除非你在
中使用标签。框架集标签中的常用属性pixels:左右两个框架占多少
%:占浏览器百分百
*:剩余部分
例如:水平框架
六、iframe内嵌框架
标签中的常用属性:
frameborder=”0” /”1”:规定是否显示框架周围的边框
Name=”frame_name”:规定iframe的名称。
Scrolling=”yes" / ”no” / ”auto”:规定是否在iframe 中显示滚动条。(yes显示滚动条)(no不显示滚动条)(auto当内容超过就显示)
Src=”URL”:规定在iframe中显示的文档的URL。
Iframe语法:
Frameborder =”边框” scrolling=”yes” />
七、常用表单元素(1)
form:表单
属性:
2) method(传值方式) [get:数据小 类型(ip等)]
[post:数据大 类型(安全性高)]
3) enctype:用于指定表单数据的编码方式
application/x-www-form-urloncoded:默认的编码方式,将表单控件中的值处理成URL编码方式。
mutipart/form-data:以二进制的方式来处理表单数据。
text/plain:当表单的action属性值为mailto:URL的形式时使用。
八、常见表单元素(2)
1.
:单行文本框(一般类型)
2.
:密码输入框(密码类型)
3. (常见表单元素3详细介绍)
:列表菜单(下拉菜单)
列头 :列表菜单(列头)
:列表菜单(内容)
4. 男
女
: 单选框(单项按钮+单选项目)
sex:单项
例题:
u 男
u 女
5.
:图像域(width和height属性)
6.
:选择文件(按钮)
7.
:复选框
8.
:重置按钮(所有选择清空)
(表单元素3详细介绍)
9.
:文本区域
cols=” ”:长
rows=” ”:宽
10.
11.
:按钮(表单元素3详细介绍)