常见HTML代码集合
以下是HTML基本(常用)标签的整理,
控件范围
当创建一个视效的时候, 需要使用类型代码声明视效并确认范围. HTML通过一组标签确定范围.
比如需要加粗这里的字体, 上述HTML代码为:
<p>比如需要<strong>加粗这里</strong>的字体, 上述HTML代码为:</p>
在这里, <p>和</p>包络了一个段落, <strong>和</strong>包络了需要加粗的地方.
对于任何一般性的范围标记, 都应该使用与之匹配的终止声明确定包络的范围. 一般是同名标记前添加一个正斜杠/.
注意分层. 比如如下代码是无效的:
<strong><p>比如需要加粗这里</strong>的字体, 上述HTML代码为:</p>
因为标签应该是嵌套关系, 不能随意的包络. 这里strong和p成为了重叠关系, 显然无法解析.
基本
<html>…</html> 定义 HTML 文档
<head>…</head> 文档的信息
<meta> HTML 文档的元信息
<title>…</title> 文档的标题
<link> 文档与外部资源的关系
<style>…</style> 文档的样式信息
<body>…</body> 可见的页面内容
<!--…--> 注释
文本
<h1>...</h1> 标题字大小(h1~h6)
<b>...</b> 粗体字
<strong>...</strong> 粗体字(强调)
<i>...</i> 斜体字
<em>...</em> 斜体字(强调)
<u>...</u> 下划线
<del>...</del> 删除线(表示删除)
<center>…</center> 居中文本(HTMl5已不支持center标签,可用样式text-align:center代替)
<ul>…</ul> 无序列表
<ol>…</ol> 有序列表
<li>…</li> 列表项目
<a href=”…”>…</a> 超链接
<font> 定义文本字体尺寸、颜色、大小
<sub> 下标
<sup> 上标
<br> 换行
<p> 段落
注意: 上述的标签都有对应的终止标签, 比如 <font>.....</font>
图形
<img src=’”…”> 定义图像
<hr> 水平线
表格
<table>…</table> 定义表格
<th>…</th> 定义表格中的表头单元格
<tr>…</tr> 定义表格中的行
<td>…</td> 定义表格中的单元
其它
<form>…</form> 定义供用户输入的 HTML 表单
<frame> 定义框架集的窗口或框架
2022年10月5日
