【初学Html】百度的界面Html
本帖最后由 845xyz 于 2020-3-30 20:47 编辑就是一个UI课作业，想着写好了也是在硬盘里躺着，不如分享出来
如果违规请删帖
图片预览：
代码预览：
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html">
<title>
百度一下，你就知道
</title>
<style>
html,body{height:100%;}
html{overflow-y:auto}
#wrapper{position:relative;_position:;min-height:100%}
#content{padding-bottom:100px;text-align:center;}
#ftCon{height:100px;position:absolute;bottom:44px;text-align:center;width:100%;margin:0 auto;z-index:0;overflow:hidden;}
#ftConw{width:720px;margin:0 auto;}
body{font:12px arial;text-align:;background:#fff}
body,p,form,ul,li{margin:0;padding:0;list-style:none}
body,form,#fm{position:relative}td{text-align:left}img{border:0}a{color:#00c}a:active{color:#f60}
#u{color:#999;padding:4px 10px 5px 0;text-align:right}
#u a{margin:05px}
#u .reg{margin:0}
#m{width:720px;margin:0 auto;}
#nv a,#nvb,.btn,#lk{font-size:14px}
#fm{padding-left:110px;text-align:left;z-index:1;}input{border:0;padding:0}
#nv{height:19px;font-size:16px;margin:0 0 4px;text-align:left;text-indent:137px;}
.s_ipt_wr{width:418px;height:30px;display:inline-block;margin-right:5px;background:url(http://s1.bdstatic.com/r/www/img/i-1.0.0.png) no-repeat -304px0;border:1px solid #b6b6b6;border-color:#9a9a9a #cdcdcd #cdcdcd
#9a9a9a;vertical-align:top}
.s_ipt{width:405px;height:22px;font:16px/22px arial;margin:5px 0 07px;background:#fff;outline:none;-webkit-appearance:none}
.s_btn{width:95px;height:32px;padding-top:2px\9;font-size:14px;background:#ddd url(http://s1.bdstatic.com/r/www/img/i-1.0.0.png);cursor:pointer}
.s_btn_h{background-position:-100px 0}
.s_btn_wr{width:97px;height:34px;display:inline-block;background:url(http://s1.bdstatic.com/r/www/img/i-1.0.0.png) no-repeat -202px 0;*position:relative;z-index:0;vertical-align:top}
#lgimg{vertical-align:top;margin-bottom:3px}
#lk{margin:33px 0}
#lk span{font:14px "宋体"}
</style>
</head>
<body>
<div id="wrapper"><div id="content">
<div id="ie6tipcon"></div>
<div id="u">
<aname="tj_setting">搜索设置</a>|
<atarget="_blank" name="tj_login" id="lb" >登录</a>|
<atarget="_blank" name="tj_reg" class="reg">注册</a>
</div>
<div id="m">
<p id="lg"><img src="http://www.baidu.com/img/baidu_sylogo1.gif" width="270" height="129" ></p>
<p id="nv">
<a >新 闻</a>
<b>网 页</b>
<a >贴 吧</a>
<a >知 道</a>
<a >音 乐</a>
<a >图 片</a>
<a >视 频</a>
<a >地 图</a>
</p>
<div id="fm">
<form name="f" action="/s"><span class="s_ipt_wr"><input type="text" name="wd" id="kw" maxlength="100" class="s_ipt"></span><input type="hidden" name="rsv_bp" value="0"><input type="hidden" name="rsv_spt" value="3"><span class="s_btn_wr"><input type="submit" value="百度一下" id="su" class="s_btn"></span></form>
<span class="tools"><span id="mHolder">
</div>
<p id="lk">
<a >百科</a>
<a >文库</a>
<a >hao123</a><span> | <a >更多>></a></span></p>
</div>
<div id="ftCon">
<div id="ftConw">
<p>
<a id="seth" href="/">把百度设为主页</a>
<br></br>
<aonmousedown="returnns_c({'fm':'behs','tab':'btlink','pos':2})">加入百度推广</a> |
<aonmousedown="return ns_c({'fm':'behs','tab':'btlink','pos':3})">搜索风云榜</a> |
<aonmousedown="return ns_c({'fm':'behs','tab':'btlink','pos':4})">关于百度</a> |
<aonmousedown="return ns_c({'fm':'behs','tab':'btlink','pos':5})">About Baidu</a>
</p>
<p id="cp">©2020 Baidu
<a href="/duty/">使用百度前必读</a>
<atarget="_blank">京ICP证030173号</a>
<img src="http://www.baidu.com/cache/global/img/gs.gif">
</p>
</div>
</div>
</body>
845xyz 发表于 2020-3-30 20:49
html代码跟这个网页有冲突 会错误识别 大家建议下载源文件查看代码
好多marginpadding啊 布局要变形.......... xxsy 发表于 2020-3-30 20:45
不全啊，啥玩意
好了 这个代码器会阻止显示<html>标签 收尾加上即可 这个MD怎么有部分没在里面。。。 不全啊，啥玩意 html代码跟这个网页有冲突 会错误识别 大家建议下载源文件查看代码
没写js部分吗 HTML代码看得有点晕 你好 吾爱李彦宏 PPZ丿皮皮智 发表于 2020-3-30 21:05
没写js部分吗
还没学到不好意思 等学到了再看
页:
[1]
2