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