HTML标签:
一、文本标签
标题标签:
换行标签:
预格式化标签(对空行和空格进行控制)
水平线标签:
无意义标签:
字体标签:
粗体标签:
斜体标签:
下划线标签:
删除标签:
上标标签:
下标标签:
二、超链接标签
普通链接:
_self 在本页面跳转,_blank 在新页面跳转
空链接:
返回页面顶部
保持原位置
脚本链接:
电子邮件链接:
锚点链接:使用name属性创建HTML页面中的锚点,当使用锚点我们可以创建直接跳转至该命名锚的链接,这样就无需不停滚动页面查看信息了
步骤:1、创建锚点. 2、链接到锚点:同一个页面: 不同页面:
三、图片标签:
src: 图片的URL ,alt:图片无法显示时的替代文本,width:图片的宽度,heigth:图片的高度
四、列表标签:
有序列表:
示例:
苹果手机 小米手机 三星手机
无序列表:
示例:
- 苹果手机
- 小米手机
- 三星手机
自定义列表:
示例:
-
苹果手机
- 苹果手机有点贵 小米手机
- 小米手机有点便宜 三星手机
- 三星手机屏易碎
五、表格标签:
示例:
水果 | 蔬菜 |
---|---|
苹果 | |
橘子 | 大白菜 |
榴莲 | 西红柿 |
六、表单标签:
1、form表单:
表单元素
action属性用来设置接收和处理浏览器递交的表单内容的服务器程序的URL
method属性用来定义浏览器将表单中的信息提交给服务器端的处理程序的方式,取值可以为:GET或POST.
enctype属性指示浏览器使用哪种编码方法将表单数据传送给www服务器。该属性可以有两种取值:
application/x-www-form-urlencoded(默认的设置)
multipart/form-data (文件上传)
2、文本框:
单行文本框:
密码文本框:
value="" />
多行文本框:
3、单选框:
4、复选框:
复选框:
复选按钮组:复选框name值必须为同名数组则为同一按钮组
5、label
男
当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上
for属性 : 规定 label 绑定到哪个表单元素
标签的 for 属性应当与相关元素的 id 属性相同
6、下拉菜单:
单选下拉菜单
多选下拉菜单
7、文件框:
表单提交方式必须为post
form必须设置属性enctype="multiplepart/form-data"
8、隐藏域:
,隐藏域不会在页面的显示,隐藏域的值仍会被提交到服务器
9、按钮:
提交按钮:
重置按钮:
普通按钮:
10、readonly与disabled属性
readonly:
readonly 属性规定输入字段为只读,但其value值仍会被表单提交
readonly属性只针对text、password和textarea有效
disabled:
disabled属性规定禁用该表单元素,其value值不会被表单提交
disabled属性对所有表单元素均有效,包括包括select, radio, checkbox, button等
使用disabled属性后表单元素背景会变成灰色
11、form表单inout 的type类型总结
用户名:密码: 请留言男:女:
手机:电脑:本:请选择男1女1