本文详细介绍了HTML的基本元素，如文本标签（h1-h6, em, strong, p等）、链接标签（a）及图像标签(img)，区分了块状、行内和行内块状标签，并通过实例演示了如何在实际中运用这些标签。
第一天：html的基础
一.按照标签内容：
一.文本标签
h1-h6：标题标签
em： 强调标签 ，把文本定义为强调的内容。
strong：是标题标签， 把文本定义为语气更强的强调的内容。比em的程度还要高。
p: 段落标签
b: 加粗内容
s/del: 删除样式
ins：下划线
br: 换行标签
pre：预览标签
二.链接标签
a：标签
<a href="http://www.baidu.com">中国成功发射风云三号05星</a><br>
文件下载：
<a href="resources/将进酒.zip">将进酒</a>
三.图像标签
img: 图像标签
<img src="resources/云缨.jfif" height="100px" width="100px"/>
四.块状标签
单独在一行显示，能随时设置高度和宽度。
包括div h1-h6
五.行内标签
多个行内标签能在一行显示，宽度和高度随着内容而变化，自己设置则无效
包括 a
六.行内块状标签
多个行内标签能在一行显示，能随时设置高度和宽度
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<!--
块状标签
独占一行,能随时设置宽度和高度。
-->
<div style="border: 1px solid; width: 200px;">123</div>
<div style="border: 1px solid; width: 200px;">456</div>
<h1>123</h1> <h1>123</h1>
<!--
行内标签
多个行内标签能同时显示在一行，宽度和高度取决于内容的尺寸
-->
<a href="#" style="border: 1px solid; width: 100px; height: 100px;">百度</a> <br/>
<a href="#">google</a><br/>3
<!--
行内块状标签
多个行内块状标签能同时显示在一行，能随时设置宽度和高度
-->
<input style="width: 100%; height: 50px;"/>
<button>登录</button>
</body>
</html>
7万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
