精英盒子 -> 程序设计 -> 没事发发以本人的技术程度的白痴网页源码 [打印本页]

scxyscxy

2011-10-14 20:54

没事发发以本人的技术程度的白痴网页源码

<html>
<head>
<title>源's home</title>
</head>

<h3><font color="#00CC66">实用网址</font></h3>
<hr/>


<p>·<a href="http://www.360.cn/" target="_blank">360</a>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp ·<a href="http://jybox.net/">精英盒子</a>&nbsp ·<a href="http://www.qq.com/">腾讯网</a></p>
<br/><br/>

<h3><font color="#0000FF">搜索引擎</font></h3><hr/>
<p>·<a href="http://www.baidu.com/" target="_blank">百度</a>&nbsp&nbsp&nbsp&nbsp&nbsp ·<a href="http://www.google.com.hk/" target="_blank">Google</a>&nbsp&nbsp&nbsp ·<a href="http://www.youdao.com/" target="_blank">有道</a>&nbsp&nbsp&nbsp&nbsp&nbsp ·<a href="http://www.sogou.com/" target="_blank">搜狗</a>&nbsp&nbsp&nbsp&nbsp&nbsp ·<a href="http://www.yahoo.cn/" target="_blank">雅虎</a>&nbsp&nbsp&nbsp&nbsp&nbsp ·<a href="http://www.soso.com/" target="_blank">搜搜</a></p>
<br/><br/>

<h3><font color="#993300">邮&nbsp&nbsp&nbsp 箱</font></h3><hr/>
<p>·<a href="http://mail.163.com/" target="_blank">网易(@163)</a>·<a href="http://www.126.com/" target="_blank">网易(@126)</a>·<a href="https://mail.qq.com/cgi-bin/loginpage?t=ptlogin" target="_blank">QQ</a>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp·<a href="http://mail.sina.com.cn/" target="_blank">新浪</a>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp·<a href="http://mail.cn.yahoo.com/" target="_blank">雅虎</a>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp·<a href="http://mail.21cn.com/" target="_blank">21CN</a></p>
<br/><br/>

<h3><font color="#FF66CC">新&nbsp&nbsp&nbsp 闻</font></h3><hr/>
<p>·<a href="http://news.sina.com.cn/" target="_blank">新浪新闻</a>&nbsp&nbsp·<a href="http://news.sohu.com/" target="_blank">搜狐新闻</a>&nbsp&nbsp·<a href="http://news.163.com/" target="_blank">网易新闻</a></p>
<br/><br/>

<h3><font color="#0066CC">社&nbsp&nbsp&nbsp 区</font></h3><hr/>
<p>·<a href="http://qzone.qq.com/" target="_blank">QQ空间</a>&nbsp&nbsp&nbsp ·<a href="http://www.tianya.cn/" target="_blank">天涯社区</a>&nbsp ·<a href="http://dzh.mop.com/" target="_blank">猫扑大杂烩</a>·<a href="http://www.51.com/" target="_blank">51个人空间</a>·<a href="http://jybox.net/" target="_blank">精英盒子</a>
<br/><br/>

</body>
</html>

其实主要的就是<h3>&<p>&<a>&<br>&<hr>

outman	2011-10-14 21:03
很有做网页设计师的天分！代码清晰美观布局简洁大方

jybox	2011-10-14 21:06
我现在最讨厌看到这种代码.......... 该转义的没转义使用不推荐的标记“font” 使用不推荐的属性：“color” 显示和结构没分开而且居然给360做广告但相比于连标签名都大小写混输的“黑客”，还是漂亮很多的

scxyscxy	2011-10-14 21:12
使用<font color=" ">只是为了变字体的颜色.. 至于360嘛。。。因为是在他网页上淘的网址，所以就写上了。对了，改变字体颜色有什么办法，请教一下jy。。。 PS: 迪加。。。此代码只是本人无聊中的产物。。。

