html基础标签用法
- 2020 年 12 月 4 日
- 筆記
head
title | 行级双 | 网页标题标签 |
---|---|---|
meta | 单 | 存放网页重要信息,字符集,搜索索引,简介等(不显示) |
a 标签行内双标签 | href=”跳转路径”, (JavaScript:void(0))超链接失效 |
---|---|
属性 | target=”打开方式”(_self _blank ) 本页面打开|新页面打卡 |
form 属性 行级双 | action=”提交地址” |
---|---|
method=”get” | 在地址栏提交,大小受限2k左右,不安全 |
method=”post” | 不在地址栏提交,大小没限制,相对安全 |
input | 表单输入标签 |
---|---|
type = “text” | 文本输入框 |
type = “password” | 密码输入框(信息隐藏) |
type = “radio” | 单选框 checked 默认选中 |
type = “checkbox” | 复选框 checked 默认选中 |
type = “button” | 按钮 |
type = “submit” | 提交表单按钮 |
type = “reset” | 重置表单按钮 |
type = “image” | 图片提交 |
type = “hidden” | 隐藏 |
type = “file” | 文件输入框 |
select | 下拉选标签 option 下拉选选项 |
---|---|
selected = “selected” | 默认选中 |
size=”数字” | 显示的条目 |
multiple=”multiple” | 设置可以多选 |
textarea | 文本域标签 |
---|---|
rows | 属性 文本域默认的大概行数 |
cols | 属性 文本域默认的大概列数 |
通用属性 | name 给单选和复选框分组 |
---|---|
name | 作为提交表单信息的键 |
value | 给按钮起名 |
value | 给表单设置默认值 |
disable | 设置表单不可用(不能选中和更改) |
readonly | 设置表单只读 |
img图片标签 | 行内单 |
---|---|
src =”图片路径” | |
alt=”图片打开失败显示的内容” | |
title=”鼠标悬停显示的内容” |
table表格标签 | 行级双 |
---|---|
caption | 表格标题 |
tbody | 表格体,可以不写,默认存在 |
tr | 表格行标签 |
th | 表格表头标签 |
td | 表格单元格标签,colspan设置占多列,rowspan设置占多行 |
width=”表格宽度” | |
border=”表格外边框粗细” | |
align=”对齐方式” 可以用在td,tr,table |
ol | 行级双 有序列表标签 | |
---|---|---|
li | 列表中的每一项 | |
type=”序号属性”:1数字 a|A字母 i|I罗马数字 | ||
ul | 行级双 无序列表标签 | **** |
li | 列表中的每一项 | |
属性 | type=”序号属性”:disc实心圆 circle空心圆 square方块 |
div | 行级双 | 本身无样式,独占一行 |
---|---|---|
span | 行内双 | 本身无样式,行内的一片区域 |
文本标签 | |
---|---|
p 行级双 | 段落标签,独占一行,前后留白 |
br 行级单 | 换行标记 |
hr 行级单 | 分隔线标记 |
h1-h6 行级双 | 标题标签,独占一行,前后留白,数字越小字越大 |
font 行内双 | 文字标签已过时 |
i 行内双 | 斜体 |
b 行内双 | 文字加粗 |
strong 行内双 | 文字加粗 |