初识--HTML

 

HTML（Hyper Text Markup Language）：“超文本标记语言”。是用来描述网页的一种语言。之所以称之为超文本，是因为它可以加入图片、声音、动画、多媒体等内容，不仅如此，它还可以实现文件之间的跳转。

注意：HTML不是一种编程语言，而是一种标记语言！通过一套标记标签 (markup tag)来实现。

总结：HTML 作用就是用标记标签来描述网页，把网页内容在浏览器中展示出来。

HTML基本框架格式

众所周知，在写书信时，我们有一套需要遵循的行文规定。同理，HTML 也有自己的语言语法框架格式：

 

1 <!DOCTYPE html>
2 <html>
3 　　<head>
4 　　　　<meta charset="utf-8" />
5 　　　　<title></title>
6 　　</head>
7 　　<body> </body>
8 </html>

 

<!DOCTYPE>：文档类型，用于解释HTML使用版本（目前共有五个版本，现在使用的一般都是html5）。

<!DOCTYPE html>指的就是html5，若不指定文档类型，大部分浏览器都按自己的方式来处理网页代码，可能会导致css样式无法正常显示且JavaScript代码无法正常运行。

<head></head>：文档的头部，所有HTML中标签的一个根节点，描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者看。

<title></title>：文档的标题，必须要设置,它会出现在浏览器的标题栏中。作用：让页面拥有一个属于自己的标题。主要用于告诉用户和搜索引擎这个网页的主要内容是什么，搜索引擎可以通过网页标题，迅速的判断出网页的主题。每个网页的内容都是不同的，因此每个网页都应该拥有一个独一无二的title。

1 /**举个栗子**/
2 <!DOCTYPE html>
3 <html>
4 　　<head>
5 　　　　<meta charset="utf-8" />
6 　　　　<title>这是我的网页标题！！！</title>
7 　　</head>
8 　　<body> </body>
9 </html>

 

 

<meta charset="utf-8" /> ：元信息标记，一般用来定义页面信息的说明、关键字、刷新等，其中的内容一般不会显示在网页中。

charset="utf-8"：定义字符集为国际通用形式。

<body></body>：文档的主体，之后我们的页面内容基本都是放到body里面的，body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。）

HTML标签分类

在HTML页面中，带有“< >”符号的元素被称为HTML标签，如上面提到的 <html>、<head>、<body>都是HTML骨架结构标签。所谓标签就是放在“< >” 标签符中表示某个功能的编码命令，也称为HTML标签或 HTML元素

1.双标签

语法：<标签名> 内容 </标签名>

该语法中“<标签名>”表示该标签的作用开始，一般称为“开始标签（start tag）”，“</标签名>” 表示该标签的作用结束，一般称为“结束标签（end tag）”。和开始标签相比，结束标签只是在前面加了一个关闭符“/”。

比如 ：<body>啦啦啦啦啦~~~</body>

2.单标签

<标签名 />

单标签也称空标签，是指用一个标签符号即可完整地描述某个功能的标签。

比如 <meta />

HTML标签关系

标签的相互关系就分为两种：

1.嵌套关系（相当于父子关系）

1 <head>
2 　　<title> </title>
3 </head>

 

2.并列关系（相当于兄弟关系）

1 <head></head>
2 <body></body>

 

posted @ 2020-11-05 20:23  _jun_jun  阅读(114)  评论(0)    收藏  举报