JavaWeb前端——HTML-1——HTML简介、HTML元素

版权声明:------------------------------这个世界上只有一种成功,就是按照自己想要的方式度过一生--------------------------- https://blog.csdn.net/qq_44238142/article/details/87906993

什么是HTML?

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

  • HTML指的是超文本标记语言(Hyper Text Markup Language)
  • HTML并不是一种编程语言,而是一种标记语言(Markup Language)
  • 标记语言拥有一套标记标签(markup tag)
  • HTML使用标记标签来描述网页

学习HTML语言的关键在于对于标签的灵活组合,优秀的开发人员可以通过标签之间各种各样的组合来展现出美观的网页内容。HTML本身并没有逻辑性,你只需要熟练掌握这些标签即可。

什么是HTML标签?

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

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

HTML文档

HTML文档就是用来描述网页的代码,你可以理解为HTML文档就是网页,HTML文档是由HTML标签和纯文本组成的,我们使用各种浏览器来浏览网页,浏览器的作用就是读取HTML文档,然后以网页的形式显示,浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容,一个最简单的HTML文档应该包括以下几个标签:
编写HTML文档有很多软件,我们用笔记本就可以完成编写,或者强大的EditPlus。

<html>
	<head>
		<meta charset="utf-8">
		<title>第一个网页</title>
	</head>
	<body>
		愿天下有情人终成眷属
	</body>
</html>

我们用浏览器打开文档:
在这里插入图片描述

html的文档结构主要是有3部分组成的:

1.< html>< /html>
< html>标记用于html文件的最前面,用来表示html文件的开始。而< /html>的标记则是放在html的最后面,用来表示html文件的结束,两个标记必须一起使用。
2.< head>和< /head>
< head>和< /head>构成html文件的头部部分,在此标记对之间可以使用< title> < /title>和< script> < /script>等等标记对,这些标记都是描述html文档相关信息的标记对 < head> < /head>标记对之间的内容是不会在浏览器中的内容部分出现的。两个标记必须同时使用。打在< title>< /title>这里面的文字会出现在浏览器视窗最上面蓝色部分里,作为网页的主题。
3.< body>和< /body>
< body>和 </ body>是html文档的主体部分,在此标记可以包括“< p>”,“< /p>”,“< h1>”,“< br>”等等众多的标记,他们所定义的文本,图片等等将会在浏览器的内容部分显示出来。两个标记必须一起使用。

什么是META标签?

META标记是html语言的head部分的一个辅助性的标记的,他位于head和title标记之间,他提供给用户不可见的信息。meta标记的用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的cookie;可以用于来鉴别作者,设置页面格式,标注内容提要和一些关键字,还可以设置页面的自动刷新以及等级等等。

常用的HTML标签

标题标签< h >

HTML标题(Heading)是通过 < h1>到< h6> 标签来定义的。

<h1>这是一个一级标题</h1>
<h2>这是一个二级标题</h2>
<h3>这是一个三级标题</h3>

段落标签< p >

HTML 段落是通过 < p > 标签进行定义的。

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

链接标签< a >

HTML 链接是通过 < a > 标签进行定义的。

<a href="http://www.baidu.com">百度首页</a>

href就是点击后跳转的网页地址。

图片标签< img >

HTML 图像是通过 < img> 标签进行定义的。

<img src="img/blogger.png" height="200px" width="180px">

其中src是指图片的路径,高和宽都是以属性即像素(px)的形式给的。

HTML元素

HTML文档是由HTML元素定义的。
HTML元素指的是开始标签和结束标签中间的所有代码。

  • HTML 元素以开始标签起始
  • HTML 元素以结束标签终止
  • 元素的内容是开始标签与结束标签之间的内容
  • 某些 HTML 元素具有空内容(empty content)
  • 空元素在开始标签中进行关闭(以开始标签的结束而结束)
  • 大多数 HTML 元素可拥有属性

嵌套的 HTML 元素

大多数 HTML 元素可以嵌套(可以包含其他 HTML 元素)。
HTML 文档由嵌套的 HTML 元素构成。

<p><a href="http://www.baidu.com">百度首页</a></p>

这里我们把链接单独放在一个段落,这就是元素嵌套。这里包含了两个HTML元素。

< p >元素定义了HTML文档中的一个段落,这个元素拥有一个开始标签< p >和一个结束标签< /p >。元素内容是“< a href= " http://www.baidu.com " >百度首页< /a>”。

< a >元素定义了一个可以访问的链接,元素内容是“百度首页”。

通过这两个元素的嵌套我们就完成了把“百度首页”这个链接单独放在一个段落的需求。

空的 HTML 元素

没有内容的HTML元素称为空元素,空元素是在开始标签中关闭的。
< br >就是一个没有关闭标签的空元素,这个标签定义换行。
在HTML未来的版本中,所有元素都必须关闭。
在开始标签中添加斜杠,比如< br/ >是关闭空元素的正确做法,HTML、XHTML、XML都认识这种定义方式。
即使< br >在所有浏览器中都是有效的,但是使用< br/ >其实是更加长远的保障。

标签的大小写

其实HTML标签是不区分大小写的,但是在未来的HTML版本中将强制使用小写。所以推荐大家使用小写。

猜你喜欢

转载自blog.csdn.net/qq_44238142/article/details/87906993