w3schools网站的HTML教程之HTML介绍

什么是HTML

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

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

HTML 示例代码

<!DOCTYPE html>
<html>
  <head>
    <title>Page Title</title>
  </head>
  <body>

    <h1>My First Heading</h1>
    <p>My first paragraph.</p>

  </body>
</html>

示例代码解释

  • DOCTYPE 声明定义将 HTML 文档类型
  • <html></html>标签之间的文本描述了一个 HTML 文档
  • <head></head>标签之间的文本提供了有关 HTML 文档的信息
  • <title></title>标签之间的文本提供了有关 HTML 文档的标题
  • <body></body>标签之间的文本描述了可见的 HTML 文档内容
  • <h1></h1>标签之间的文本描述了标题
  • <p></p>标签之间的文本描述了段落

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

HTML 标签

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

<tagname>content</tagname>
  • HTML 标签通常是成对的,比如<p></p>
  • 一对标签中的第一个标签是开始标签,第二个是结束标签
  • 结束标签像开始标签一样编写,只是在标签名称的前面有一个斜杠

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

Web 浏览器

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

HTML 页面结构

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

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

浏览器只显示<body>标签区域内的内容。

<!DOCTYPE> 声明

<!DOCTYPE> 声明有助于浏览器能够正确地显示 HTML 页面。
网络中具有不同的文档类型。
想要正确地显示 HTML 文档,浏览器必须要知道 HTML 文档的类型和版本。
<!DOCTYPE> 声明是不区分大小写的,以下所有写法都是正确地:


<!DOCTYPE html>

<!DOCTYPE HTML>

<!doctype html>

<!Doctype Html>

常见声明

HTML5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

HTML 版本

在网络的早期,HTML 就具有了很多版本:

版本 年份
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014

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

原文地址:https://www.cnblogs.com/baimeishaoxia/p/12637158.html

时间: 2024-10-11 10:09:32

w3schools网站的HTML教程之HTML介绍的相关文章

w3schools网站的HTML教程之HTML基础

如果下述案例所使用的标签你还不会,不要担心.你将在下一章学习到这些标签. HTML 文档 所有 HTML 文档必须是以这个类型声明:<!DOCTYPE html>. HTML 文档本身要以<html>开始,以</html>结束. HTML 文档在浏览器中可见的部分是在<body>和</body>之间. <!DOCTYPEhtml> <html> <body> <h1>My First Heading

w3schools网站的HTML教程之HTML编辑器

使用记事本或文本编辑器编写 HTML HTML 可以使用如下专业的 HTML 编辑器进行编辑: Microsoft WebMatrix Sublime Text 然而,我们推荐使用记事本(PC)或文本编辑器(Mac)学习 HTML.我们相信使用一个简单的文本编辑器学习 HTML 是一种很好的方式.按照下面 4 步使用记事本创建你的第一个 Web 页面. 第一步:打开记事本 在 Windows 7 或更早的系统中打开记事本: 点击"开始"(屏幕的左下角) 点击"所有程序&quo

(转)ligerUI 使用教程之Tip介绍与使用

概述:   ligertip是ligerUI系列插件中的tooltip类插件,作用是弹一个浮动层,起提示作用   阅读本文要求具备jQuery的基本知识,不然文中的javascript代码不易理解 截图: 参数: content 气泡显示内容,支持html callback 弹出tip后触发事件(例3) width 气泡层宽度 x tip的left(例2) y tip的top(例2) target domid(例2) 用法: 例1 页面上某个或某些dom元素弹出tip以及关闭 例2 弹出一个可设

Java教程之RabbitMQ介绍

前言 RabbitMQ是基于AMQP协议(Advanced Message Queue Protocol)的消息中间件. 什么是消息队列 消息队列属于进程间通信的一种方式,使用消息队列可以通过异步方式处理数据,借此可以提高系统性能.我们可以把消息当作存放数据的容器,消息的消费者可以从队列中获取数据,进行处理.常见的消息队列有:ActiveMQ,RabbitMQ,Kafka,RocketMQ等. RabbitMQ中用到基本概念 Broker:消息队列的服务器实体. Exchange:消息交换机,它

AppleWatch开发教程之Watch应用对象新增内容介绍以及编写运行代码

AppleWatch开发教程之Watch应用对象新增内容介绍以及编写运行代码 添加Watch应用对象时新增内容介绍 Watch应用对象添加到创建的项目中后,会包含两个部分:Watch App 和 WatchKit Extension,如图2.18所示.其中,Watch App部分位于用户的iWatch上,它目前为止只允许包含Storyboard文件和Resources文件.在我们的项目里,这一部分不包括任何代码.WatchKit Extension部分位于用户的iPhone安装的对应App上,这

ArduinoYun教程之ArduinoYun硬件介绍

?ArduinoYun教程之ArduinoYun硬件介绍 ArduinoYun的电源插座 Arduino Yun有两排插座,这些插座能够按类型分为三类:电源.数字IO和模拟输入.电源部分主要集中在如图1.7所看到的的部分. 图1.7  电源集中部分 还有两个在如图1.8所看到的的位置. 图1.8  电源部分 以下我们介绍相应图中的各个名称及其含义: q  3个GND:接地.他们尽管分布在不同的位置,可是功能都一样: q  Vin:电源输入,通过它能够为整个板子供电,类似MicroUSB的供电功能

Xamarin Anroid开发教程之Anroid开发工具及应用介绍

Xamarin Anroid开发教程之Anroid开发工具及应用介绍 Xamarin开发Anroid应用介绍 如今智能手机已经盛行了好几年,而针对这些智能手机的软件开发也变得异常火热.但是在Android平台下只能使用Java开发,iOS平台下也只能使用Objective-C或Swift开发.对于那些C#程序员却只能眼看着这些火热的平台流口水.在几年前只能重新学习一门新的语言,才可以进入这些智能手机开发行业.现在,我们有了Xamarin.C#程序员不需要了解其它语言,就可以开始编写Android

web系列教程之php 与mysql 动态网站 。检索 与更新。

接着上次WEb 系列开发之php 与mysql动态网站入门. 个人觉得,学习技术就像一棵大树,主干很重要,枝叶其次.对于学习技术,我们应该分清主次关系.怎么学?为什么要学?有一个较好的分寸. 有时候觉得 国内有些教育,从一开始就从枝叶 细节说的很清楚.说了一大堆,就是很散的感觉,虽然有很多知识.但是学的人呢,并不清楚这个的实际应用, 这样会导致学习兴趣的缺失.个人觉得 就比如 php 和mysql吧,虽然我也不是高手,但就学习上面还是能评论几句的,比如我从表单开始 讲表单的注册,也就是 网站会员

Axure 教程之Axure RP7.0从入门到精通

Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格.设计功能和界面的专家能够快速创建应用软件或Web网站的线框图.流程图.原型和规格说明文档.作为专业的原型设计工具,它能快速.高效的创建原型,同时支持多人协作设计和版本控制管理.第1节 Axure RP7.0下载.安装.汉化与注册第2节 Axure RP7.0的功能介绍(上)第3节 Axure RP7.0的功能介绍(下)第4节 第一个原型 简单的登录页面第5节 第一