AI编程助手
AI免费问答

w3schools 系列教程之 HTML 介绍_html/css_WEB-ITnose

  2016-06-21 08:48   1418浏览 原创

html 是一种描述 web 文档(页面)的标记语言。

  • HTML 代表超文本标记语言(Hyper Text Markup Language)
  • 标记语言就是一组标记标签
  • HTML 文档是由 HTML 标签来描述的
  • 每个 HTML 标记描述了不同的文档内容

HTML 示例代码

      <title>Page Title</title><h1>My First Heading</h1>    <p>My first paragraph.</p>  

示例代码解释

  • DOCTYPE 声明定义将 HTML 文档类型
  • 和 标签之间的文本描述了一个 HTML 文档
  • 和 标签之间的文本提供了有关 HTML 文档的信息
  • 标签之间的文本提供了有关 HTML 文档的标题
  • 和 标签之间的文本描述了可见的 HTML 文档内容
  • 标签之间的文本描述了标题
  • 标签之间的文本描述了段落

通过使用这些描述,浏览器可以显示一个 HTML 文档的标题和段落。

HTML 标签

HTML 标签是包含了一对尖角号的关键词(标签名称):

<tagname>content</tagname>
  • HTML 标签通常是成对的,比如

  • 一对标签中的第一个标签是开始标签,第二个是结束标签
  • 结束标签像开始标签一样编写,只是在标签名称的前面有一个斜杠

开始标签也可以叫做打开标签,结束标签也可以叫做关闭标签。

Web 浏览器

一个 Web 浏览器的作用是读取并显示一个 HTML 文档。一个 Web 浏览器不显示 HTML 标签,而是通过它们来确定如何显示 HTML 文档。

HTML 页面结构

下面是一个 HTML 页面结构的示例:

      <title>Page title</title><h1>This is a heading</h1>    <p>This is a paragraph.</p>    <p>This is another paragraph.</p>  

浏览器只显示

标签区域内的内容。

声明

声明有助于浏览器能够正确地显示 HTML 页面。

网络中具有不同的文档类型。

想要正确地显示 HTML 文档,浏览器必须要知道 HTML 文档的类型和版本。

声明是不区分大小写的,以下所有写法都是正确地:

             

常见声明

HTML5

             <h3>HTML 4.01 </h3>    <p>         </p><p>           </p><pre class="sycode" name="code">             <h3>XHTML 1.0 </h3>    <p>         </p><p>           </p><pre class="sycode" name="code">             <h2>HTML 版本 </h2>    <p>在网络的早期,HTML 就具有了很多版本:</p>    
版本 年份
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014

本文翻译于《w3schools》网站提供的 HTML 教程。

前端入门到VUE实战笔记:立即学习
>在学习笔记中,你将探索 前端 的入门与实战技巧!

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。