网页练习
-效果图如下
源代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>网页练习</title>
</head>
<body>
<center>
<a href="#bottom">回到底部</a>
<h1>个人博客</h1>
<hr>
<h2>
dota2</h2><br>
<a href="#">影魔</a><!--创建超链接可用#代替 -->
<h3>
<P>
英雄背景</br>
<img src="sf.jpg" alt="影魔" width="300px"></br>
据说影魔奈文摩尔有着一个诗人的灵魂，</br>
事实上，他吞噬的诗人灵魂早已成千上万。</br>
千百年来，他收集了各式各样的灵魂，</br>
包括诗人，牧师，帝王，乞丐，奴隶，哲人，罪犯，当然，还有英雄。</br>
他拥有着世间所有种类的灵魂。</br>
然而没人知道他收集这些灵魂作何之用。</br>
从来没有人得以窥视影魔的魂渊之秘，</br>
他从魂渊中伸出灵魂触须，蔓延在精神位面。</br>
他是把灵魂一个个吞噬了？还是把灵魂堆积在他的影惧神殿里？</br>
又或是将灵魂浸在死灵之池中？</br>
难道他仅仅是一个被恶魔傀儡大师操纵着，通过位面裂口进入世界的傀儡？</br>
尽管众说纷纭，但根本没有人能看透他那黑暗光环下的层层邪恶。</br>
然而，如果你实在是很想知道那些灵魂的归宿，有个办法能帮你达成心愿：</br>
凡人，将你的灵魂奉献给影魔，或者等待魔王的收割！</br>
<hr>
</p>
</h3>
友情链接：<a href="https://baike.baidu.com/item/%E5%BD%B1%E9%AD%94/16481128">百度百科</a>|<a href="#" >游戏攻略</a><br><br>
<a id="bottom" href="#">回到顶部</a>|<a >联系我们</a>
<!-- #可以自动回到顶部
html中有一个属性，每一个元素都可以设置，该属性可以作为标签的唯一标识--
这个属性就是id，id属性在同一个页面只能有一个不能重复-->
</center>
</body>
</html>
