这篇文章主要集合了容易忘记的一些常用的标签和属性.
文章图片
1.文本格式化标签
| 标签 | 表头 |
|---|---|
|
加粗 |
|
斜体 |
|
删除线 |
|
下划线 |
| 属性 | 描述 |
|---|---|
src |
图像的路径 |
alt |
图片无法显示时候替换文本 |
title |
鼠标悬停时显示的内容 |
border |
图片边框的高度 |
常用特殊字符
| 字符 | 描述 | 代码 |
|---|---|---|
| ? | 版权 | ©
|
| & | 和 | &
|
| 空格 |
|
| 属性 | 结果 |
|---|---|
| list-style-type:circle; |  文章图片 |
| list-style-type:square; |  文章图片 |
ul,li{ padding:0;
margin:0;
list-style:none}有序列表 ol li CSS样式
| 属性 | 结果 |
|---|---|
| list-style-type:upper-roman; |  文章图片 |
| list-style-type:lower-alpha; |  文章图片 |
- hello
- hello world
- hello world
- hello world
【html|HTML标签笔记总结（归纳）】一般在footer底部介绍菜单分类中用的比较多
表格 表格一般不用来布局，用来显示数据；
表头
...
内容
...
...
表格属性
| 属性名 | 含义 | 常用属性值 |
|---|---|---|
| border | 边框 | 像素 |
| cellspacing | 单元格之间的空白间距 | 像素 |
| cellpadding | 单元格的内间距padding | 像素 |
| width | 宽度 | 像素 |
| height | 高度 | 像素 |
| align | 表格在网页中的水平对齐方式 | left center right |
表格标题
会居中显示在表格上
合并单元格
跨行(竖着)：rowspan
跨列(横着)：colspan
input控件
属性
属性值
描述
type
text
文本
type
password
密码
type
radio
单选（input要是同一个name）
type
checkbox
复选
type
button
按钮
type
submit
提交
type
reset
重置
type
image
图片按钮，配合src使用
type
file
文件域（上传文件）
name
用户自定义
控件的名称
value
用户自定义
input默认的文本值
size
正整数
input控件的显示宽度
checked
checked
定义选择控件默认被选择的项
maxlength
正整数
允许输入的最多的字符
label标签
作用：绑定一个表单元素，当点击label标签的时候，被绑定的表单元素会获取输入焦点
textarea控件
下拉菜单
selected="selected"用于设置默认选中的那项
表单域
在HTML中，form被用于定义表单域，实现收集传递用户信息，form中的所有内容都会被提交给服务器
属性
作用
action
收集信息传递给服务器进行处理，action指定接收并处理表单数据的服务器程序的url地址
method
用于设置表单数据的提交方式，其取值为get和post
name
名称
常用新增标签
语义化标签header nav footer article section aside
datalist ：配合input使用，输入时会提示关键词
fliedset 将表单内的相关元素分组，打包
input type新增属性值：
**类型
使用示例**
含义**
email
输入邮箱格式
tel
输入手机号码格式
url
输入url格式
number
输入数字格式
search
搜索框（体现语义化）
range
自由拖动滑块
time
小时分钟
date
年月日
datetime
时间
month
月年
week
星期 年
常用新属性
- placeholder：输入时候提示文字消失
- autofocus:让input表单加载页面时默认被选中
- multiple：多文件上传（默认的file是单个文件上传）
- required:必填项；内容不能为空
- accesskey:规定激活（使元素获得焦点）元素的快捷键，采用alt+S的形式
多媒体标签
embed:标签定义嵌入的内容,可以用来插入Midi,wav,AIFF,AU,MP3等格式，url是音频或视频文件及其路径；
- audio:播放音频
- autoplay自动播放
- controls是否显示不播放控件
- loop循环播放（loop或loop="-1"无限循环）
多浏览器支持的方案
您的浏览器不支持HTML音频播放功能
video:播放视频
- autoplay自动播放
- controls是否显示控件
- loop循环播放
- width设置窗口宽度
- heigh设置窗口高度
多浏览器支持的方案和audio类似
推荐阅读
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- web网页模板|如此优秀的JS轮播图，写完老师都沉默了
- 接口|axios接口报错-参数类型错误解决
- JavaScript|vue 基于axios封装request接口请求——request.js文件
- JavaScript|JavaScript — 初识数组、数组字面量和方法、forEach、数组的遍历
- JavaScript|JavaScript — call()和apply()、Date对象、Math、包装类、字符串的方法
- JavaScript|JavaScript之DOM增删改查(重点)
- 前端|web前端dya07--ES6高级语法的转化&render&vue与webpack&export
- vue|Vue面试常用详细总结
- javascript|vue使用js-xlsx导出excel，可修改格子样式，例如背景颜色、字体大小、列宽等
- html5|各行业工资单出炉 IT类连续多年霸占“榜首”位置