继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

什么是HTML?

白板的微信
关注TA
已关注
手记 341
粉丝 70
获赞 385

什么是HTML?
HTML是一种标准的标记语言,用这种语言可以创建web页面。

HTML是一种超文本标记语言
HTML使用一些标记来描述页面的结构
HTML中的元素(elements)是构建页面的基础
HTML用标签(tags)代表网页元素
各种不同的标签(如头部标签,表格标签,图片标签)彼此分工又相互组合,构成了多彩的web世界
浏览器并不会将标签展示出来,我们所看到的HTML页面都是标签渲染之后的结果
一个简单的HTML实例
HTML实例
<!DOCTYPE html>
<html>
<head>
<title>页面标题</title>
</head>
<body>

<h1>我是h1标签</h1>
<p>我是段落</p>

</body>
</html>
尝试一下

实例解析
<!DOCTYPE html>描述了当前页面的文档类型为HTML5
<html>标签是是整个HTML页面的根元素
<head>标签是头标签,里面通常包含<meta>标签(该标签可以向浏览器提供一些元数据)
<title>标签描述了当前页面的标题,通常会在浏览器的选项卡里显示
<h1>标签定义了一级标题的内容
<p>标签定义了文章段落的内容
HTML标签
HTML标签是由标签名和箭头括号包裹起来的一个元素块,里面可以填充一些内容或者嵌套其他标签

<标签名>我是内容</标签名>
一般来说HTML标签总是成双成对出现,诸如<p></p> 
第一个标签我们称为起始标签,第二个标签我们称为结束标签 
结束标签的写法和起始标签一样,只不过会在箭头括号内,标签名前加上一个正斜杠 
浏览器和HTML的关系
浏览器的主要工作是读取HTML文件并将页面展示出来。

浏览器并不展示HTML标签,而是根据HTML文件提供的标签来决定如何渲染页面。

HTML页面结构
如下为html页面的通用结构:

<html>

<head>
<title>标题</title>
</head>

<body>

<h1>一级标题</h1>
<p>文章段落1</p>
<p>文章段落2</p>

</body>

</html>
注意:只有在<body></body>标签中的内容才会展示在浏览器中。

<!DOCTYPE>声明的作用
<!DOCTYPE>告诉浏览器当前页面的文档类型,浏览器根据该声明来正确地描述页面。

一个HTML页面只能出现一次<!DOCTYPE>声明,并且该声明必须置于页面顶部。

<!DOCTYPE>大小写通用,开发者可以写成<!doctype>。

HTML版本
下表罗列了HTM的版本信息:

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


原文链接:
www.w3uu.com/intro/base/html-tutorial.html


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP