前端小白学习------html进阶篇-高级标签
发布日期:2021-05-15 02:09:11 浏览次数:17 分类:精选文章

本文共 1237 字,大约阅读时间需要 4 分钟。

HTML进阶篇——高级标签

空格与文本处理

在HTML中,空格不是文本空格,而是专门的分割符,回车也是一种分割符,不能用作文本内容。编辑器中输入的空格会被浏览器默认识别为分隔符,浏览器会将其作为单个字符处理。但对于汉字等复杂字符,浏览器会根据编码自动识别单个字符。

空格的展示形式

在HTML中,空格可以通过 进行编码展示。例如:

这是一段文本,包含一个空格: 后面的内容将不会与空格合并

这样可以确保空格不会被浏览器合并至周围文本。

有序列表

有序列表可以通过<ol>标签实现,<li>标签作为列表项。以下是一些常用属性:

  • type="a":按照字母(a、b、c...)排序,默认是从a开始。
  • type="A":按照大写字母(A、B、C...)排序。
  • type="i"type="I":按照罗马数字排序。
  • reversed:实现逆序排序。
  • start="2":指定起始序号。

例如:

  1. 第一项
  2. 第二项
  3. 第三项

无序列表

无序列表可以通过<ul>标签实现,<li>标签作为列表项。无序列表默认显示圆点或图标,具体样式可以通过type属性调整:

  • type="disc":实心圆
  • type="square":方形实点
  • type="circle":空心圆

无序列表常用于导航栏或非正式列表。

表单标签

表单标签用于收集用户输入,主要包括以下元素:

  • <input>:用于单线文本、密码框、文件上传等。
  • <textarea>:用于多行文本输入。
  • <select>:用于下拉菜单。
  • <button>:用于按钮提交。
  • <radio><checkbox>:用于单选框和复选框。

超链接

<a>标签用于创建超链接,可以通过href属性指定目标URL。支持的特性包括:

  • target="_blank":打开新标签页。
  • rel="nofollow":禁止搜索引擎跟踪。
  • title:提示信息。
  • onclick:执行JavaScript函数。
  • tel:拨打电话。
  • mailto:发送邮件。
  • javascript::执行JavaScript代码。

例如:

点击这里可以访问百度。

点击这里可以拨打电话。

表单提交

表单提交通过<form>标签实现,可以通过method属性指定提交方式(getpost),action属性指定提交地址。

表单元素

常见表单元素包括:

  • input type="text":单行文本输入。
  • input type="password":密码框。
  • input type="submit":提交按钮。
  • input type="radio":单选框。
  • input type="checkbox":复选框。
  • select:下拉菜单。
  • textarea:多行文本输入。

例如:

以上就是HTML高级标签的核心内容,接下来可以根据实际需求扩展更多标签和属性。

上一篇:socket模块和粘包现象
下一篇:类的两个装饰器classmethod、staticethod和内置魔术方法

发表评论

最新留言

感谢大佬
[***.8.128.20]2025年04月20日 20时23分20秒