|
6 U1 _1 F' b7 d4 Z) ?
第一阶段作品展示7 I+ j4 A% \4 w0 {* @
8 ~! y% h Q7 S6 Z% p4 T9 w5 ?同学,经过前几周的学习,相信你已经掌握了本课程的一些基础性知识,下面请你动手完成以下作品,并提交上来。
, |0 l7 w9 E( Y& s! ~; ]1 V; ]& x0 a# K* {. E) h2 U4 Z
你需要提交的作品:8 i4 J# X) ?( ]3 K
按照课程视频,搭建自己的一个网站,可以参考框架5 l, J6 Q" Z% k
<!DOCTYPE HTML>
" \' X Z9 @ m& r<html>
! N/ \+ ~4 h( K: {& ~; d. n2 }: q <head>% J; \4 s7 B& R# j P6 A' ?8 g; n
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">" G+ N# M- c- X. J
<title>无标题文档</title>
: {) w- Y$ ~9 l- m) r7 s8 i </head>4 c) }/ t, W# ?3 h5 {6 J/ I1 J
<body>
9 ?3 y- O. R; M! p; S6 i7 C/ d </body># B7 b1 t% y6 o G; n' @" @
</html>2 p7 H- d% z( c2 p4 D; Q3 f
请将代码复制到word文档中,将运行的结果截图粘贴到word文档中,将word文档作为附件提交上来。
/ \9 f0 f8 e+ Z6 a4 O7 t- a/ e0 S; `6 ~
+ Q4 C1 j3 m* l1 E
7 U& _( H8 Z; e% g. _( k, W- ?# f' H* ^" {) p5 o
; u d+ ]# m# V7 u8 w+ f* Z小试牛刀2019-05-05
6 I2 s$ I7 W6 A! y1 T0 j e
2 m2 [ _1 N) w$ L' ~" U同学,你好!学习完本课程中的项目介绍部分内容,现在你来小试牛刀,检验一下自己的学习成果吧!看看你是否已将知识消化吸收。以下2个任务请你根据自己的能力等级任选1个,完成后运行一下,如果达成预定的效果,请将代码复制到word文档中,将运行的结果截图粘贴到word文档中,将word文档作为附件提交上来。你也可以完成多个任务,提交多个成果哦!看看谁的任务完成得最好哦!提交成果后,请一定记得到问答栏目老师的学习活动主题帖下回帖参与学习活动哈,无论是提交成果还是回帖都会计入你的平时成绩哦。
( p0 }( Y5 d3 C* C( R9 l任务一:在body标签中添加一个div,设置其class属性为myBox。
8 v, V. f x7 i提示:
0 d# [$ w0 b# S4 C8 X% [根据任务要求设置相关CSS样式: 盒子的宽度为200px,高度为100px,边框线为1px的红色实线,盒子距页面有10px的上边距,盒子中的内容距左侧有15px填充。
6 H7 U6 f2 D1 ~/ I<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
$ Y) N6 E% n! F<html xmlns="http://www.w3.org/1999/xhtml">
% P, w. E' n; ?8 q: M! R<head>
. ^ A- I" f S0 k<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
, T. _$ h* F$ P+ U( d<title>盒子模型练习题</title>
5 z2 O3 K/ o( v& e! K<!--在此定义一个类选择器myBox,根据要求设置相关CSS属性-->+ Q0 ]) G. q( r: d k9 q
</head>
- E3 X4 K/ h7 K4 f<body>
8 o. k5 F- \+ V H3 B# O<!--在此添加一个div标签,并设置其class属性为myBox-->% K$ P% S# E% ^# w
</body>
6 d! }& B U: |: e- t# e</html>7 d" v& X1 Q" L
任务二:在head标签中,定义一个类选择器myBox。
" F8 t8 p4 @, `/ S! E3 [0 A% Z1 N <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
# T: [9 ~( y' b<html xmlns="http://www.w3.org/1999/xhtml">
2 N6 P- Z$ }& [<head>* x5 i3 j9 B5 q9 P# U
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
: [# J. ]* i2 j% K/ x4 N9 P5 r( E<title>盒子模型练习题</title>
1 Q' E- V+ f. Y: G* P2 d& D0 ]<!--在此定义一个类选择器myBox,根据要求设置相关CSS属性-->
- E d0 d, }2 X$ I3 B$ H5 J4 a8 l</head>2 L4 k& z- e) m
<body>
: B9 j+ [' C9 C& O<!--在此添加一个div标签,并设置其class属性为myBox-->
T. z9 [+ N m& ]/ v( F</body>
; F! C3 a4 ~+ }" t</html>. x/ ^0 b7 q ~" p: c+ z7 o
H3 m( Y/ h0 h$ {. y' G. _! }
|
|