- HTML元素中的属性2（路径详解）——零基础自学网页制作
- 第一个HTML页面如何写？——零基础自学网页制作
- HTML表单元素初识2——零基础自学网页制作
- HTML中的元素使用方法1——零基础自学网页制作
- # 使用HTML添加表格2（表格头部与脚部）——零基础自学网页制
- HTML元素中的属性1——零基础自学网页制作
- HTML中的元素使用方法2——零基础自学网页制作
- 为页面嵌入PDF文件——零基础自学网页制作
- HTML表单元素初识1——零基础自学网页制作
- 初识HTML中的块元素——零基础自学网页制作
HTML元素
这一节以及以后几节我们将对HTML中<body>标签中的各种元素进行一个概述，并对一些基本元素进行练习。
HTML元素：指的是从开始标签到结束标签的所有代码。
举个例子，在《第一个HTML页面如何写？——零基础自学网页制作》这一节中，我们写了这样一个页面"第一个页面.html"。后面的练习我们都在这个文件中进行。
<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
<h>第一个网页</h>
<p>千里之行始于足下</p>
</body>
</html>
其中"<h>第一个网页</h>"整个代码就可以看做是一个html元素，<h></h>叫做标题标签，加上"第一个网页"这段文字共同构成一个HTML元素。
HTML元素非常多，因为我们可以在页面中显示各种各样的信息，不同的信息载体对应不同的元素。
下面我们就介绍几个常用的html元素。
HTML常用元素使用练习1
NO.1:<h></h>与<hr>
<h></h>这个用来添加标题的元素大家比较熟悉了，这里要介绍一个新的用法。示例代码如下：
<!DOCTYPE HTML>
<html>
<head>
<title>第一个网页</title>
</head>
<body>
<h1>第一个网页</h1>
<h2>第一个网页</h2>
<h3>第一个网页</h3>
<h4>第一个网页</h4>
<h5>第一个网页</h5>
<h6>第一个网页</h6>
<p>千里之行始于足下</p>
</body>
</html>
页面显示效果如图：
大家通过观察可以看出h后面的编号用来控制标题字号大小，仅仅是标题有这种预设，其他元素如果要调整字号的话我们放在以后CSS里讲。
下面看<hr>,示例代码如下：
<!DOCTYPE HTML>
<html>
<head>
<title>第一个网页</title>
</head>
<body>
<h1>第一个网页</h1><hr>
<h2>第一个网页</h2><hr>
<h3>第一个网页</h3><hr>
<h4>第一个网页</h4><hr>
<h5>第一个网页</h5><hr>
<h6>第一个网页</h6><hr>
<p>千里之行始于足下</p><hr>
</body>
</html>
效果如下：
标签可以为它前面的元素添加分割线，大家注意的是分割线不是下划线，添加下划线的操作我们会在CSS样式表中详细讲解。NO.2:<p></p>与<br>
<p></p>元素是添加段落的。示例代码如下：
<!DOCTYPE HTML>
<html>
<head>
<title>第一个网页</title>
</head>
<body>
<h1>第一个网页</h1><hr>
<p>千里之行始于足下值得注意的是我们没有必要一一讲解HTML中的所有元素以及每个元素的各个属性，因为每个元素的使用都是大同小异，我们完全可以通过几个常用案例对HTML全部元素及属性的指定形成一个整体认识，以后可以根据需求通过查询手册来自己学习其他元素及其属性的用法。</p><hr>
</body>
</html>
效果如图所示：
通过观察发现，即使我们在代码中对段落的文字进行回车操作，但是出现在页面中是没有回车的效果的，文字按照顺序长长的排列在显示器上，非常不利于阅读，因此我们就要介绍常常和p标签连用的<br>换行标签。
示例代码如下：
<!DOCTYPE HTML>
<html>
<head>
<title>第一个网页</title>
</head>
<body>
<h1>第一个网页</h1><hr>
<p>千里之行始于足下<br> 值得注意的是我们没有必要一一讲解HTML中的所有元素以及每个元素的各个属性，<br> 因为每个元素的使用都是大同小异，我们完全可以通过几个常用案例对HTML全部元<br> 素及属性的指定形成一个整体认识，以后可以根据需求通过查询手册来自己学习其他<br> 元素及其属性的用法。</p><hr>
</body>
</html>
效果如图所示：
喜欢的小伙伴请关注我，阅读中遇到任何问题请给我留言，如有疏漏或错误欢迎大家斧正，不胜感激！
相关文章
HTML元素中的属性2（路径详解）——零基础自学网页制作
相对路径与绝对路径的使用方法 在《HTML元素中的属性1——零基础自学网页制作》这一篇教程最后内容中，我们详细展示...
第一个HTML页面如何写？——零基础自学网页制作
把txt文件变成html网页文件 如果您看过《HTML是什么？——零基础自学网页制作》（结尾处找“零基础自学网页制...
HTML表单元素初识2——零基础自学网页制作
表单元素属性2 昨天我们学习了《HTML表单元素初识1——零基础自学网页制作》（目录在结尾），大家通过学习对HTM...
HTML中的元素使用方法1——零基础自学网页制作
HTML元素 这一节以及以后几节我们将对HTML中 标签中的各种元素进行一个概述，并对一些基本元素进行练习。 HT...
# 使用HTML添加表格2（表格头部与脚部）——零基础自学网页制
添加表格头部信息与脚部信息 昨天我们在《使用HTML添加表格1（基本元素）——零基础自学网页制作》（文章结尾有目录...
HTML元素中的属性1——零基础自学网页制作
HTML元素的属性 属性是为HTML元素提供的附加信息。 为相同的HTML元素指定不同的属性，会呈现不同的功能或效...
HTML中的元素使用方法2——零基础自学网页制作
HTML常用元素使用练习2 NO.3: 注释标签是为代码添加注释使用的，它的内容不会显示在页面中...
为页面嵌入PDF文件——零基础自学网页制作
在页面中嵌入PDF文件 在上一篇《在html页面中嵌入其他页面的方法——零基础自学网页制作》（结尾见目录）中我们学...
HTML表单元素初识1——零基础自学网页制作
表单元素初识 我们在浏览网页时会经常遇到注册会员的界面，大概像这个样子： 或填写问卷的情况，大概像这个样子： 我们...
初识HTML中的
块元素——零基础自学网页制作块元素基础属性讲解 元素是个有故事的元素，这个元素很早就出现在html超文本标记语言中，它设计之初就是为...本文标题：HTML中的元素使用方法1——零基础自学网页制作
本文链接：https://www.haomeiwen.com/subject/gzfvkhtx.html
深度阅读
- 您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！
网友评论