[离线作业] Web前端开发基础-小试牛刀

[复制链接]
发表于 2019-8-5 20:00:04 | 显示全部楼层 |阅读模式
    同学,你好!学习完如何在网页中插入文本、图片和列表,现在你来小试牛刀,检验一下自己的学习成果吧!看看你是否已将知识消化吸收。以下4个任务请你根据自己的能力等级任选1个,完成后运行一下,如果达成预定的效果,请将代码复制到word文档中,将运行的结果截图粘贴到word文档中,将word文档作为附件提交上来。你也可以完成多个任务,提交多个成果哦!看看谁的任务完成得最好哦!提交成果后,请一定记得到问答栏目老师的学习活动主题帖下回帖参与学习活动哈,无论是提交成果还是回帖都会计入你的平时成绩哦。
  
任务一:代码初体验,制作我的第一个网页(基础)。
  
请在第8行,<h1>和</h1>标签之间,输入Hello World 字符串。
  
<!DOCTYPE HTML>
  
<html>
  
     <head>
  
         <meta http-equiv="Content-Type" content="text/html;  charset=utf-8">
  
         <title>制作我的第一个网页</title>
  
     </head>
  
     <body>
  
         <h1> </h1>
  
     </body>
  
</html>
  
任务二:使用<p>标签,添加段落(基础)。
  
1.在第8行输入<p>我的第一个段落。</p>。
  
2.在第9行输入<p>我的第二个段落。</p>。
  
<!DOCTYPE HTML>
  
<html>
  
<head>
  
<meta http-equiv="Content-Type"  content="text/html; charset=utf-8">
  
<title> p标签</title>
  
</head>
  
<body>
  
</body>
  
</html>
任务三:使用<img>标签定义HTML页面中的图像(基础)。
  
使用 <img> 标签定义 HTML 页面中的图像。<img> 标签有两个必需的属性:src 和 alt。
  
Norwegian Mountain Trip
  
file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtmlclip1/01/clip_image002.jpg
  
<!DOCTYPE html>
  
<html>
  
<head>
  
<meta charset="utf-8">
  
<title>W3Cschool教程(w3cschool.cn)</title>
  
</head>
  
<body>
  
<h2>Norwegian Mountain Trip</h2>
  
<img border="0"  src="/statics/images/course/pulpit.jpg" alt="Pulpit rock"  width="304" height="228">
  
</body>
  
</html>
任务四:使用ul,添加新闻信息列表(提高)。
  
在右部编辑器中的第8行输入<ul><li>我的第一个列表信息</li></ul>。
  
<!DOCTYPE HTML>
  
<html>
  
<head>
  
<meta http-equiv="Content-Type"  content="text/html; charset=utf-8">
  
<title> p标签</title>
  
</head>
  
<body>
  
</body></html>

Web前端开发基础 小试牛刀2019-05-05答案.zip

15.31 KB, 下载次数: 3, 下载积分: 贡献 1

售价: 20 金币  [记录]  [购买]

答案

快速回复 返回顶部 返回列表