web前端开发第4次Dreamweave课堂练习/html练习代码《出版界推出一批纪念抗美援朝胜利70周年主题图书》

小冷swz

已于 2023-11-16 23:59:40 修改

阅读量398

点赞数 1

分类专栏：网页开发html/css/JQuery 文章标签：前端 html javascript

于 2023-11-12 13:03:30 首次发布

山山4332

本文链接：https://blog.csdn.net/qq_64064356/article/details/134359522

版权

网页开发html/css/JQuery 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

目标图片：

文字素材：

出版界推出一批纪念抗美援朝胜利70周年主题图书
2023-08-01来源：新华社

为纪念抗美援朝战争胜利70周年，出版界集中推出了“抗美援朝亲历记丛书”《新中国立国之战——抗美援朝战争的回顾与思考》《毛泽东与抗美援朝》《周恩来与抗美援朝》《抗美援朝文物背后的故事》《跨过鸭绿江：抗美援朝影像记忆》《红色经典连环画：跨过鸭绿江》等一批主题图书。

这些图书涵盖口述史、书信日记、学术研究、文学艺术等种类，主题鲜明、史料珍贵、内容丰富生动，通过述录先辈的奋斗，激励今人在复兴之路上坚定前行。

责任编辑：来芙萍

图片素材：

代码解析：

	代码	解析
1	<p style ="position:left;">	在图片插入上方，表示图片位置在左边
2	<img src="practice4.png" style="float:left;"width="459" height="250"hspace="10" />	hspace="10"图像和文字的行间距为10px
3	<p style="text-indent:2em">	<p style="文本内部:空两格">
4	<div align="right">	<div标签会换行标题=“右边”>
5	<div style="font-size:12px;">	<div style="字号:12px;">

Dreamweaver运行代码：

<body>
<p style ="position:left;">
  <img src="practice4.png" style="float:left;"width="459" height="250"hspace="10" />
<h3><h3 align="center">出版界推出一批纪念抗美援朝胜利70周年主题图书
</h3>

<p style="font-size:12px;">2023-08-01来源：新华社
<p style ="position:=right;">
<p><p style="text-indent:2em">为纪念抗美援朝战争胜利70周年，出版界集中推出了“抗美援朝亲历记丛书”《新中国立国之战——抗美援朝战争的回顾与思考》《毛泽东与抗美援朝》《周恩来与抗美援朝》《抗美援朝文物背后的故事》《跨过鸭绿江：抗美援朝影像记忆》《红色经典连环画：跨过鸭绿江》等一批主题图书。</p>

<p style="text-indent:2em">这些图书涵盖口述史、书信日记、学术研究、文学艺术等种类，主题鲜明、史料珍贵、内容丰富生动，通过述录先辈的奋斗，激励今人在复兴之路上坚定前行。
  
<div align="right">
<div style="font-size:12px;">责任编辑：来芙萍
</div>
</body>