这是我学习完css之后回来写的,学了几天迷迷糊糊的,没有什么效率,所以我把这几天学的整理出来,这篇只是简单的介绍了HTML中定义的常用标签,属性我会放在后面介绍,不过还是建议从简单到复杂看,不然没有效率的话和浪费时间无异, 亲身体会QAQ…
基础标签
标签 | 描述 | 备注(<>前面加上\就可以完整显示标签) |
---|---|---|
<!DOCTYPE> | 定义文档类型 | 无结束符 |
<body> | 文档的主体 | 大部分的内容都是写在body里面 |
<br /> | 换行 | 无结束符,但是最好养成好习惯用 / 结束 |
<div> | 定义文档中的节 | 块级元素 |
<hr /> | 画水平线 | 无结束符 |
<h1>到<h6> | 定义文档的标题 | 共六级标题,从1到6逐渐变小,h1最大,h6最小 |
<html> | 定义HTML文档 | ------- |
<p> | 段落 | 虽然HTML也支持属性,但是把属性放到样式表会更好 |
<span> | 定义节 | 组合行内元素 |
<style> | 定义文档的样式信息 | type="text/css"时,可在style间定义css样式(建议用link链接外部样式表) |
<title> | 定义文档标题 | 主题就是导航栏上面的标题,head中必需的元素 |
<!----> | 写注释 | -------- |
元信息标签
标签 | 描述 | 备注 |
---|---|---|
<head> | 定义文档的头部 | 描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。base, link, meta, script, style, 以及 title(必需的)。 |
<meta> | 提供元信息 | 放着针对搜索引擎和更新频度的描述和关键词,无结束符 |
<base> | 默认地址 | 定义页面中所有链接的默认地址或目标 |
格式标签
写的是比较常用的
标签 | 描述 | 备注 |
---|---|---|
<abbr> | 定义缩写 | 需要和title属性一起使用 < abbr title=“这里填完整的内容”>这里是填缩写的地方,也就是显示的地方< /abbr> |
<b> | 加粗 | 加粗 |
<i> | 斜体 | 斜体 |
<kbd> | 键盘文字 | 键盘文字 |
<meter> | 进度条 | IE不支持 |
<mark> | 颜色标记 | 中间的有颜色吧 |
<pre> | 预定格式 | 在里面可以按自己想要的文本格式展示 |
<process> | 进程 | 进度条,可以和JavaScript一起使用,显示任务进度 |
表单标签(控件)
标签 | 描述 | 备注 |
---|---|---|
<form> | 供用户输入的表单 | 简单的就是文本框加一个按钮了 |
<input> | 输入控件 | 如文本框、对勾、点选等 |
<textarea> | 多行的文本控件 | 可以拖动和放大缩小的文本输入框 |
<button> | 按钮控件 | 可点击的按钮 |
<select> | 下拉列表 | 可选择的列表 |
<option> | 列表中的选项 | 和select一起使用 |
<fieldset> | 围绕表单的边框 | ----------- |
<legend> | fieldset的标题 | 和fieldset一起使用 |
列表标签
标签 | 描述 | 备注 |
---|---|---|
ul/ol | 无序/有序列表 | ------- |
li | 定义列表的项目 | 嵌套在ul/ol中 |
dl | 定义定义列表 | 上面是定义的项目,下面是项目的描述 |
dt | 定义定义列表的项目 | 嵌套在dl中 |
dd | 定义项目的描述 | 嵌套在dl中 |
表格标签
标签 | 描述 | 备注 |
---|---|---|
<table> | 定义表格 | -------- |
<caption> | 定义表格标题 | 标题位于表格外,但在table内定义 |
<tr> | 定义表行 | 嵌套在table中 |
<th> | 定义表头单元格 | 嵌套在tr中 |
<td> | 定义表格中的单元 | 嵌套在tr中 |
图像标签
标签 | 描述 | 备注 |
---|---|---|
<img> | 定义图像 | ----- |
<map> | 图像映射 | 让图片可以点击 |
<area> | 定义映射中的区域 | 要嵌套在map中,无结束符 |
音频/视频标签
标签 | 描述 | 备注 |
---|---|---|
<audio> | 视频 | ----- |
<video> | 音频 | ----- |
链接标签
标签 | 描述 | 备注 |
---|---|---|
<a> | 定义超链接 | 最基本的href属性就是我们常见的插入网址 |
<link> | 定义文档与外部资源的关系 | 常见用途是链接外部样式表 |
框架标签
标签 | 描述 | 备注 |
---|---|---|
<frame> | 框架 | 搭建框架,不能和body一起使用 |
<frameset> | 框架集 | 配合frame使用可在一个页面显示多个框架 |
<iframe> | 内联框架 | 配合frame使用,在frame里搭建框架 |
<noframe> | 替代无法显示的框架 | noframe要放在body里面使用 |
整理了一遍相当于复习一下吧