HTML 简介

HTML 简介

超文本标记语言  (Hypertext Markup Language, HTML)  是一个可以用来结构化你的Web内容并给予其含义和目标的编码语言。例如,你的内容可以包括一组段落或一个重点列表,甚至可以含有图片和数据表。这一节将为你提供足够的信息,使你能够对HTML语言加以熟悉。Learning page 。

什么是HTML?

HTML 是用来描述网页的一种语言。

  • HTML 指的是超文本标记语言: Hypertext Markup Language
  • HTML 不是一种编程语言,而是一种标记语言
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页
  • HTML 文档包含了HTML标签文本内容
  • HTML文档也叫做 web 页面

HTML 文档 = 网页

  • HTML 文档描述网页
  • HTML 文档包含 HTML 标签和纯文本
  • HTML 文档也被称为网页

Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容。

HTML 结构

文档类型声明

<!doctype html> 声明为 HTML5 文档。

<!DOCTYPE> 声明有助于浏览器中正确显示网页。

网络上有很多不同的文件,如果能够正确声明 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 页面的根元素。

head 元素

<head> 元素包含了文档的元(meta)数据。

body 元素

<body> 元素包含了可见的页面内容。

<!doctype html>
<html>
<head>
<title>页面标题</title>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
</body>
</html>

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

  • HTML 标签是由尖括号包围的关键词,比如 <html>
  • HTML 标签通常是成对出现的,比如 <b></b>
  • 标签对中的第一个标签是开始标签,第二个标签是结束标签
  • 开始和结束标签也被称为开放标签闭合标签
<标签>内容</标签>

HTML 元素

"HTML 标签" 和 "HTML 元素" 通常都是描述同样的意思.

但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签,如下实例:

HTML 元素:

<p>这是一个段落。</p>

HTML 属性

  • HTML 元素可以设置属性
  • 属性可以在元素中添加附加信息
  • 属性一般描述于开始标签
  • 属性总是以名称/值对的形式出现,比如:name="value"
  • 属性和属性值对大小写不敏感。

不过,万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性值。

而新版本的 (X)HTML 要求使用小写属性。

HTML 属性常用引用属性值

属性值应该始终被包括在引号内。

双引号是最常用的,不过使用单引号也没有问题。

提示: 在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:name='John "ShotGun" Nelson'

常用属性

下面列出了适用于大多数 HTML 元素的属性:

属性

描述

class

为html元素定义一个或多个类名(classname)(类名从样式文件引入)

id

定义元素的唯一id

style

规定元素的行内样式(inline style)

title

描述了元素的额外信息 (作为工具条使用)

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏域名资讯

DN榜:域名380.com、CIF.com高价位居一二

在新一期的DN榜中,一枚3数字380.com以32.3万美元(近214万元)的价格位居第一。3字母CIF.com也毫不逊色,以10万美元约66万元的价...

1430
来自专栏VRPinea

深入病灶使癌细胞无所遁形,VR协助确定“绝症”治疗方案

在大多数人心中,癌症约等同于“绝症”。正是这种对于不治之症的恐惧,使得人们“谈癌色变”。而对于这道久攻不破的难题,科学家们也是头疼不已。当前的治疗手段无论是手术...

741
来自专栏机器人网

揭秘手术台革命者达芬奇机器人,它何时平民化?

她和意大利文艺复兴时期鼎鼎有名的天才达·芬奇同名,她也拥有“三头六臂”,她的手比绣花女还要灵活,在外科手术方面,她更拥有着精湛的造诣。她是一台名叫“达芬奇”的手...

3006
来自专栏VRPinea

Healthy Mind推出VR疼痛缓解解决方案,或成为麻醉剂的替代品

小编了解到,法国巴黎圣约瑟医院正计划引入VR疼痛缓解解决方案,以帮助急诊室中的患者减轻痛苦。

740
来自专栏大数据文摘

癌症研究中大数据能做的5件事

1304
来自专栏VRPinea

救死扶伤的“黑科技”,AR医疗你知多少?

33112
来自专栏人工智能

“阅片诊断”人机大战AI机器人胜出AI+医疗应用加速落地

央视一套22日晚最新一期人工智能现象级节目《机智过人》中,人工智能阅片机器人“啄医生”单挑15名来自全国三甲医院的有着15年阅片量在20万张以上经验丰富的主任医...

17710
来自专栏机器人网

“逆天”!看达芬奇机器人如何成全女人的爱美之心?

爱美之心,人皆有之,即使是生病了也不例外,就像患甲状腺肿瘤的重庆的陈女士,她脖子上长了一个直径为4厘米的甲状腺肿瘤,医生建议她切除肿块,但她表示接受不了手术之后...

2964
来自专栏机器人网

机器人手术大势所趋,何日才能进医保?

? 尽管达芬奇手术机器人价格昂贵,需要2000多万元一台,然而全国各地却争先恐后地引进,据了解,目前国内宫引进了29台达芬奇手术机器人,因具有减轻患者痛苦、减...

2845
来自专栏量子位

癌症患者有救了?看这家公司如何用AI和基因组测序制定治疗方案

王新民 编译自 TechRepublic 量子位·QbitAI 出品 世界卫生组织的一份报告提到,2012年,全世界范围内新增超过1400万的癌症患者,未来二十...

3195

扫码关注云+社区