HTML基础元素

HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。

编写时保证规范:不要忘记结束标签,关闭空元素,使用小写标签

在实例中讲解

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE html>
<html> <!--<html>和</html>之间的文本描述网页-->

<head> <!--所有头部元素的容器,描述了文档的各种属性和信息-->
<title>文档标题</title>
</head>

<body> <!--<body>和</body>之间的文本是可见的页面内容-->
<h1>一级标题</h1>
<hr/> <!--这是水平分割线-->
<p>一个段落</p>
<!--默认情况下,HTML 会自动地在块级元素前后添加一个额外的空行,比如段落、标题元素前后。-->

<br/> <!--换行,/是关闭空元素的方法,与<br>相比,这样更加保险和规范-->

</body>
</html>

以上代码运行效果截图:

此为标签页显示情况
html基础标签页

此为网页显示情况
html基础网页

易错易漏:

  • 漏掉头部元素
  • 头部元素放于body之前
  • 在notepad++里面写了html之后,文件保存后缀要改为html
  • 当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。

html段落处理


HTML基础元素
http://sample.com/2022/06/30/HTML基础元素/
作者
LuoYutong
发布于
2022年6月30日
许可协议