您的位置:首页 > Web前端 > HTML

HTML学习 <1>

2015-10-22 11:09 316 查看
温馨提示:HTML学习教程根据W3School网 感谢此平台!

一 、什么是HTML?

HTML指的是超文本标记语言(即Hyper Text Markup Language)。

作用:用来描述网页的一种语言。

特性:HTML不是一种编程语言,而是一种标记语言(Markup Language);

HTML使用标记标签来描述网页;

标记语言就是一套标记标签(Markup Tag)

标记标签也被称为HTML标签(HTML Tag)

二、HTML标签

HTML标签是由尖括号包围的关键词; 如<html>

HTML标签是成对出现的;如<b> </b>

标签对中第一个标签是开始标签,第二个标签是结束标签;

开始标签和结束标签也被称为开放标签和闭合标签。

三、HTML文档==网页

HTML文档描述网页

HTML文档包含 HTML标签和纯文本;

HTML文档也被称为网页;

web浏览器的作用是读取HTML文档,并以网页的形式显示他们,浏览器不会显示HTML标签,只是通过HTML标签来解释标签内的内容。

如:

<html>

<body>

<h1> My First Heading </h1>

<p1> my first paragraph </p1>

</body>

</html>

标签解释:<html> 与 </html>之间的文本描述网页

<body> 与 </body>之间的文本是可见的页面内容

<h1> 与 </h1>之间的文本显示为标题

<p1> 与 </p1>之间的文本显示为段落

四、HTML标题(heading)是通过 <h>标签 来定义的

HTML段落(paragraph)是通过 <p>标签 来定义的

HTML链接(link)是通过 <a>标签 来定义的

HTML图像(image)是通过 <img>标签 来定义的

五、HTML元素

HTML文档是由HTML元素定义的

HTML元素是指从开始标签到结束标签的所有代码(包括开始标签和结束标签)

HTML元素内容是开始标签和结束标签之间的内容(内容里面可以嵌套标签元素)

5.1> HTML元素语法

HTML元素以开始标签起始

HTML元素已结束标签结束

元素内容是开始标签和结束标签之间的内容

某些HTML元素具有空内容

空元素在开始标签中进行关闭(以开始标签的结束而结束)

大多数元素可拥有属性

六、HTML元素嵌套

大多数HTML元素可以嵌套(包含其他的HTML元素)

HTML文档由嵌套的HTML元素构成

如:

<html>

<body>

<p> This is a paragraph </p>

</body>

</html>

实例解释:

1、<p>元素 <p> This is a paragraph </p>

这个<p>元素定义了HTML文档中的一个段落

这个元素拥有一个开始标签<p>、一个结束标签</p>和元素内容.

元素内容为:This is a paragraph

2、<body>元素

<body>

<p> This is a paragraph </p>

</body>

<body>元素定义了HTML文档的主体

这个元素拥有一个开始标签<body>、一个结束标签</body>

元素内容:另一个HTML元素(<p>元素)

3、<html>元素

<html>元素定义了整个HTML文档

这个元素拥有开始标签<html>、结束标签</html>

元素内容是另一个HTML元素(<body>元素)

七、空的HTML元素

没有内容的HTML元素被称为空元素,空元素是在开始标签中关闭的

在开始标签中添加斜杠。如<br /> 是关闭空元素的正确做法

八、HTML标签对大小写并不敏感

推荐小写
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: