HTML简介

W3C 简介

万维网联盟(英语:World Wide Web Consortium,缩写W3C),又称W3C理事会,是万维网的主要国际标准组织。由蒂姆·伯纳斯-李于1994年10月离开欧洲核子研究中心(CERN)后成立,在欧盟委员会和国防高等研究计划署(DARPA)的支持下成立于麻省理工学院MIT计算机科学与人工智能实验室(MIT/LCS)。

来源万维网联盟——Wikipedia

MDN 简介

MDN Web Docs(旧称Mozilla Developer Network、Mozilla Developer Center,简称MDN)是一个汇集众多Mozilla基金会产品和网络技术开发文档的免费网站。

来源MDN Web Docs——Wikipedia

Mozilla 开发者网络(亦称作 Mozilla 开发者中心(MDC)或 Devmo)在2005年年初启动。这个项目不断发展,现在已经成为所有与关于 Mozilla 项目和开放网络技术的文档的核心一环。在2010年,该项目更名为Mozilla开发者网络(Mozilla Developer Network)。2011年,又添加了供web开发者分享与展示代码的 Demo Studio 与提供教程的 Learning 页面。(MDC 现在表示了"MDN文档中心(MDN Doc Center)")现在,Mozilla开发者网络正向着成为供Web设计师、应用开发者、以及拓展、主题制作者们时常参考的资源的方向发展。

来源关于MDN

HTML 常用标签

1. 根元素

  • <html> 表示一个HTML文档的根(顶级元素)

2. 文档元数据(Metadata)

含有页面相关信息,包括样式、脚本及数据。

  • <base> 指定用于一个文档中包含的所有相对 URL 的根 URL

  • <head> 规定文档相关的配置信息

  • <link> 规定了外部资源与当前文档的关系,例如样式表、站点图标

  • <meta> 其他元数据信息,例如文档编码

  • <style> 文档的内部样式信息

  • <title> 文档的标题

3. 分区根元素

  • <body> 表示文档的内容

4. 内容分区

  • <article> 表示文档中独立内容项目,例如新闻、文章、博客等

  • <aside> 表示和其余页面内容无关的独立部分

  • <address> 表示联系信息

  • <header> 介绍性质的内容

  • <footer> 一个章节或文档整体内容的页脚信息

  • <h1>~<h6> 六个不同级别的标题

  • <main> 文档主体或中心主题内容

  • <nav> 导航栏,一个含有多个超链接的区域

  • <section> 文档内容中一个区域、专题组等

5. 文本内容

  • <blockquote> 引用文字内容

  • <div> 通用型流内容容器

  • <hr> 分割线,段落级元素之间的分隔

  • <p> 用于文本段落

  • <ul> 无序列表

  • <ol> 有序列表

  • <li> 表示列表条目

  • <dl><dt><dd> 定义列表、定义列表中的术语声明、定义列表中术语的解释描述

6. 内联文本语义

  • <a> 锚元素,通向任何URL的超链接

  • <abbr> 表示缩写

  • <b> 粗体元素

  • <br> 在文本中生成一处换行

  • <code> 呈现计算机代码

  • <i> 斜体元素

  • <kbd> 表示键盘输入

  • <s> 删除线元素

  • <span> 通用行内容器

  • <strong> 表示文本十分重要,以粗体显示

  • <time> 表示时间、日期

  • <u> 使文本呈现下划线

7. 图片与多媒体

  • <audio> 音频内容

  • <img> 文档中插入图片使用

  • <video> 文档中嵌入媒体播放器以支持视频播放

8. 内嵌内容

  • <iframe> 内联框架元素,将另一页面嵌入当前页面

  • <source> 指定多个媒体资源,以不同格式提供相同的媒体内容

9. 脚本

  • <canvas> 画布元素,通过脚本绘制图形

  • <noscript> 页面不支持脚本时提供替代内容

  • <script> 嵌入或引用可执行脚本

10. 编辑标识

  • <del> 表示从文档中删除的文字内容

  • <ins> 表示插入文档的文本

11. 表格内容

  • <table> 定义一个表格

  • <caption> 常为table的第一个子元素,表示表格标题

  • <col> 表格中的列

  • <thead> 定义表格的列头的行

  • <tbody> 定义表格内容主体

  • <tfoot> 定义表格中各列的汇总行

  • <th> 定义表格内的表头单元格

  • <tr> 表格中的行

  • <td> 表格内容数据单元格

12. 表单

  • <button> 可点击的按钮

  • <form> 表示用于交互信息,向服务器提交信息的一个区域

  • <input> 创建各种类型的可输入的交互式控件

  • <lable> 表示某个元素的说明

  • <option> 表示可选菜单项

  • <select> 提供选项菜单的控件

  • <textarea> 多行纯文本编辑控件

  • <progress> 显示任务完成进度的元素

空标签

空元素(empty element):必须有开始标签但不需要闭合标签的元素。可能是 HTML,SVG,或者 MathML 里的一个不可能存在子节点(例如内嵌的元素或者元素内的文本)的element。

<base>
<br>
<col>
<colgroup> when the span is present
<command>
<embed>
<hr>
<img>
<input>
<keygen>
<link>
<meta>
<param>
<source>
<track>
<wbr>

可替换标签

可替换元素(replaced element):这些元素拥有内在尺寸,可以设置width/height属性,且他们中间没有实质性的内容,也即在代码中不会直接显示(文本内容)。替换元素是浏览器根据其标签的元素与属性来判断显示具体的内容

典型的可替换元素有:
<iframe>
<video>
<embed>
<img>
​
有些元素仅在特定情况下被作为可替换元素处理,例如:
<option>
<audio>
<canvas>
<object>
<applet>
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • W3C简介 万维网(World Wide Web)是作为欧洲核子研究组织的一个项目发展起来的,在那里 Tim Be...
    Chris__Liu阅读 3,003评论 0 0
  • 一、什么是HTML 超文本标记语言(英文:HyperText Markup Language,简称:HTML)是一...
    还是流星拳比较好阅读 2,750评论 0 0
  • W3C 简介 万维网联盟(World Wide Web Consortium,W3C),又称W3C理事会,是万维网...
    饥人谷_西瓜阅读 1,864评论 0 0
  • 说到HTML,我个人编写HTML使用的软件是dreamweaver,为什么用这个软件嘛,反正就是从开始学HTML就...
    暖A暖阅读 1,742评论 0 1
  • 关于 HTML 超文本标记语言(HyperText Markup Language,简称 HTML)是一种用于创建...
    _空空阅读 4,750评论 0 1

友情链接更多精彩内容