一、 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>作者 陆游</em> <em>朝代 宋</em></h4>
<hr/>
<p>
红酥手。 黄滕酒。 满城春色宫墙柳。 东风恶。 欢情薄。 一怀愁绪, 几年离索。 错错错。<br/>
春如旧。 人空瘦。 泪痕红浥鲛绡透。 桃花落。 闲池阁。 山盟虽在, 锦书难托。 莫莫莫。
</p>
</body>
</html>