html基础标签用法

2024-09-02 15:39:20

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 行内双	文字加粗

最新文章

热门文章