WEB前端笔记1——HTML的常用标签

本文介绍了HTML中的基础标签使用方法,包括段落、标题、图片、列表等,并详细解释了各标签的属性及其应用场景。

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

一 在文本中使用的标签

	<p>x</p>				段落标签
	<h1>x</h1>				标题标签1-6
	<br />					换行
	<hr>					水平线
	<b>x</b> 		 		加粗
	<i>x</i> 				斜体
    <strong>x</strong>		加粗, 带语义标签
    <em>x</em>				斜体, 带语义

二 插入图片 < img>标签

  • 常用的属性;
    * width : 宽度
    ​ * height: 高度
    ​ * src : 指定文件路径
    * alt: 图片加载失败时的提示内容

三 列表< ul>< ol>标签

< li> 列表项

  • 无序列表: ul
    • type: 小圆圈,小圆点, 小方块
  • 有序列表: ol
    • type: 1,a ,A,I,
    • start : 指定是起始索引

四 超链接< a>

常用的属性:

  • href: 指定要跳转去的链接地址
    • 如果是网络地址需要加上http协议 ,
    • 如果访问的是本网站的html文件,可以直接写文件路径
  • target : 以什么方式打开
  • _self: 默认打开方式,在当前窗口打开
  • _blank: 新起一个标签页打开页面

五 字体< font>标签

  • 常用的属性:
    • color: 颜色
    • size: 大小 1~7
    • face: 改变字体

六 表格 < table> 标签

< table>标签

  • border:指定边框
  • width :宽度
  • height :高度
  • bgcolor :背景颜色
  • align : 对齐方式

< tr>行标签和 < td>列标签

  • colspan: 跨列操作 合并同行两个单元格
  • rowspan: 跨行操作 合并同列两个单元格

七 表单 < form> 标签

常用的属性:

  • action : 直接提交的地址
  • method :
    • get 方式 默认提交方式 ,会将参数拼接在链接后面 , 有大小限制 ,4k
    • post 方式 会将参数封装在请求体中, 没有这样的限制

输入框< input> 标签

  • type: 指定输入项的类型

    • text : 文本
    • password : 密码框
    • radio : 单选按钮
    • checkbox : 复选框
    • file : 上传文件
    • submit : 提交按钮
    • button : 普通按钮
    • reset : 重置按钮
    • hidden : 隐藏域
    • date : 日期类型
    • tel : 手机号
    • number : 只允许输入数字
  • placeholder : 指定默认的提示信息

  • name : 在表单提交的时候,当作参数的名称

  • id : 给输入项取一个名字, 以便于后期我们去找到

文本域< textarea> 标签

  • cols : 指定宽度
  • rows : 指定的是高度

下拉列表< select>标签

  • option : 选择项

框架标签 < frame>

< frameset>标签

< frame>标签是整个框架,里面嵌套了好多< frame>
注意: 使用了frameset必须将body删掉,否则页面会有问题
常用属性:

  • src: 引入的html文件路径
  • name: 指定框架的名称
  • rows:横向切割成两部分
  • cols:纵向切割成两部分

HBuilderX常用快捷健

Ctrl + D 删除光标当前所在的行
Ctrl + Shift + R 复制当前行到下一行
Ctrl + Enter 将光标移动到下一行
Ctrl + Shift + Enter 将光标定位在上一行
Ctrl + Shift + / 注释当前行
Ctrl + R 运行当前网页/刷新当前网页

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值