HTML5——1基本标签

一、 HTML5

1.HTML5 是超文本标记语言。

Html与xml的区别:

Xml 是可扩展性标记语言用来存储和传输数据用的, html是超文本语言用来显示数据。

2.HTML5的主体结构

<!DOCTYPE html>-----声明为HTML5类型的网页

<html>

<head>

</head>

<body>

</.body

</html>

1)      head 是所有元素的头部元素的扩容器,声明文档的标题,引入资源等。

2)      body里主要是网页的操作

 

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>测试页面</title>

</head>

<body>

 

</body>

</html>

3.标签.

对于html来讲最重要的就是标签,一般来讲标签都成对出现,如<p></p>部分是单标签,单标签,如<br/>.

Html的基本标签:

p: 是段落标签,独立成行。

h: 标题元素,用来显示标题,一共有6级,从大到小h1-h6一般h1用显示网页的logo。

br:br是一个单标签,用于换行。

hr:与br一样也是一个单标签,是一个水平线标签,使用时会在网页生成一个水平线。
文本样式标签:

em:斜体标签,将需要变为斜体的文字两侧放入<em></em>会是字体倾斜

Strong:加粗标签,用法同上

del:删除线标签,用法同上

u:下划线标签,用法同上。

4.行内元素和块元素

行内元素:不独立成行,文本标签都为行内元素。

块元素:独立成行比如 p 、h等元素独占一行。

 

5.测试效果

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>测试练习</title>

</head>

<body>

<!--h标签默认有加粗效果-->

<h2>钗头凤·红酥手</h2>

<h4><em>作者&nbsp;陆游</em> &nbsp;&nbsp;&nbsp;<em>朝代&nbsp;宋</em></h4>

<hr/>

<p>

红酥手。 黄滕酒。 满城春色宫墙柳。 东风恶。 欢情薄。 一怀愁绪, 几年离索。 错错错。<br/>

春如旧。 人空瘦。 泪痕红浥鲛绡透。 桃花落。 闲池阁。 山盟虽在, 锦书难托。 莫莫莫。

</p>

</body>

</html>

posted @ 2017-06-21 16:55  淡若浮云  阅读(194)  评论(0编辑  收藏  举报