HTML标记一览表及用法说明
建站知识 2021-07-02 22:41www.168986.cn长沙网站建设
HTML标记一览表
标记 | 类型 | 名称或意义 | 作用 | 备注 |
文件标记 | ||||
<HTML> | ● | 文件宣告 | 让浏览器知道这是 HTML 文件 | |
<HEAD> | ● | 开头 | 提供文件整体信息 | |
<TITLE> | ● | 标题 | 定义文件标题,将显示于浏览器顶端 | |
<BODY> | ● | 主体 | 设计文件格式及内容所在 | |
排版标记 | ||||
<!--注解--> | ○ | 说明标记 | 为文件加上说明,但不被显示 | |
<P> | ○ | 段落标记 | 为字、图、表格等之间留下一空白行 | |
<BR> | ○ | 换行标记 | 令字、图、表格显示于下一行 | |
<HR> | ○ | 水平线 | 插入一水平线 | |
<CENTER> | ● | 居中 | 令字、图、表格等显示于中间 | 反对 |
<PRE> | ● | 预设格式 | 令文件按原代码的排列方式显示 | |
<DIV> | ● | 定位标记 | 设定字、图、表格等的摆放位置 | |
<NOBR> | ● | 不换行 | 令文字不因太长而换行 | |
<WBR> | ● | 建议换行 | 预设换行部位 | |
字体标记 | ||||
<STRONG> | ● | 加重语气 | 产生字体加粗 Bold 的效果 | |
<B> | ● | 粗体标记 | 产生字体加粗的效果 | |
<EM> | ● | 强调标记 | 字体出现斜体效果 | |
<I> | ● | 斜体标记 | 字体出现斜体效果 | |
<TT> | ● | 等宽字体 | Courier字体,字母宽度相同 | |
<U> | ● | 加下划线 | 加下划线 | 反对 |
<H1> | ● | 一级标题标记 | 将字体变大,级数越高越小 | |
<H2> | ● | 二级标题标记 | 将字体变大 | |
<H3> | ● | 三级标题标记 | 将字体变大 | |
<H4> | ● | 四级标题标记 | 将字体变大 | |
<H5> | ● | 五级标题标记 | 将字体变大 | |
<H6> | ● | 六级标题标记 | 将字体变大 | |
<FONT> | ● | 字体标记 | 设定字体、大小、颜色 | 反对 |
<BASEFONT> | ○ | 基准字体标记 | 设定所有字体、大小、颜色 | 反对 |
<BIG> | ● | 字体加大 | 令字体稍微变大 | |
<SMALL> | ● | 字体缩小 | 令字体稍微缩小 | |
<STRIKE> | ● | 加删除线 | 为文字加删除线 | 反对 |
<CODE> | ● | 程式码 | 字体稍微加宽如<TT> | |
<KBD> | ● | 键盘字 | 字体稍微加宽,单一空白 | |
<SAMP> | ● | 范例 | 字w稍榧如<TT> | |
<VAR> | ● | 变量 | 斜体效果 | |
<CITE> | ● | 斜体标记 | 斜体效果 | |
<BLOCKQUOTE> | ● | 向右缩排 | 文字向右缩排 | |
<DFN> | ● | 述语定义 | 斜体效果 | |
<ADDRESS> | ● | 地址标记 | 斜体效果 | |
<SUB> | ● | 下标字 | 文字下标 | |
<SUP> | ● | 上标字 | 文字上标 | |
清单标记 | ||||
<OL> | ● | 顺序清单 | 清单项目将以数字、字母顺序排列 | |
<UL> | ● | 无序清单 | 清单项目将以实心圆点作为符号排列 | |
<LI> | ○ | 清单项目 | 清单中的项目,一个标记一行 | |
<MENU> | ● | 选项清单 | 可用type参数指定项目符号。 | 反对 |
<DIR> | ● | 目录清单 | 与<menu>相同 | 反对 |
<DL> | ● | 定义清单 | 清单分两层出现 | |
<DT> | ○ | 定义条目 | 清单项标题 | |
<DD> | ○ | 定义内容 | 清单项内容 | |
表格标记 | ||||
<TABLE> | ● | 表格标记 | 设定该表格的各项参数 | |
<CAPTION> | ● | 表格标题 | 做成一打通列以填入表格标题 | |
<TR> | ● | 表格列 | 设定该表格的列 | |
<TD> | ● | 表格栏 | 设定该表格的栏 | |
<TH> | ● | 表格标头 | 相等于<TD>,但其内文字字体会变粗 | |
表单标记 | ||||
<FORM> | ● | 表单标记 | 决定该表单的运作模式 | |
<TEXTAREA> | ● | 文字框 | 提供文字输入栏 | |
<INPUT> | ○ | 输入标记 | 决定输入形式 | |
<SELECT> | ● | 选择标记 | 建立弹出卷动清单 | |
<OPTION> | ○ | 选项 | 每一个清单选项 | |
图形标记 | ||||
<IMG> | ○ | 图形标记 | 用来插入图形及设定图形属性 | |
链接标记 | ||||
<A> | ● | 链接标记 | 加入链接 | |
<BASE> | ○ | 基准标记 | 可将相对 URL 转绝对及指定链接 | |
框架标记 | ||||
<FRAMESET> | ● | 框架设定 | 设定框架 | |
<FRAME> | ○ | 窗口设定 | 设定框架中的窗口 | |
<IFRAME> | ○ | 页内框架 | 于网页中插入框架 | IE |
<NOFRAMES> | ● | 不支持框架 | 设定浏览器不支持框架时的提示 | |
影像地图 | ||||
<MAP> | ● | 影像地图名称 | 设定影像地图名称 | |
<AREA> | ○ | 链接区域 | 设定各链接区域 | |
多媒体 | ||||
<BGSOUND> | ○ | 背景声音 | 令背景播放音乐或声音 | IE |
<EMBED> | ○ | 多媒体 | 加入声音、音乐或影像 | |
其他标记 | ||||
<MARQUEE> | ● | 走马灯 | 令文字走动 | IE |
<BLINK> | ● | 闪烁文字 | 令文字闪烁 | NC |
<ISINDEX> | ○ | 页内寻找器 | 可输入关键字寻找该页 | 反对 |
<META> | ○ | 开头说明 | 提供关于此页的信息给浏览器 | |
<LINK> | ○ | 关系定义 | 定义该文件与其他 URL 的关系 | |
StyleSheet | ||||
<STYLE> | ● | 式样表 | 控制网页版面 | |
<span> | ● | 自订标记 | 独立使用或与样式表一起用 |
备 注
1、● 表示该标记属于围堵标记,即需要结束标记</标记>。
2、○ 表示该标记属空标记,即不需要结束标记。
3、IE 表示该标记只适应于 Inter Explorer。
4、NC 表示该标记只适用于 Netscape Communicator。
5、反对 表示该标记不为 W3C 所赞同,通常这标记是微软或网景自订,且已被大家支持,只是 HTML 标准中有其它功能相同或更好的选择。
6、弃用 表示该标记已被 W3C 所抛弃,是过时的标记,但 HTML 有向下兼容性,所以浏览器仍然支持。
7、新 表示该标记是 HTML 4.0 中新增的。
如果感觉不是很详细可以参考下狼蚁网站SEO优化的文章 都可以参考下
——本文早期转自网络,无法溯源,未标明出处,特别说明。
上一篇:js 返回上一页和刷新 的代码
下一篇:html中锚标记用法实例分享
长沙网站设计
- 如何自己建一个网站 自己想建个网站,怎么建
- 如何制作网站免费建站 创建网站免费注册
- html简单网页代码 html简单网页代码超链接
- dreamweaver网页制作 dreamweaver网页制作模板
- 上海网站建设 上海网站建设制作微信
- 如何制作网站和网页 如何制作一个网页
- html网页制作代码大全 端午节html网页制作代码大
- app开发公司 app开发公司前十名
- html网页制作 html网页制作文字居中
- app制作一个需要多少钱 请人制作一个app多少钱
- 成都网站制作 成都网站制作维护
- 百度建一个网站多少钱 百度做个公司网站要多少
- html+css网页制作成品 web网页制作成品css+javascrip
- html网页制作案例 html网页设计案例
- html+css网页制作成品 web网页制作成品css+javascrip
- 个人网站模板 个人网站模板HTML