• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

2020年12月web前端开发职业技能等级证书考核-初级-操作题目-1

互联网 diligentman 2个月前 (11-28) 22次浏览

1、题目

2020年12月web前端开发职业技能等级证书考核-初级-操作题目-1

2、素材

目录结构如下:

2020年12月web前端开发职业技能等级证书考核-初级-操作题目-12020年12月web前端开发职业技能等级证书考核-初级-操作题目-1

图片素材42.jpg:

2020年12月web前端开发职业技能等级证书考核-初级-操作题目-1

43.jpg

2020年12月web前端开发职业技能等级证书考核-初级-操作题目-1

index.html代码:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<  (1) >新闻</  (1) >  <!--网页标题--><!--第(1)空-->
	</head>
	<body>
		<!--<  (2) id="top">这是一个新闻网站</  (2) >-->
		<  (2) id="top">这是一个新闻网站</  (2) > <!--使用标题1-->
	    <p>
	    	<!--<a href="  (3) ">湖北新闻</a>-->
	    	<!--<a href="  (4) ">武汉新闻</a>-->
			<a href="  (3) ">湖北新闻</a><!--使用锚点链接,跳转到湖北新闻-->
		    <a href="  (4) ">武汉新闻</a><!--使用锚点链接,跳转到武汉新闻-->
	    </p>						
		<!--使用表格元素-->
	   < (5) border="1" id="hubei" cellpadding="0" cellspacing="0"><!--第(5)空-->
			  <  (6) >   <!--表格行--><!--第(6)空-->
				<td><span>湖北日报:2019/07/25</span></span>
				</td>
			  </  (6) > <!--第(6)空-->
			  <  (6) > <!--第(6)空-->
				<td>
					<p>湖北日报讯下<br/>一边因强雨水引发洪涝灾害,另一边降水不足导致干旱,湖北出现少见旱涝两级并存局面。7月25日晚间以来湖北出现短时强降雨。</p>
					<!--<  (7) src="img/42.jpg" alt="" width="320px" height="340px">-->
					<  (7) src="img/42.jpg" alt="" width="320px" height="340px">
				</td>
			  </  (6) > <!--第(6)空-->
			  <  (6)  id="wuhan"><!--第(6)空-->
				<td><span>武汉日报:2019/07/25</span>
				</td>
			  </  (6) > <!--第(6)空-->
			  <  (6) > <!--第(6)空-->
				<td>
					<p>武汉日报讯下<br/>一边因强雨水引发洪涝灾害,另一边降水不足导致干旱,湖北出现少见旱涝两级并存局面。7月25日晚间以来湖北出现短时强降雨。</p>
					<!--<  (7)  src="img/43.jpg" alt="" width="340px" height="340px"><br>-->
					<  (7)  src="img/43.jpg" alt="" width="340px" height="340px"><br>
				</td>
			  </(6)> <!--第(6)空-->
		</  (5)  ><!--第(5)空-->
        <  (8)  />   <!--插入水平线--><!--第(8)空-->
		<!--<a href=" (9) ">< (10) >回到顶部</ (10) ></a>-->
  	   	<a href=" (9) ">< (10) >回到顶部</ (10) ></a>
  	   	</body>
  	    </html> 	

3、效果

3.1修改后代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>新闻</title>  <!--网页标题--><!--第(1)空--><!--刘日辉解说:输入标题标签title-->
	</head>
	<body>
		<!--<  (2) id="top">这是一个新闻网站</  (2) >--><!--刘日辉解说:使用标题1样式-->
		<h1 id="top">这是一个新闻网站</ h1> <!--使用标题1-->
	    <p>
	    	<!--<a href="  (3) ">湖北新闻</a>-->
	    	<!--<a href="  (4) ">武汉新闻</a>-->
			<a href="#hubei">湖北新闻</a><!--使用锚点链接,跳转到湖北新闻--><!--刘日辉解说:锚点就是#id,我们看到下面湖北的id是hubei-->
		    <a href="#wuhan">武汉新闻</a><!--使用锚点链接,跳转到武汉新闻--><!--刘日辉解说:锚点就是#id,我们看到下面武汉的id是wuhan-->
	    </p>						
		<!--使用表格元素-->
	   <table border="1" id="hubei" cellpadding="0" cellspacing="0"><!--第(5)空--><!--刘日辉解说:因为里面有td标签,并且里面也说是表格行,所以推测出这个是table-->
			  <tr>   <!--表格行--><!--第(6)空--><!--刘日辉解说:表格行就是tr-->
				<td><span>湖北日报:2019/07/25</span></span>
				</td>
			  </tr> <!--第(6)空-->
			  <tr> <!--第(6)空-->
				<td>
					<p>湖北日报讯下<br/>一边因强雨水引发洪涝灾害,另一边降水不足导致干旱,湖北出现少见旱涝两级并存局面。7月25日晚间以来湖北出现短时强降雨。</p>
					<!--<  (7) src="img/42.jpg" alt="" width="320px" height="340px">--><!--刘日辉解说:图片标签img-->
					<img src="img/42.jpg" alt="" width="320px" height="340px">
				</td>
			  </tr> <!--第(6)空-->
			  <tr id="wuhan"><!--第(6)空-->
				<td><span>武汉日报:2019/07/25</span>
				</td>
			  </ tr> <!--第(6)空-->
			  <tr> <!--第(6)空-->
				<td>
					<p>武汉日报讯下<br/>一边因强雨水引发洪涝灾害,另一边降水不足导致干旱,湖北出现少见旱涝两级并存局面。7月25日晚间以来湖北出现短时强降雨。</p>
					<!--<  (7)  src="img/43.jpg" alt="" width="340px" height="340px"><br>-->
					<img src="img/43.jpg" alt="" width="340px" height="340px"><br>
				</td>
			  </tr> <!--第(6)空-->
		</table><!--第(5)空-->
        <hr/>   <!--插入水平线--><!--第(8)空--><!--刘日辉解说:水平线hr-->
		<!--<a href=" (9) ">< (10) >回到顶部</ (10) ></a>--><!--刘日辉解说:锚点就是#id,我们看到上面头部的id是top,a标签里面适合放的可以是span标签-->
  	   	<a href="#top"><span>回到顶部</span></a>
  	   	</body>
  	    </html> 	

3.2效果

2020年12月web前端开发职业技能等级证书考核-初级-操作题目-1


喜欢 (0)