1.HTML5标题
HTML 标题(Heading)是通过<h1> ~ <h6> 标签来定义的。
2.HTML5段落
HTML 段落是通过标签 <p> 来定义的。
3.HTML5链接
HTML 链接是通过标签 <a> 来定义的。
4.HTML5注释
HTML 注释是通过标签 <!-- --> 来定义的。
5.HTML5换行
HTML 换行是通过标签 <br> 来定义的。
6.HTML5水平线
HTML 水平线是通过标签 <hr> 来定义的。 hr 元素可用于分隔内容。
7.HTML5对齐与缩进
① <pre>...</pre> :可以让文字按照原始代码的排列方式进行显示。
② <blockquote>...</blockquote> :用来表示引用文字,会将标记内的文字换行并缩进。
开始标签 | 结束标签 | 描述 |
<h1> ~ <h6> | </h1> ~ </h6> | 定义1级到6级标题 |
<p> | </p> | 定义一个段落 |
<a href="..."> | </a> | 定义一个链接 |
<!-- --> | 无 | 定义一段注释 |
<br> | 无 | 定义换行 |
<hr> | 无 | 定义水平线,用于分隔内容 |
7.实例一:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我的第一个网页</title>
</head>
<body>
<h1>Hello,欢迎来到我的网页!!!</h1>
<p>一级标题下的一个段落</p>
<h2>Hello,欢迎来到我的网页!!!</h2>
<p>二级标题下的一个段落</p>
<h3>Hello,欢迎来到我的网页!!!</h3>
<p>三级标题下的一个段落</p>
<!--这是一行注释,在浏览器将不会显示!!!-->
<a href="https://www.baidu.com">这是百度的链接网址</a>
</body>
</html>
运行结果如下:
8.实例二:
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="gb2312">
<title>HTML5学习</title>
</head>
<body>
<h1>春晓</h1>
<p>春眠不觉晓<br/>处处闻啼鸟</p>
<hr/>
<p>
夜来风雨声
花落知多少
</p>
<hr/>
<p>注意,浏览器忽略了源代码中的排版(省略了第二个段落中多余的空格和换行)</p>
<h1>锦瑟</h1>
<h4>李商隐</h4>
锦瑟无端五十弦,<br/>
一弦一柱思华年。<br/>
<blockquote>
庄生晓梦迷蝴蝶,<br/>
望帝春心托杜鹃。<br/>
</blockquote>
沧海月明珠有泪,<br/>
蓝田日暖玉生烟。<br/>
<pre>
此情可待成追忆,<br/>
只是当时已惘然。<br/>
</pre>
</body>
</html>
运行结果如下: