常用的HTML标记整理
一、HTML大体格式
<!Doctype html>
<html>
<head>
<title>标题</title>
<meta charset="utf-8">（记事本为gb2312)
<body>
</body>
</head>
</html>
二、
1.超链接标记
<a href="要访问的资源地址" target="_self默认本窗口覆盖显示/_blank新窗口显示/框架名-指定框架中显示" title="提示信息"></a>
邮件超链接:点击邮件超链接，会自动打开你电脑上邮件发送软件，将收件人地址自动填充（foxmail ）
<a href="mailto:[email protected]"></a>
锚链接（书签链接）:
访问链接<a href="url#name"></a>
定义锚点:<a name="锚名"></a>
2.
3. 空格
4. refresh设定本网页自动刷新时间间隔秒数（10秒）
5. 设定本网页十秒后跳转到其他界面或网页
6.网站前端三层 :
(x)html 结构层 html结构
css 表现层 决定html的样式
javascript 动作层 决定html如何交互
7.HTML基本语法:
<标记名 属性=“值” 属性=“值” >
举例子:
我是帅哥
8.标记的属性和标记不能分离
一说属性必须得说哪一个标记的属性，属性不能单独说
9.HTML里面的注释
说明:注释是给程序员看的
10.规范:
--标记和属性全部小写
--属性值必须加""
--双标记必须双着用
--单标记必须关闭 ![]()
--标记只能嵌套不能交叉
11.文字标记
12.文字修饰标记
加粗
倾斜
下划线
删除线
地址
上标
下标
13.段落标记:一个p相当于一个回车换行，/p相当于一个回车换行
14.横线:
15.预格式化:保留源代码中空格，不忽略源代码中的空格
16.忽略HTML标记
17.设置段落缩进
无序列表 ul
有序列表 ol
定义列表 dl
目录列表 dir
菜单列表 menu
无序列表
-
有序列表
-
定义列表:
- 定义
- 解释1
- 解释2
- 解释3
- 定义
- 解释1
- 解释2
- 解释3
- 定义
- 解释1
- 解释2
- 解释3
19.图片
说明：路径分为 相对路径（从当前文档开始）
绝对路径（从盘符开始）—不可能用
20.移动
21.表格
22.框架集和框架
例子:
浮动框架：讲一个独立的HTML页面嵌入到当前页面中
23.
※ method="get/post"
相同点：都是数据提交的方式，提交的数据是相同的
不同点：
①get原理 ：数据和HTML文档的头部信息一起提交
特点 ：大小受到文档头部大小限制
数据附加到url？后面
②post原理：数据和HTML文档正文之间信息一起提交
特点：大小没有限制
数据不会附加到url？后面
说明：什么是数据？答：数据是用户填写的或选择的表单项（信息）
表单项：表单里面的项目
输入元素：输入文本框
"password"密码框
"radio"单选按钮
"checkbox"复选框
"file"文件域
"image"图像域
"hidden"隐藏域
"button"按钮
"reset"重置
"submit"提交
- (1)输入文本框：
size=“多少个字符的宽度” readonly只读 disabled禁用/>
-
(2)密码框：
-
(3)单选按钮：
单选按钮要是同一组的 那么name值相同；如果不同，name值不同。
提示
提示
- (4)复选框：
多选，name值相同也行，不同也行
- (5)文件域：
- (6)图像域：
代替submit样子，如果你觉得submit不好看，那么你可以使用PS做一个图代替submit。
- (7)按钮：
- (8)重置按钮：
将所有表单项重置为默认值而不是清空
- (9)提交按钮：
点击提交按钮后浏览器自动将表单项数据发送给action所以所指地址
- (10)select标签；
①单选下拉菜单 ：
②多选列表
-
(11)文本域：例如新浪微博，发表微博。百度贴吧，发布帖子