同学,你好!学习完如何在网页中插入文本、图片和列表,现在你来小试牛刀,检验一下自己的学习成果吧!看看你是否已将知识消化吸收。以下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
<!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> |