en英文
zh-CN中文
ja-jp日文
<!-- -- >注释
HTML常用标签
分段
强制换行
下划线
水平线
强调突出内容
强调倾斜内容
删除线
下际
上际
特殊符号
<;大于号
>;小于号
&emsp;空格
&trade;TM
®;®
©;©
&;&
¥;¥
°;摄氏度
hr
color=""水平线颜色
width=""水平线宽度
align=""水平线方向,left左,right右
noshade="noshade"水平线默认阴影消除
图片标签的路径和属性
相对路径 ./ ../
绝对路径 去网络里找图片链接
./是找同级或下级图片
../是找上级图片
src=""引入图片链接
alt=""当图片出现问题,可以提示一段文字
title=""鼠标悬停信息
width=" px"设定图片宽度
height=" px"设定图片高度
链接标签
href=""链接的地址
tltle=""悬停提示信息
target=""填入网址
target=""里包含_blank和_self
_blank在浏览器新窗口打开页面
_self在浏览器原窗口打开页面
可以在图片里加链接
跳转锚点
1.#号和id属性
在要跳转的文本位置前填上块元素,给块元素命名
2.#号和name属性
在要跳转的文本位置前在写一个
无序列表
ul和li必须是组合出现的,他们之间是不能有其他标签的
type=""是改变前面标记样式(一般都是用css去控制)
disc是实心圆 circle是空心圆
square是实心方块 none是空白可以随意发挥
有序列表
ol和li必须是组合出现的,他们之间是不能有其他标签的
type=""是改变前面标记样式(一般都是用css去控制
1是数字 a是小写字母 A大写字母 i罗马数字小写 I罗马数字大写
start=""从哪个数字开始(取值只能是数字)
定义列表
列表最外层容器
定义专业术语或名词
对名词进行解释和描述
表格标签
表格最外层容器
定义表格行
表格属性
border=""表格边框
cellpadding=""单元格内的空间
cellspacing=""单元格之间的空间
rowspan=""合并行
colspan=""合并列
align=""单元格文字左右对齐方式
align:left、center、right
valign=""单元格文字上下对齐方式
valign:top、middle、bottom
表单标签和属性
action=""提交到一个地址
标签用于搜集用户信息,根据不同的type属性值,展示不同的控件
text普通文本密码框
password密码输入框
placeholdr提示文本
button自定义按钮
disabled禁用
readonly只读
submit提交按钮
hidden是给后端带信息普通用户看不见 一般伴随(value)
图片代替提交按钮
reset重置按钮
2.checkbox复选框
加上checked会出现一个默认选择
disabled禁止使用
3.radio单选框
name="(写一个自定义的值)"通过name可以让两个或多个单选框变为一组(自定义的值要相同)
加上checked会出现一个默认选择
4.file上传文件
multiple按住鼠标左键鼠标滑过可以多选
5.textarea多行文本框
cols=""表示列
rows=""表示行
可以通过调节行列改变大小
resize重新设置大小(css)
: vertical;垂直
:horizontal;水平
:both;默认
:none;无法控制
6.
select下拉菜单
size=""填入数字可以让下拉菜单显示多项
multiple按住鼠标左键鼠标滑过可以多选
option菜单里的选项传给后端要设置value值
selected下拉菜单默认显示当前被选中的那一项
7.是一个辅助属性
id和for要相同
拿3.做例子
正常点这个文字是选不中的
男
女
但是用上label后就可以了
字段集
缺口
div和span标签
1.(块)用来划分区域
2.(内联)对文字单独修饰
style=""设计
color颜色
div和span都是没有任何默认样式的,需要配合css
音频
controls控制栏
loop循环
autoplay自动播放
muted静音
视频
controls控制栏
loop循环
autoplay自动播放
muted静音
poster属性海报
HTML5新增语义化标签
section元素 表示页面中的一个内容区块(页面身体)
article元素 表示一块与上下文无关的独立的内容
aside元素 在article之外的,与article内容相关的辅助信息(侧边栏)
header元素 表示页面中一个内容区块或整个页面的标题(页面头部)
footer元素 表示页面中一个内容区快或整个页面的脚注(页面底部)
nav元素 表示页面中导游链接部分(页面导航栏)
figure元素 表示一段独立的流内容,使用figcaption元素为其添加标题(第一个获最后一个子元素的位置)
main元素 表示页面中的主要内容(ie不兼容)
增强表单
表单最外层容器
action提交到一个地址
标签用于搜集用户信息,根据不同的type属性值,展示不同的控件
加上name是给后端的
type="color"生成一个颜色选择的表单
type="email"生成一个邮箱输入框
type="tel"换起拨号盘表单
type="search"产生一个搜索意义的表单
type="range"产生一个滑动条表单,支持min,max,value,step
(min最小值)
(max最大值)
(value设置默认)
(step移动数值)
type="number"产生一个数值表单,支持min,max,value,step
type="email"限制用户必须输入email类型
type="url"限制用户必须输入url类型
type="date"限制用户必须输入日期
type="month"限制用户必须输入月类型
type="week"限制用户必须输入周类型
type="time"限制用户必须输入时间类型
type="datetime-local"选取本地时间
搜索列表
(list和id相连)
(这个是列表可以想写多少写多少)
value自定义名称
表单属性
autofocus自动获取焦点
required验证输入不能为空
multiple可以输入一个或多个值,每个值用逗号隔开
还可用于file
pattern
将属性值设为某个正则表达式,在提交时会检查其内容是否合给定格式