1、HTML5文档基础格式

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>First HTML Program</title>
  5. <meta charset="utf-8" />
  6. </head>
  7. <body>
  8. Hello HTML
  9. </body>
  10. </html>

<!DOCTYPE html>
文档类型,是html5标准网页声明,全程(Document Type HyperText Mark-up Language)意思为文档种类为超文本标记性语言或超文本链接标示语言,现在是这个简洁形式,支持html5标准的主流浏览器都认识这个声明。表示网页采用html5。
<!DOCTYPE> 声明位于文档中的最前面的位置,处于 标签之前。此声明可告知浏览器文档使用哪种 HTML 或 XHTML 规范。

标签告知浏览器这是一个 HTML 文档。
标签是 HTML 文档中最外层的元素。
标签是所有其他 HTML 元素(除了 <!DOCTYPE> 标签)的容器。

  <head> 元素是所有头部元素的容器。
  <head> 元素必须包含文档的标题(title),可以包含脚本、样式、meta 信息 以及其他更多的信息。
  以下列出的元素能被用在 <head> 元素内部:
  <title> (在头部中,这个元素是必需的)
  <style>
  <base>
  <link>
  <meta>
  <script>
  <noscript>


标签定义文档的主体。
元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等)。

元数据(Metadata)是数据的数据信息。 标签提供了 HTML 文档的元数据。元数据不会显示在客户端,但是会被浏览器解析。META元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者及其他元数据。元数据可以被使用浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 Web 服务调用。

标签定义文档的标题,在所有 HTML 文档中是必需的。<br /><title>元素:<br />定义浏览器工具栏中的标题<br />提供页面被添加到收藏夹时的标题<br />显示在搜索引擎结果中的页面标题 <a name="ovLOE"></a></p> <h2 id="10icf5"><a name="10icf5" class="reference-link"></a><span class="header-link octicon octicon-link"></span>2、HTML标记</h2><p><a name="bMcG2"></a></p> <h3 id="fz66zu"><a name="fz66zu" class="reference-link"></a><span class="header-link octicon octicon-link"></span>(1).单标记和双标记</h3><p><a name="WxQDn"></a></p> <h4 id="c8qcxz"><a name="c8qcxz" class="reference-link"></a><span class="header-link octicon octicon-link"></span>双标记</h4><p>双标记是指由开始和结束两个标记符组成的标记。<br /><strong>语法格式</strong><br /><标记名></标记名> <a name="nUurE"></a></p> <h4 id="eu27n0"><a name="eu27n0" class="reference-link"></a><span class="header-link octicon octicon-link"></span>单标记</h4><p>单标记也称空标记,是指用一个标记符号即可完整地描述某个功能的标记。<br />如<br /><hr/> <a name="XaM1Q"></a></p> <h3 id="533dyn"><a name="533dyn" class="reference-link"></a><span class="header-link octicon octicon-link"></span>(2).注释标记</h3><p><strong>语法格式</strong><br /><!--注释语句--> <a name="GFMHz"></a></p> <h3 id="d605bs"><a name="d605bs" class="reference-link"></a><span class="header-link octicon octicon-link"></span>(3).标签名与标签属性</h3><p>标签分从书写格式上分为单标签和双标签两种:<br />1、双标签:<标签名></标签名><br />2、单标签:<标签名><br />标签按显示样式分为行标签和块标签两种 :<br />1、行标签:行标签每个标签在页面中显示时,不会独占一行。<br />2、块标签:块标签每个标签在页面中显示时,会独占一行。<br />两种标签可以通过显示属性进行切换<br />标签属性,用来对标签的细节进行补充。</p>