HTML中常用的标签

超文本标记语言(HyperText Markup Language 简称 HTML), 是一种用于创建网页的标准标记语言. HTML是一种基础语言常常与CSS, JavaScript结合创建出令人赏心悦目的网站. 本篇文章就介绍在HTML中常用的标签.

根元素

<html> 表示一个HTML文档的根(顶级元素),所所以它也被称为根元素。其他所有其他元素必须是此元素的后代,也就是说其他所有的标签都在该标签内部.

文档元数据

元数据(Metadata) 含有页面的相关信息, 包括样式, 脚本及数据, 能帮助一些软件(搜索引擎, 浏览器) 更好的运用和渲染页面
<link>        指定了外部资源与当前文档的关系
<meta>      除开常用的base, link, script, style, title 之外的数据信息
<style>      表示文档的样式化信息, 通常是CSS的格式

内容分区

内容分区元素是将文档内容从逻辑上进行组织划分. 使页面包扩页眉, 页脚, 导航, 标题等分区元素
<article>    表示文档中表示独立或者可以重用的部分
<aside>      表示和页面无关的内容, 侧边栏. 例如广告, 个人资料信息等
<footer>    表示章节内容或者根节点元的页脚
<header>  引导性内容, 也可以包含其他元素, 像logo, 分节头部, 搜索表单等
<h1 ~ h6>    标题的6个级别 <h1>是最大, <h6>是最小
<nav>        导航栏, 描述一个或多个超链接区域
<section>    表示文档中的一个区域

文本内容

使用 HTML 文本内容元素来组织在开标签<body>, 表示的是HTML文档的主体内容(任何一个HTML文档,只允许存在一个 <body> 元素) 和闭标签 `</body> 里的`块或章节的内容

<div>   通用的流内容容器, 他在语义上不代表任何特定的内容, 相当于一个容器
<dl> <dt> <dd>     表示列表相关
<ol> <ul> <li>    有序和无序里诶包
<p>    表示一个段落
<pre>    预定义格式文本, 怎么输入的就在页面中怎么显示

内联文本语义

<a>    超链接标签, 用来做页面内的跳转或者是其他页面的跳转
<em> <i>    吸引用户关注的文本内容
<kbd>    表示键盘输入
<code>  呈现一段计算机代码
<span>    表示短语内容的通用行内容器, 并没有任何特殊语义, 类似<div> 但span是行内元素

图片和多媒体

<img>    显示图片
<map>    地图
<audio>    音频内容
<video>    视频内容
<area>    定义图片上热点区域

脚本

为了创建动态内容和 Web 应用程序,HTML 支持使用脚本语言,最突出的就是 JavaScript.

<canvas>    通过脚本(JavaScript) 绘制图形
<script>      嵌入或者引用可执行脚本

表格内容

这里的元素用于创建和处理表格数据

<caption>    定义表格标题
<table>      定义表格
<th> <tr>  <td>   定义表格的行和列元素

表单

可以使用表单元素想服务器提交数据

<button>    可点击按钮, 能够发起提交表单的动作
<form>    表单的起始标签
<input>    form表单中的交互式控件
<label>    显示文本内容
<select>    显示可选控件
<textarea>  文本区域, 可以显示多行
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,294评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,780评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,001评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,593评论 1 289
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,687评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,679评论 1 294
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,667评论 3 415
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,426评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,872评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,180评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,346评论 1 345
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,019评论 5 340
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,658评论 3 323
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,268评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,495评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,275评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,207评论 2 352

推荐阅读更多精彩内容