前端标签笔记(html5)

本文详细介绍了HTML中的各种标签及其属性,包括字体、段落、图像、列表、表格、表单等,帮助读者理解如何构建网页的基本结构。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  • 字体标签 font
  1. color:颜色
  2. size:大小(1-7)
  3. face:改变字体
  • p 段落标签
  • h 标题标签
  • br 换行
  • hr 水平线
  • b 加粗
  • i 斜体
  • strong :加粗 包含语义
  • em 斜体 包含语义
  • img标签
  1. src :指定图片的路径
  2. width:宽度
  3. height:高度
  4. alt:图片加载错误的提示信息
  • 相对路径
  1. ./ 代表的是当前路径
  2. ../代表的是上一级路径
  3. ../../代表的是上上一级路径
  • ul:无序列表
  1. type:样式
  • ol:有序列表
  1. type:样式
  2. start:起始索引
  • li:列表项
  • a:超链接标签
  1. border:指定表框
  2. width:宽度
  3. height:高度
  4. bgcolor:背景颜色
  5. align:对齐方式
  • tr标签
  • td标签
  1. colsapn:跨列操作
  2. rowspan:跨行操作
  • 表格单元格的合并
  • 表格单元格的嵌套

表单标签:

  • action:直接提交的地址
  1. method:

            get 方式   默认提交方式,会将参数拼接在连接后面,有大小限制,4K

             post方式   会将参数封装在请求体中,没有这样的限制

input:

  • type:指定输出项的类型
  1. text:文本
  2. password:密码
  3. radio:单选按钮
  4. checkbox: 复选框
  5. file: 上传文件
  6. submit: 提交按钮
  7. button:普通按钮
  8. reset:重置按钮
  9. hidden:隐藏项
  10. date:日期类型
  11. tel:手机号
  12. number:只允许输入数字
  13. placeholder:指定默认的提示信息
  • name:在表单里提交的时候,当做参数的名称
  • id:给输入项去一个名字,以便后期我们找到他,并且操作它
  •  
  • textarea:文本域,可以输入一段文本
  1. cols:指定宽度
  2. rows:指定的是高度
  • select :下拉列表    ——>>>> option:选择项
  • 如果使用frameset 需要将body标签去掉
  1.      cols:按列划分页面
  2.      rows:按行划分页面

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值