web前端开发第1次Dreamweave课堂练习/html作业代码《社会主义核心价值观》

目录

目标图片:​编辑

文字素材: 

代码分析:

Dreamweave-html代码:

Edge浏览器运行截图:

谷歌Google浏览器运行截图:


目标图片:

文字素材: 

社会主义核心价值观
Socialist Core Values

富强、民主、文明、和谐是国家层面的价值目标。
自由、平等、公正、法治是社会层面的价值取向。
爱国、敬业、诚信、友善是公民个人层面的价值准则。

Core socialist values are the soul of cultural soft power.
社会主义核心价值观是文化软实力的灵魂。

Core socialist values should be incorporated into the curriculum and classrooms and made a way of thinking for students.
要把社会主义核心价值观融入课程和课堂,让学生成为一种思维方式。

代码分析:

1代码分析
2<h2 align="center">社会</h2>h2号字体“社会”,居中
3<font color="red"size="20">核心</font>字体颜色是红色,字体"核心"是20px,font标签还有face="宋体"
4<div style="letter-spacing:5px;font-size:20px;"><b>CORE VALUES</b>CORE和VALUES的单词距离是5px,<span 字体大小是20px> style后面用等于号,style=“里面用语法+:”
<b></b>是加粗字体
6<hr style="border:1px dashed #03F;margin-left:500px;margin-right:500px;"><hr>是独立成行水平分割线标签,<span 样式是=“边界宽度1px 虚线 #颜色;向左外部填充500px;向右外部填充500px”>
7<span><span style="text-decoration:underline;color:black;"><font color="#009900"size="4px">国家层面</b></font></span><span></span>是一个空标签,<span 样式是=“文本修饰部分:下划线;颜色:黑”><font (文本的)颜色是#  字号是4px>
8<font style="text-shadow:1px 1.5px 2px red;"><i>自由、平等、公正、法治</i><i></i>是斜体<font 样式=”文字阴影部分:坐标x 坐标y 坐标z 红色“>
9<font color="orange"size="4px"><u><b>社会层面</b></u></font>的价值取向。<u></u>是下划线标签<font 颜色=”橘色“ 大小=4px>这里的font修饰文字和下划线
10<font style="text-shadow:3px 2px 3px #009;-webkit-text-stroke:0.2px red;color:black;"><i><dl><dl align="center">爱国、敬业、诚信、友善</i></font>是公民
 
webkit是浏览器核心的意思,text文本的意思,stroke(打、击)一下的意思;-webkit-text-strok用来给文字描边<font style="......;文字描边:宽度是0.2px (描边)颜色是红色";(文本)颜色是黑色>
11<font color="purple"size="4px">文本颜色是紫色,字号4像素
12<span style="text-decoration:underline;border-bottom:1px solid purple;padding-bottom:1px"><span style="文字修饰:下方线条;下方线条的下方描边:1px 实线 紫色;内部下方填充:1px">
13<font style="height:80px;color:red;background-color:red;color:white;font-size:16px;">made a way of thinking for students.</b></fort><font style=“(背景)高度:80px;(背景)颜色:红色;(文本)颜色:白色;字号:16px;”

Dreamweave-html代码:

<body>
<h2>
<h2 align="center">社会主
<font color="red"size="20">核心</font>
价值观</h2>
<div><div align="center";><div style="letter-spacing:5px;font-size:20px;"><b>SOCIALIST CORE VALUES</b></div></body>
<hr style="border:1px dashed #03F;margin-left:500px;margin-right:500px;">
<p>
<p align="center"><i>富强、民主、文明、和谐</i>是
<font><b>
<span><span style="text-decoration:underline;color:black;"><font color="#009900"size="4px">国家层面</b></font></span>的价值目标。
<p>
<p align="center"></p>
<font>
<font style="text-shadow:1px 1.5px 2px red;"><i>自由、平等、公正、法治</i>
</font>是<font color="orange"size="4px"><u><b>社会层面</b></u></font>的价值取向。
<font style="text-shadow:3px 2px 3px #009;-webkit-text-stroke:0.2px red;color:black;"><i><dl><dl align="center">爱国、敬业、诚信、友善</i></font>是公民
<font color="purple"size="4px">
<span style="text-decoration:underline;border-bottom:1px solid purple;padding-bottom:1px">
<b>个人层面</b></font></span>的价值准则。</dl>
<hr below style="border:1px dashed #03F;;margin-left:500px;margin-right:500px;">
<p><p align="center">Core socialist values are the soul of cultural soft power.
<p><p align="center">社会主义核心价值观是文化软实力的灵魂。
<hr below style="border:1px dashed #03F;;margin-left:500px;margin-right:500px;">
<p><p align="center">Core socialist values should be incorporated into the curriculum <p>and classrooms and 
<fort>
<b><fort style="height:80px;background-color:red;color:white;font-size:16px;">made a way of thinking for students.</b></fort>
<p><p align="center">要把社会主义核心价值观融入课程和课堂,让学生成为一种思维方式。
</body>

Edge浏览器运行截图:

谷歌Google浏览器运行截图:

  • 8
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小冷swz

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值