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> :用来表示引用文字,会将标记内的文字换行并缩进。
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>
运行结果如下: