码迷,mamicode.com
首页 > Web开发 > 详细

html基础01--简单介绍html的作用及其结构

时间:2016-07-14 22:06:42      阅读:148      评论:0      收藏:0      [点我收藏+]

标签:

--引入

什么是html?

HTML(Hyper Text Markup Language)超文本标记语言

 -->那么第一个问题----什么是标记语言呢?

  标记语言就是让文本展示更丰富,更美观的一种语言。比如说文本加粗 更换颜色 斜体……

而html这种标记语言就是为了让网页展示更丰富,更美观的一种语言。

开发者使用特定的格式,对文本进行不同的加工,这个特定的格式对于html来说就是html标记标签。大概是这个样子:

<html>
    <head>
    </head>
    <body>
    </body>
</html>

html标记标签,一般可以简称为html标签:

  ·每个标签都是由两个尖括号‘封装‘起来的,标签不区分大小写,但建议使用小写字母

  ·标签分为闭合标签和自闭合标签。闭合标签成对出现,如:<html>  </html> 自闭合标签如:<br/>

  ·成对的标签中的第一个标签被称为开始标签或者开放标签,第二个标签则被称为结束标签或者闭合标签

html元素

说到html标签就不得不说跟标签相关的一个概念--html元素。

html元素指的是成对的闭合标签以及其中的文本内容或者是自闭合标签,也就是:

<p> hello world </p>     
<br/>

以上两个都是html元素。大多数 HTML 元素可以嵌套(可以包含其他 HTML 元素)。

开发者使用html元素编写html文档(也就是我们平常所说的网页)。我们访问网页时,一般会用浏览器进行访问,浏览器的作用就是解析html标签,然后显示网页内容。

举例:

<html>

<body>

<p>hello world!</p>

</body>
</html>

浏览器则仅会显示hello world!

--html结构

如果我们要编写html网页,了解其结构以及每个部分的功效都是必须的。

doctype声明

  一般来说,所有的html网页最开始都会有<!DOCTYPE>声明。他让浏览器知道本网页是由html的哪个版本编写的。

Web 世界中存在许多不同的文档。只有了解文档的类型,浏览器才能正确地显示文档。

  HTML 也有多个不同的版本,只有完全明白页面中使用的确切 HTML 版本,浏览器才能完全正确地显示出 HTML 页面。这就是 <!DOCTYPE> 的用处。<!DOCTYPE> 不是 HTML 标签。它为浏览器提供一项信息(声明),即 HTML 是用什么版本编写的。

html5中的声明:

<!DOCTYPE html>

 head元素

<head>元素是所有头部元素的容器,也就是说<head>元素中可以嵌套许多其他头部元素。<head>元素定义了关于html文档的相关信息。<head> 内的元素可包含脚本,指示浏览器在何处可以找到样式表,提供元信息,等等。

最为常见的例子就是,<title>标签一般嵌套在<head>元素中。

<html>
<head>
    <title>This is a title</title>
</head>
<body>
<p>hello world</p>
</body>
</html>

百度首页中的页面源码有这样一句:

<title>百度一下,你就知道</title>

技术分享

这就是title元素的作用。

在<head>元素中还有很多的元素,但其中所涉及的知识暂时并没有讲到,所以后续章节中会介绍到。

<body>元素

  <body>元素跟网页内容相关性极大,一般情况下,网页的内容相关的元素都要嵌套在<body>元素下。

列举几个<body>中常见的嵌套元素:

<p>段落</p>
<h1>标题格式</h1>
<html>

<body>
<h1>test</h1>
<p>hello world</p>
</body>

</html>

浏览器显示结果:

技术分享

不论是<head>元素或者是<body>元素,这两者在网页编写过程中都不是必需的。但一个健壮且丰富的网页是离不开这两个元素的。

 

html基础01--简单介绍html的作用及其结构

标签:

原文地址:http://www.cnblogs.com/MnCu8261/p/5670181.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!