WEB前端入坑demo2

最新推荐文章于 2024-07-24 17:16:26 发布

回眸、一世

最新推荐文章于 2024-07-24 17:16:26 发布

阅读量153

点赞数

文章标签： html html5 css

本文链接：https://blog.csdn.net/weixin_43865119/article/details/106699411

版权

1、学习内容

模仿百度新闻局部
在这里插入图片描述

2、代码

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>百度新闻列表</title>
</head>
<body>
	<h1>国内&nbsp;<img src="E:\前端学习练习\demo2\Snipaste_2020-06-11_23-14-05.png"></h1>
	<hr>
	<ul>
		<li>
			<a href="http://baijiahao.baidu.com/s?id=1668046921672302476">
				<b>甘肃省公航旅集团与腾讯云计算（北京）公司签订战</b>
			</a> 
		</li>
		<li>
			<a href="http://baijiahao.baidu.com/s?id=1668007755764135283">两天豪掷160亿，德国汽车巨头安徽“买车”，两家公..
			</a>  
		</li>
		<li>
			<a href="http://baijiahao.baidu.com/s?id=1668006983152847739">甘肃多部门联动开展森林草原实战灭火演练
			</a>
			
		</li>
		<li>
			<a href="http://m.top.cnr.cn/bdxw/20200611/t20200611_525124689.html">20岁小姐姐骑车闯高速被拦下后大哭，背后原因令人心疼
			</a>
			
		</li>
		<li>
			<a href="吵架后男子驾车碾压前妻，故意还是意外？">街头出现疯狂一幕 拖行辅警30米 摩托车驾驶员强行闯关
			</a>
			
		</li>
		<li>
			<a href="http://m.top.cnr.cn/bdxw/20200611/t20200611_525124686.html">吵架后男子驾车碾压前妻，故意还是意外？
			</a>
		</li>
	</ul>
	<ol>
		<li>
			<a href="http://baijiahao.baidu.com/s?id=1668046921672302476">
				<b>甘肃省公航旅集团与腾讯云计算（北京）公司签订战</b>
			</a> 
		</li>
		<li>
			<a href="http://baijiahao.baidu.com/s?id=1668007755764135283">两天豪掷160亿，德国汽车巨头安徽“买车”，两家公..
			</a>  
		</li>
		<li>
			<a href="http://baijiahao.baidu.com/s?id=1668006983152847739">甘肃多部门联动开展森林草原实战灭火演练
			</a>
			
		</li>
		<li>
			<a href="http://m.top.cnr.cn/bdxw/20200611/t20200611_525124689.html">20岁小姐姐骑车闯高速被拦下后大哭，背后原因令人心疼
			</a>
			
		</li>
		<li>
			<a href="吵架后男子驾车碾压前妻，故意还是意外？">街头出现疯狂一幕 拖行辅警30米 摩托车驾驶员强行闯关
			</a>
			
		</li>
		<li>
			<a href="http://m.top.cnr.cn/bdxw/20200611/t20200611_525124686.html">吵架后男子驾车碾压前妻，故意还是意外？
			</a>
		</li>
	</ol>				
</body>
</html>

总结

（1）、浏览器运行结果
在这里插入图片描述
（2）知识点
< a href=“URL”>文本< /a > 超链接
< img src=“图片地址”> 插入图片
< ol >

      < li >
	  < /li >

< /ol > 有序排列

< ul >

      < li >
	  < /li >

< /ul > 无序排列

！！！问题，自己做的页面超链接字体颜色和有下划线和原页面不一样

推荐一个截图软件Snipaste，免费好用。

回眸、一世

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
WEB前端入坑demo2

1、学习内容模仿百度新闻局部2、代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>百度新闻列表</title></head><body> <h1>国内&nbsp;<img src="E:\前端学习练习\demo2\Snipaste_2020-06-11_23-14-05.png
复制链接

扫一扫