
前端小白学习------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"
:指定起始序号。
例如:
- 第一项
- 第二项
- 第三项
无序列表
无序列表可以通过<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
属性指定提交方式(get
或post
),action
属性指定提交地址。
表单元素
常见表单元素包括:
input type="text"
:单行文本输入。input type="password"
:密码框。input type="submit"
:提交按钮。input type="radio"
:单选框。input type="checkbox"
:复选框。select
:下拉菜单。textarea
:多行文本输入。
例如:
以上就是HTML高级标签的核心内容,接下来可以根据实际需求扩展更多标签和属性。
发表评论
最新留言
感谢大佬
[***.8.128.20]2025年04月20日 20时23分20秒
关于作者

喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
Python中字符串前添加r ,b, u, f前缀的含义
2019-03-06
Hadoop学习笔记—Yarn
2019-03-06
JSONPath小试牛刀之Snack3
2019-03-06
Jenkins - 部署在Tomcat容器里的Jenkins,提示“反向代理设置有误”
2019-03-06
wxWidgets源码分析(3) - 消息映射表
2019-03-06
wxWidgets源码分析(5) - 窗口管理
2019-03-06
wxWidgets源码分析(7) - 窗口尺寸
2019-03-06
wxWidgets源码分析(8) - MVC架构
2019-03-06
wxWidgets源码分析(9) - wxString
2019-03-06
[白话解析] 深入浅出熵的概念 & 决策树之ID3算法
2019-03-06
[梁山好汉说IT] 梁山好汉和抢劫银行
2019-03-06
[源码解析] 消息队列 Kombu 之 基本架构
2019-03-06
[源码分析] 消息队列 Kombu 之 启动过程
2019-03-06
[源码分析] 消息队列 Kombu 之 Consumer
2019-03-06
抉择之苦
2019-03-06
wx.NET CLI wrapper for wxWidgets
2019-03-06
ASP.NET MVC Action Filters
2019-03-06
Powershell中禁止执行脚本解决办法
2019-03-06