HTML概述

目录:
1.W3C简介
2.MDN简介
3.HTML所有标签列表(含部分解释)
4.空标签
5.可替换标签
6.其他

1.W3C简介

W3C(万维网联盟),听名字就是一个机构,details是在web技术领域最具权威和影响力的国际中立性技术标准机构。比如给超文本标记语言(HTML)制定标准。为什么要制定标准呢?因为浏览器有很多,常见的chrome opera firefox safari ie等,要是这几家都自己玩自己的,那么问题就非常多了。所以,W3C制定标准,大家都采用这个标准,世界就简单了许多。

2.MDN是什么

我们这里说的MDN(Mozilla Developer NetWork. Mozilla Developer Center),指的是MDN Web Docs,看名字就是“MDN 网络文档”,实际上是汇集众多Mozilla基金会产品和网络技术开发文档的免费网站。既然是免费+文档,我们当然可以在MDN多查阅所需要的东西~

3.HTML所有标签列表

  • 定义注释
  • <!DOCTYPE> 定义文档类型
  • <a> 定义超链接
  • <abbr> 定义缩写
  • <address>  定义地址元素
  • <area>  定义图像映射中的区域
  • <article>  定义article
  • <aside>  定义页面内容之外的内容
  • <audio>  定义声音内容
  • <b>  定义粗体文本
    *<base>  定义页面所有链接的基准URL
  • <bdo>   定义文本显示的方向
  • <blockquote>  定义长的引用
  • <body>  定义body元素
  • <br>   插入换行符
  • <button>  插入按钮
  • <canvas>  定义图形
  • <caption>  定义表格标题
  • <cite>  定义引用
  • <code>  定义计算机代码文本
  • <col>   定义表格列的属性
  • <colgroup>  定义表格列的分组
  • <command> 定义命令按钮
  • <datalist>  定义下拉列表
  • <dd>  定义 定义的描述
  • <del>  定义删除文本
  • <details>  定义元素的细节
  • <dfn>  定义 定义项目
  • <div>  定义文档中的一部分
  • <dl>  定义 定义列表
  • <dt>  定义 定义的项目
  • <em>  定义强调文本
  • <embed>  定义外部交互内容或插件
  • <fieldset>  定义fieldset
  • <figcaption> 定义figure元素的标题
  • <figure>  定义媒介内容的分组以及它们的标题
  • <footer>  定义section或page的页脚
  • <form>  定义表单
  • <h1>to<h6>  定义标题1到标题6
  • <head>  定义文档的信息
  • <header>  定义section或page的页眉
  • <hgroup>  定义有关文档中的section的信息
  • <html>   定义html文档
  • <i>  定义斜体文本
  • <iframe>  定义行内的子窗口
  • <img>  定义图像
  • <input>  定义输入
  • <ins>   定义插入文本
    *<keygen>  定义生成密钥
  • <kdb>  定义键盘内容
  • <lable> 定义表单控件的标注
  • <legend>  定义fieldset(自定义字段)的标题
  • <li>   定义列表的项目
  • <link>  定义资源引用
  • <map>  定义图像的映射
  • <mark>  定义有记号的文本
  • <menu>  定义菜单列表
  • <meta>  定义元信息
  • <meter>  定义预定义范围内的度量
  • <nav>  定义导航链接
  • <noscript>  定义noscript部分
  • <object>  定义嵌入对象
  • <ol>  定义有序列表
  • <optgrounp>  定义选项组
  • <option>  定义下拉列表中的选项
  • <output>  定义输出的一些类型
  • <p>  定义段落
  • <param>  为对象定义参数
  • <pre>  定义预格式化文本
  • <progress>  定义任何类型的任务进度
  • <q>   定义短的引用
  • <rp>  定义若浏览器不支持ruby元素显示的内容
  • <rt>  定义ruby注释的解释
  • <ruby>  定义ruby注释
  • <samp>  定义样本计算机代码
  • <script>  定义脚本
  • <section> 定义section
  • <select>  定义可选列表
  • <small>  定义小号文本
  • <source>  定义媒介源
  • <span>  定义文档中的section
  • <strong>  定义强调文本
  • <style>  定义样式定义
  • <sub>  定义下标文本
  • <summary>  定义details(细节)元素的标题
  • <sup>  定义上标文本

4.空元素

一个空元素可能是HTML,SVG,MathML里的一个不可能存在子节点的元素
MathML元素,是数学标记语言,用来书写数学符号和公示的标记语言,对应的标签是<math>...</math>
在HTML中,通常在一个空元素上使用闭合标签是无效的,

<input type="text"></input> 闭合标签是无效的HTML

有以下空元素:<area> <base> <br> <col> <colgroup> <command> <embed> <hr> <img> <input> <keygen> <link> <meta> <param> <source> <track> <wrb>

5.可替换元素(很不熟悉,见下一篇博客)

6.其他(不太熟悉或者遗忘的)

  • 制作电子邮件的链接:<a href="mailto:xxx@yyy">
  • 在新窗口打开链接:<a href="url" target="_blank">
  • 单元格内容左对齐:<td align="left">
  • input的type属性:button\checkbox\file\hidden\image\password\radio\reset\submit\text
  • 下拉列表:<select> ;文本区:<textarea>
    *<colgroup>标签补充:用于对表格中的列进行组合,以便进行格式化,可以向整个列应用样式。只能在<table>元素之内,而且在任何一个<caption>(说明)元素之后,在<thead> <tbody> <tfoot> <tr>元素之前使用。若要在某列定义不同的属性,使用<col>。示例如下:


    image.png

    结果如下:

image.png

占坑~

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

推荐阅读更多精彩内容