标签 | 描述 |
---|---|
<em> |
呈现为被强调的文本。 |
<strong> |
定义重要的文本。 |
<dfn> |
定义一个定义项目。 |
<code> |
定义计算机代码文本。 |
<samp> |
定义样本文本。 |
<kbd> |
定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。 |
<var> |
定义变量。您可以将此标签与 <pre> 及 <code> 标签配合使用。 |
<sub> | 下标文本能用来表示化学公式,比如 H2O。 |
<sup> | 上标文本能用来添加脚注,比如 WWW[1] |
<h1>-<h6> | 标题 |
<mark> | 高亮 |
<img /> | <img src="图片的地址" alt="坐在桌子上的兔子"> |
<a> |
<a href="https://baidu.com">百度</a> <a target="_blank" href="#about">关于我们</a> |
<ul> |
无序列表,搭配<li>使用 |
<ol> |
有序列表,搭配<li>使用 <ol start="50"> <li>咖啡</li> <li>牛奶</li> <li>茶</li> </ol> |
<input> |
输入文本框<input type="text" name="FirstName" placeholder="firstname" required/> <input type="submit" /> placeholder 属性适用于以下的 <input> 类型:text, search, url, telephone, email 以及 password |
<form> |
|
<lable> |
单选框: <label><input type="radio" name="sex" value="male" checked>Male</label> <label><input type="radio" name="sex" value="female">Female</label> 复选框: <label><input type="checkbox" name="vehicle" value="Bike">I have a bike</label> <label><input type="checkbox" name="vehicle" value="Car">I have a car </label> <label><input type="checkbox" name="vehicle" value="skateboard">I have a skateboard </label> |
注释:<!--
开始添加注释,并用 -->
结束注释
块级元素
div、h1~h6、blockquote、dl、dt、dd、form、hr、ol、p、pre、table、ul ...
特点:总是在新行上开始,高度、行高以及顶和底边距都可控制,宽度缺省(默认)是它的容器的100%,除非设定一个宽度。
功能:主要用来搭建网站架构、页面布局、承载内容。
行内元素
span、a、b、br、code、em、i、img、input、label、select、textarea ...
特点:和其他元素都在一行上,高、行高及顶和底边距不可改变,宽度就是它的文字或图片的宽度,不可改变。
功能:用于加强内容显示,控制细节,例如:加粗、斜体等等。
HTML5 引入了很多更具描述性的 HTML 元素
例如:header
、footer
、nav
、video
、article
、section、main、side
等。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通