【笔记】HTML标签汇总

来源:互联网 发布:c语言define函数 编辑:程序博客网 时间:2024/06/05 01:03

本篇是HTML标签汇总笔记,供查询用。

常用标签

<html>

<head> 头部

<body> html body

<p> 段落标签

<h> 标题标签 1~6共6个等级

<hr> 表示一条水平横线

<br> 换行

<nobr> 不换行

<center> 居中显示

<marquee> 走马灯

<button> 按钮

<script> 嵌入JavaScript脚本

<a> 锚点和超链接

<img> 图片


文本标签

<b> 加粗

<strong> 加粗 语义

<small> 显示小号字体

<i> 斜体

<em> 斜体

<u> 下划线

<sup> 上标

<sub> 下标

<span> 组合文档中的行内元素

<font> 设置字体大小、颜色等,更建议用CSS实现相关功能

Html语义标签

<blockquote> 用于表示文本的引用

<cite> 用于表示文本对某个参考文献的引用

<address> 用于表示地址(斜体)

<code> 用于表示代码

<var> 用于表示变量

<dfn>  用于定义专业术语

<del> 中划线

<pre> 预先格式化

<mark> 用以标记重点

<details> 用于表示详细信息

<summary>用于表示摘要信息

Html结构标签

<div> 没有语义,多用作钩子

<section> section不仅仅是一个标签容器,它带有明显的语义。常用于对网站或者应用程序中页面上的内容进行分块。

<article> 特殊的section标签,它比section更具有明确的语义。无论从结构上还是内容上来说,它代表一个独立的、完整的相关内容块

<header> article的标题部分

<footer> article的footer部分

Html列表标签

<ul> 无序列表

<ol> 有序列表

<li> 列表项

<dl> 定义列表

<dt> 定义列表开始

<dd> 定义列表项

HTML表格标签

<table> 用于展示表格

<caption> 表格标题

<tr> 表格的行

<th> 表格的表头单元格

<td> 表格的单元格

HTML表单标签

<fieldset> 可将表单内的相关元素分组

<input> 功能丰富,通过设置type可以实现文本框、选择框等功能

<selction> & <option> 实现下拉选择

<textarea> 文本输入区域

<datalist> 用于展示文本框与下拉菜单组合在一起的效果,请注意datalist的id值必须是form表单的list属性值

HTML5新增标签

<meter> 用于表示度量结果

<progress> 用于表示进度

<audio> 音频文件

<video> 视频文件


未完待续~

原创粉丝点击