jybox	2011-10-14 21:17
sky:使用<font color=" ">只是为了变字体的颜色.. 至于360嘛。。。因为是在他网页上淘的网址，所以就写上了。对了，改变字体颜色有什么办法，请教一下jy。。。 PS: 迪加。。。此代 .. (2011-10-14 21:12) CSS,现在要做的是要让数据和显示分离... 例如 <span style="color:red;">红</span>

scxyscxy	2011-10-14 21:22
又学了一样东东。。。谢啦，jy

jybox

2011-10-14 21:46

自以为写的还算优雅

<html>
<head>
<title>源's home</title>
<base target="_blank" />
<style tyule="text/css">
    h3
    {
        color:#00CC66;
        clear:both;
    }
    ul
    {
        height:50px;
    }
    li
    {
        float:left;
        width:100px;
    }
</style>
</head>
<body>

<h3>实用网址</h3>
<hr/>
<ul>
<li><a href="httul://www.360.cn/">360</a></li>
<li><a href="httul://jybox.net/">精英盒子</a>
<li><a href="httul://www.qq.com/">腾讯网</a></li>
</ul>

<h3>搜索引擎</h3>
<hr/>
<ul>
<li><a href="httul://www.baidu.com/">百度</a></li>
<li><a href="httul://www.google.com.hk/">Google</a></li>
<li><a href="httul://www.youdao.com/">有道</a></li>
<li><a href="httul://www.sogou.com/">搜狗</a></li>
<li><a href="httul://www.yahoo.cn/">雅虎</a></li>
<li><a href="httul://www.soso.com/">搜搜</a></li>
</ul>

<h3>邮   箱</h3>
<hr/>
<ul>
<li><a href="httul://mail.163.com/">网易(@163)</a></li>
<li><a href="httul://www.126.com/">网易(@126)</a></li>
<li><a href="httuls://mail.qq.com/cgi-bin/loginulage?t=ultlogin">QQ</a></li>
<li><a href="httul://mail.sina.com.cn/">新浪</a></li>
<li><a href="httul://mail.cn.yahoo.com/">雅虎</a></li>
<li><a href="httul://mail.21cn.com/">21CN</a></li>
</ul>

<h3>新   闻</h3>
<hr/>
<ul>
<li><a href="httul://news.sina.com.cn/">新浪新闻</a></li>
<li><a href="httul://news.sohu.com/">搜狐新闻</a></li>
<li><a href="httul://news.163.com/">网易新闻</a></li>
</ul>

<h3>社   区</h3>
<hr/>
<ul>
<li><a href="httul://qzone.qq.com/">QQ空间</a></li>
<li><a href="httul://www.tianya.cn/">天涯社区</a></li>
<li><a href="httul://dzh.moul.com/">猫扑大杂烩</a></li>
<li><a href="httul://www.51.com/">51个人空间</a></li>
<li><a href="httul://jybox.net/">精英盒子</a></li>
</ul>

</body>
</html>

scxyscxy	2011-10-14 22:05
好多不懂。。。。

jybox	2011-10-14 22:34
sky:好多不懂。。。。 (2011-10-14 22:05) http://www.w3cschool.cn/

scxyscxy	2011-10-15 14:58
jybox:http://www.w3cschool.cn/ (2011-10-14 22:34) 早知道了。。。

scxy	2012-08-25 15:47
我又来挖坟了. 以前写的东西现在看起来确实蛋疼, 另外, clear:both我现在都不知道是神马作用= =很少见到它的样子

jybox	2012-08-25 16:55
scxy:我又来挖坟了. 以前写的东西现在看起来确实蛋疼, 另外, clear:both我现在都不知道是神马作用= =很少见到它的样子 (2012-08-25 15:47) 清除浮动，参见w3cshcool

Powered by phpwind v8.7 Code ©2003-2011 phpwind
Time 0.044519 second(s),query:5 Gzip enabled