孙雨琪20227821020
3.1
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML标签属性</title>
</head>
<body>
<h2 align="center">你所知道的设计师</h2>
<p align="center">时间： 05月28日11时11分 来源： 秃顶的河童</p>
<hr size="2" color="#cccccc" />
<p>设计师是对设计事务的人的一种泛称。通常是在某个特定领域<strong>创造或提供创意的工作</strong>,是把艺术与商业结合在一起的人。</p>
</body>
</html>
3.2
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>段落标签</title>
</head>
<body>
<h2 align="center">认识心理学</h2>
<p align="center">类型：设计类文章</p>
<p>设计心理学是设计专业一门理论课，是设计师必须掌握的学科，是建立在心理学基础上，是把人们心理状态，尤其是人们对于需求的心理。通过意识作用于设计的一门学问，它同时研究人们在设计创造过程中的心态，以及设计对社会及对社会个体所产生的心理反应，反过来在作用于设计，起到使设计更能够反应和满足人们的心理作用。</p>
</body>
</html>
3.3
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>水平线标签</title>
</head>
<body>
<h2 align="left">莫生气</h2>
<hr color="#00cc99" align="left" size="5" width="600"/>
<p>人生就像一场戏，因为有缘才相聚。相扶到老不容易，是否更该去珍惜。为了小事发脾气，回头想想又何必。别人生气我不气，气出病来无人替。我若气死谁如意，况且伤神又费力。邻居亲朋不要比，儿孙琐事由他去。吃苦享乐在一起，神仙羡慕好伴侣。</p>
<hr color="#00cc99"/>
</body>
</html>
3.4
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>换行标签</title>
</head>
<body>
<p>使用HTML制作网页时通过br标签<br />可以实现换行效果</p>
<p>如果像在word文档中一样
敲回车键换行就不起作用了</p>
</body>
</html>
3.5
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文本样式标签</title>
</head>
<body>
<h2 align="center">使用font标签设置文本样式</h2>
<p>文本是默认样式的文本</p>
<p><font size="2" color="blue">文本是2号蓝色文本</font></p>
<p><font size="5" color="red">文本是5号红色文本</font></p>
<p><font face="宋体" size="7" color="green">文本是7号绿色文本，文本的字体是宋体</font></p>
</body>
</html>
3.6
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文本格式化标签</title>
</head>
<body>
<p>文本是正常显示的文本</p>
<p><b>文本是使用b标签定义的加粗文本</b></p>
<p><strong>文本是使用strong标签定义的强调文本</strong></p>
<p><ins>文本是使用ins标签定义的下划线文本</ins></p>
<p><i>文本是使用i标签定义的倾斜文本</i></p>
<p><em>文本是使用em标签定义的强调文本</em></p>
<p><del>文本是使用del标签定义的删除线文本</del></p>
</body>
</html>
3.7
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>图像标签-alt属性的使用</title>
</head>
<body>
<img src="banner1.jpg"alt="百搭，白色，涂鸦，T恤，精品女装"/>
</body>
</html>
3.8
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>图像标签-title属性的使用</title>
</head>
<body>
<img src="banner1.jpg"alt="百搭，白色，涂鸦，T恤，精品女装"/>
</body>
</html>
3.9
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>图像的宽高和边框属性</title>
</head>
<body>
<img src="tupian.png" alt="少女插画" border="2"/>
<img src="tupian.png" alt="少女插画" width="100"/>
<img src="tupian.png" alt="少女插画" width="50" height="100/>
</body>
</html>
3.10
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>图像标签的边距和对齐属性</title>
</head>
<body>
<img src="girl.jpg" alt="挪威的森林" border="1" hspace="10" vspace="10" alige="left"/>
《挪威的森林》是村上春树最有名的小说，也是其作品中最易看懂和写实的一部。没有神出鬼没的迷宫，没有卡夫卡式的隐喻，没有匪夷所思的情节，只是用平静的语言娓娓讲述已逝的青春，讲述青春时代的种种经历、体验和感触，讲述青春快车的乘客沿途所见的实实在在的风景。对于中国读者来说，很可能是另一番风景，孤独寂寞，凄迷哀婉而又具有可闻可见可感可触的寻常性。
</body>
</html>
