怎样把这个页面敲成html代码？

img


不是很会，某师直接给我们布置的任务，对这方面不是很了解，才开始接触

这个还是比较简单的，看起来也没有复杂的样式。要想实现这些功能，只需要使用简单html标签即可。这里常用的都是一些文本布局的标签。你可以先简单学习一下简单html知识和css知识。CSDN也有一些html和css的基础文章，可以搜索学习。相信你很快就能实现功能。如果老师能提供可以访问的页面就更简单了。

因为你刚接触html,就没有没你单独的写初始时样式了，这个写的是内部样式，你把对应的文字改了就行了，下边是运行出来的网页图片。
写代码不容易，有用的话不要忘记给个赞哦


<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>贵美.商城</title>
<!--    <link href="CSS/test.css" type="text/css" rel="stylesheet">-->
</head>
<body>
<img src="imgs/img_1.png" style="width: 300px;height: 150px">
<div style=" margin-top: 75px; margin-right: 700px; float: right;">
<a href="" >登录| &nbsp;</a>
<a href=""  style="text-decoration: none">关于贵美| &nbsp;</a>
<a href="" style="text-decoration: none" >鬼美助理| &nbsp;</a>
<a href="" >联系我们</a>
</div>
<br>
<a href="" style="text-decoration: none" >手机 &nbsp;-&nbsp;</a>
<a href=""  style="text-decoration: none">诺基亚&nbsp;-&nbsp;</a>
<a href="" >MOTO&nbsp;-&nbsp;</a>
<a href="" style="text-decoration: none" >索爱&nbsp;</a>
<h1> 导购资讯</h1>
<p>参观电完达人的宝贝仓库</p>
<p>参观电完达人的宝贝仓库</p>
<p>参观电完达人的宝贝仓库</p>
<hr>
<p>网游专区</p>
<ol>
    <li >QQ幻想100点卡只需￥8.8元</li>
    <li>QQ幻想100点卡只需￥8.8元</li>
    <li>QQ幻想100点卡只需￥8.8元</li>
    <li>QQ幻想100点卡只需￥8.8元</li>
</ol>
<p>数码产品</p>
<ul>
    <li >QQ幻想100点卡只需￥8.8元</li>
    <li>QQ幻想100点卡只需￥8.8元</li>
    <li>QQ幻想100点卡只需￥8.8元</li>
    <li>QQ幻想100点卡只需￥8.8元</li>
</ul>
<hr>
<p > MOTO E2音乐手机</p>
     <ol style="font-family: 宋体;font-size: 7px" >130w像素设摄像头........</ol>
<ol style="font-family: 宋体;font-size: 7px" >130w像素设摄像头........</ol>
<ol style="font-family: 宋体;font-size: 7px" >130w像素设摄像头........</ol>
<ol style="font-family: 宋体;font-size: 7px" >130w像素设摄像头........</ol>
<hr>
<p>版权信息：Copyright.......................</p>
</body>
</html>

img