技术宅社区 | Z站有爱，有技术，有你 ^_^)y»论坛 › 历史 › 废弃IT区 › 程序设计语言 › 请叫我HTML网页君~

1 2 345 / 5 页下一页

发新帖

楼主: Nate

[Web开发] 请叫我HTML网页君~

[复制链接]

幽梦之影

签到天数: 4 天

连续签到: 1 天

[LV.2]偶尔看看I

133 主题	268 好友	6万积分

抚琴台 · 羽徽

该用户由于三次元繁忙已崩坏。。。

积分: 63224

发表于 2012-6-13 22:07:30 | 显示全部楼层

。。。HTML代码么貌似以前学过很久不练了手生了一串简单的代码写了半天#7087!于是小试一下不足之处莫见怪啊（毕竟吾辈的电脑技术不好%>_<%）
吾辈这个HTML是一个简单的技宅搜索引擎点相关的按钮都会链接到技宅相应的地方没怎么美化就粗粗的放上来了。。。
页面预览：

以下是代码：
<html><head><meta http-equiv=Content-Type content="text/html;charset=gb2312"><title>技术宅拯救世界 </title><style>body{margin:4px 0}p{margin:0;padding:0}img{border:0}td,p,#u{font-size:12px}#b,#u,#l td,a{font-family:arial}#kw{font:16px Verdana;height:1.78em;padding-top:2px}#b{height:30px;padding-top:4px}#b,#b a{color:#77c;font-size:12px}#u{padding-right:10px;line-height:19px;text-align:right;margin-bottom:3px !important;margin-bottom:10px}#sb{height:2em;width:5.6em}

{height:50px}

a{font-family:宋体}#l{margin-bottom:5px}#m{margin-left:100px;width:22.1em;text-align:center}p,#b,table{width:600px;border:0}#sb,

,#l,#m{font-size:14px}#m a,#m b{margin-right:1.14em}a{color:#00c}a:active{color:#f60}</style></head>
<body><div id=u></div><center><a href=https://www.gn00.com/?85282 target=_blank><img src=http://m2.img.papaapp.com/farm4/3/785D08CCC69EB5FEE0558D0068486103_200_80.PNG width=174 height=59 alt="点此戳进幽梦空间"></a><br><br><br><br><table cellpadding=0 cellspacing=0 id=l><tr><td align=left><div id=m><a onclick=s(this) href=https://www.gn00.com/forum.php?gid=602>站务</a><b>网页</b><a onclick=s(this,1) href=https://www.gn00.com/forum-45-1.html>水区</a><a onclick=s(this) href=https://www.gn00.com/forum-281-1.html>提问</a><a onclick=s(this) href=https://www.gn00.com/forum.php?gid=1021>音乐</a><a onclick=s(this) href=https://www.gn00.com/forum-151-1.html>画室</a></div></td></tr></table>
<table cellpadding=0 cellspacing=0><tr valign=top><td width=92></td><td height=62 nowrap><form name=f action=/s><input type=text name=wd id=kw size=36 maxlength=100><script>var w=document.f.wd;w.focus();document.getElementById("u").innerHTML='<a href="https://www.gn00.com/member.php?mod=register'+escape(location.href)+'">签订契约</a>';function s(o,p){if(w.value.length>0){var h=o.href;var q=encodeURIComponent(w.value);if(h.indexOf("q=")!=-1){o.href=h.replace(new RegExp("q=[^&$]*"),"q="+q)}else{var s=p?"&":"?";o.href+=s+"q="+q}}};(function(){if(new RegExp("q=([^&]+)").test(location.search)){w.value=decodeURIComponent(RegExp.$1)}})()</script><input type=hidden name=cl value=3> <input type=submit value=轻戳一下 id=sb><br><br></form></td><td width=100><a href=http://42.120.9.192/forum-923-1.html>BUG上报</a><br><a href=http://42.120.9.192/forum-508-1.html>侵权投诉</a></td></tr></table>
<p id=km> <a href=https://www.gn00.com/forum.php?gid=40>宅区</a> | <a href=https://www.gn00.com/forum.php?gid=1>技术区>></a></p>
<p style=height:60px;></p>
<p style=height:30px><a href=https://www.gn00.com/>把技宅设为首页</a></p><p style=height:14px><a href=https://www.gn00.com/forum.php?gid=108>里世界</a> | <a href=https://www.gn00.com/forum.php?gid=610>资源区</a> | <a href=https://www.gn00.com/t-23773-1-1.html>新宅必读</a> | <a href=https://www.gn00.com/t-23773-1-1.html>About Zhaiji</a></p><p id=b>©2010 Zhaiji <a href=http://42.120.9.192/forum-194-1.html>
</a> <a href=http://www.miibeian.gov.cn target=_blank>粤ICP证10099675号-2</a> <a href=http://www.miitbeian.gov.cn/><img src=http://gimg.baidu.com/img/gs.gif></a></p></center></body></html>

就酱了。。。感觉好乱=_=

点评

风音洛洛

为什么看到了百度的既视感。。。发表于 2012-6-18 23:24

软软的上嘴唇

果断很棒啊！发表于 2012-6-15 22:48

评分

参与人数 2	宅魂 +3	宅币 +75	贡献 +10	元气（技能点） +2	收起理由
软软的上嘴唇	+ 3				→_→手滑
Nate		+ 75	+ 10	+ 2	o(￣▽￣)ブ好棒的

查看全部评分

叫窝阿柯 GD戳：http://weibo.com/lancall629

回复支持反对

使用道具举报

kunr

签到天数: 6 天

连续签到: 1 天

[LV.2]偶尔看看I

4 主题	8 好友	5134 积分

序章

积分: 5134

发表于 2012-6-14 13:52:52 | 显示全部楼层

本帖最后由 kunr 于 2012-6-14 13:55 编辑

/* 喔喔喔喔喔喔！！加多一句话，楼上的引擎好棒好棒的！ */

= =有个SCRIPT脚本不方便截图，不说了。
[mw_shl_code=applescript,true]<html>
<head>
<title>无节操の网页君</title>
<style>

</style>
</head>
<body>
<center>
<script language="vbscript">
msgbox "嘛..",,"网页君"
msgbox "一上来就该来个问候~",,"by kunr"
</script>
<a>我就是传说中的<a class="无节操的颜色">无节操</a>的节操君</a>

<hr />
<h1 class="红色的喵">把这玩意儿当成是404吧！！孩纸。</h1>
<hr />
<h2>ERROR: Sorry the webpage = flase</h2>
<br /><br /><br /><br /> by kunr
</center>
</body>
</html>[/mw_shl_code]

点评

你淫了: 5.0

风音洛洛

是技宅！不是宅技。。。发表于 2012-6-18 23:23

幽梦之影

你淫了: 5
噗。。我想搞个“502 bad gateway”这也算是宅技的一大特色了。。。发表于 2012-6-14 17:29

评分

参与人数 1	宅币 +50	贡献 +10	元气（技能点） +2	收起理由
Nate	+ 50	+ 10	+ 2	o(￣▽￣)ブ很萌

查看全部评分

签名被小宅喵吞掉了~~~~(>_<)~~~~

回复支持反对

使用道具举报

luiemoon

签到天数: 4 天

连续签到: 1 天

[LV.2]偶尔看看I

16 主题	41 好友	1万积分

第一章

积分: 12084

发表于 2012-6-15 12:02:38 | 显示全部楼层

01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

<html>
<head>
<title>其实</title>
<style type="text/css">
.jiecao {
      font-size: 14px;
      font-variant: normal;
      color: red;
      text-decoration: line-through;
      font-weight: bold;
}
.jiecao2 {
      font-size: 14px;
      font-weight: normal;
      color: #096;
      text-decoration: underline;
      font-weight: bold;
}
</style>
</head>

<body>
<table width="200" border="1" cellspacing="2" cellpadding="2" bgcolor="#FFFFff">
  <tr bgcolor="#00FFFF">
<td width="80" class="jiecao2">我是</td>
<td class="jiecao">复制</td>
<td class="jiecao2">的！</td>
  </tr>
</table>
</body>
</html>

点评

软软的上嘴唇

我是复制的。成功了呢~ 发表于 2012-6-15 22:50

luiemoon

咦。。失败了 ····· 发表于 2012-6-15 12:03

评分

参与人数 1	宅币 +50	贡献 +10	元气（技能点） +1	收起理由
Nate	+ 50	+ 10	+ 1	o(￣▽￣)ブ发糖

查看全部评分

微博：花轮好同学求粉[url=http://www.gn00.com/static/image/smiley/ytt/18

回复支持反对

使用道具举报

chinvo

该用户从未签到

18 主题	2 好友	1万积分

第一章

积分: 15370

发表于 2012-6-15 12:55:41 | 显示全部楼层

本帖最后由 chinvo 于 2012-6-15 12:58 编辑

未命名.jpg

[mw_shl_code=html,true]<style type="text/css">
body {
      font: 10px normal Verdana, Arial, Helvetica, sans-serif;
      background: #000;
      margin: 0;
      padding: 0;
}
h1 {
      font: 4.7em normal Georgia, 'Times New Roman', Times, serif;
      color: #FFF;
      margin: 0;
      padding: 5px 0;
}
h1 small{
      font: 0.2em normal Verdana, Arial, Helvetica, sans-serif;
      text-transform:uppercase;
      letter-spacing: 1.5em;
      display: block;
      color: #fff;
}
.container {width: 970px; margin: 0 auto;}
ul#topnav {
      margin: 0; padding: 0;
      float: left;
      width: 970px;
      list-style: none;
      position: relative;
      font-size: 1.2em;
}
ul#topnav li {
      float: left;
      margin: 0; padding: 0;
      border-right: 1px solid #555;
}
ul#topnav li a {
      padding: 10px 15px;
      display: block;
      color: #f0f0f0;
      text-decoration: none;
}
ul#topnav li:hover { background: #1376c9; }
ul#topnav li span {
      float: left;
      padding: 15px 0;
      position: absolute;
      left: 0; top:35px;
      display: none;
      width: 970px;
      background: #1376c9;
      color: #fff;
      -moz-border-radius-bottomright: 5px;
      -khtml-border-radius-bottomright: 5px;
      -webkit-border-bottom-right-radius: 5px;
      -moz-border-radius-bottomleft: 5px;
      -khtml-border-radius-bottomleft: 5px;
      -webkit-border-bottom-left-radius: 5px;
}
ul#topnav li:hover span { display: block; }
ul#topnav li span a { display: inline; }
ul#topnav li span a:hover {text-decoration: underline;}
</style>
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("ul#topnav li").hover(function() {
      $(this).css({ 'background' : '#1376c9'});
      $(this).find("span").show();
} , function() {
      $(this).css({ 'background' : 'none'});
      $(this).find("span").hide();
});

});
</script>

<div class="container">
      <h1>使用CSS+jQuery实现水平二级菜单</h1>
<ul id="topnav">
      <li><a href="#">Home</a></li>
      <li>
         <a href="#">A</a>
         <span>
            <a href="#">A1</a> |
            <a href="#">A2</a> |
            <a href="#">A3</a>
         </span>
      </li>
</ul>
</div>[/mw_shl_code]

就是这样。

评分

参与人数 1	宅币 +50	贡献 +10	元气（技能点） +1	收起理由
Nate	+ 50	+ 10	+ 1	o(￣▽￣)ブ发糖

查看全部评分

软件工程是很难的啊魂淡！

回复支持反对

使用道具举报

TsingLee

该用户从未签到

1 主题	1 好友	644 积分

New Game

积分: 644

发表于 2012-6-15 12:58:44 | 显示全部楼层

[mw_shl_code=html,true]<html>

<head>
<title>新建网页 1</title>
</head>

<body>
<p><font color=#00AAFF face=微软雅黑 size=20px>_(:3⌋ ∠)&#95</font></p>
<br>
<p><i><font color=#FF8888 size=8px>  午休了呢~~</font></i></p>
</body>

</html>[/mw_shl_code]

评分

参与人数 1	宅币 +50	贡献 +10	元气（技能点） +1	收起理由
Nate	+ 50	+ 10	+ 1	o(￣▽￣)ブ发糖

查看全部评分

签名被小宅喵吞掉了~~~~(>_<)~~~~

回复支持反对

使用道具举报

羽叔

该用户从未签到

2 主题	6 好友	4336 积分

序章

积分: 4336

发表于 2012-6-15 14:26:43 | 显示全部楼层

傲娇404

上面这个效果，嘿嘿~

签名被小宅喵吞掉了~~~~(>_<)~~~~

回复支持反对

使用道具举报

hupanxx

签到天数: 25 天

连续签到: 1 天

[LV.4]偶尔看看III

481 主题	519 好友	15万积分

最终章

☆非拔作不Ctrl★

积分: 159689

发表于 2012-6-15 17:52:06 | 显示全部楼层

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
<html><head>
<title>403 Forbidden</title>
</head><body>
<h1>Forbidden</h1>
<p>You don't have permission to access /
on this server.</p>
</body></html>

点评

喵星人的逆袭！

。。。。← ← 发表于 2012-6-23 20:15

评分

参与人数 1	宅币 +50	贡献 +10	元气（技能点） +1	收起理由
Nate	+ 50	+ 10	+ 1	o(￣▽￣)ブ发糖

查看全部评分

补档？不存在的

回复支持反对

使用道具举报

Hoshino_mai

该用户从未签到

4 主题	29 好友	6420 积分

序章

积分: 6420

发表于 2012-6-15 21:09:09 | 显示全部楼层

我恨HTML语言能看懂的都是人才啊！！

签名被小宅喵吞掉了~~~~(>_<)~~~~

回复支持反对

使用道具举报

o70078

签到天数: 1 天

连续签到: 1 天

[LV.1]初来乍到

10 主题	9 好友	2511 积分

Continue

积分: 2511

发表于 2012-6-15 22:46:45 | 显示全部楼层

<title>通往二次元的道路</title>
<body bgproperties="fixed" background="o70078.GIF">
<hr><h1 align='center'>
<img src="./LOGO.PNG">
</h1><hr>
<span style='color:RGB(40,150,200)'>此导航专门收录各种游戏动漫论坛,欢迎大家把此导航加入到收藏夹里!如果你发现你常去的动漫游戏论坛或网站没有被收录到这里,请发送邮件到以下邮箱收录:<p>
o7007@vip.qq.com<p>
有一些论坛或网站会同时出现在1个以上的分类,这是正常现象.请不要认为是搞错了.
<p>
</span>
<span style='color:RGB(255,0,0)'>以下列表的网站排名不分先后:</span>
<style type="text/css">
H1
{
border: RGB(197,197,197) solid thin;
outline-style:double;
}
H2
{
color:RGB(128,128,128);
font-size:25px;
/*color:RGB(141,75,187);
/*border: RGB(0,255,0) solid thin;
outline:RGB(0,255,0);*/
}
A
{
/*border: RGB(0,128,128) solid thin;
outline-style:outset;
outline:RGB(0,128,128);*/
font-size:21px;
color:RGB(200,123,123);
}
DIV.LINKURL
{
float:left;
width:100%;
/*
border: RGB(255,128,128) solid thin;
outline:RGB(255,128,128);*/
}
DIV.A
{
float:left;
width:250px;
}
HR
{
float:left;
width:100%;
}
</style>
<HR><DIV Class=LINKURL><H2>GAL:</H2>
<DIV Class=A><A Href='http://bbs.sumisora.org/'>澄空学园>></A></DIV>
<DIV Class=A><A Href='http://www.acgfamily.com/'>动漫家族>></A></DIV>
<DIV Class=A><A Href='http://www.yayabo.cn'>掌机开发者之家>></A></DIV>
<DIV Class=A><A Href='http://www.iacger.com/'>萌动世界>></A></DIV>
<DIV Class=A><A Href='https://www.gn00.com/'>技术宅>></A></DIV>
<DIV Class=A><A Href='http://www.doujingame.cn/'>中文同人游戏>></A></DIV>
<DIV Class=A><A Href='http://ra.gg/'>Tora酱的猫电磁炮>></A></DIV>
</DIV><P>

呵呵,我的导航页~网址http://o7007.sinaapp.com/?&S=2

点评

chinvo

既然是导航站，就清新一点吧。星空虽然美丽，但是太容易让人眼花缭乱。发表于 2012-6-18 13:01

评分

参与人数 1	宅币 +50	贡献 +10	元气（技能点） +1	收起理由
Nate	+ 50	+ 10	+ 1	o(￣▽￣)ブ发糖

查看全部评分

签名被小宅喵吞掉了~~~~(>_<)~~~~

回复支持反对

使用道具举报

氷見川椎奈

该用户从未签到

41 主题	19 好友	9674 积分

序章

积分: 9674

发表于 2012-6-16 18:19:06 | 显示全部楼层

本帖最后由氷見川椎奈于 2012-6-16 18:33 编辑

<HTML><HEAD>
<TITLE>F♂CK</TITLE>
</HEAD><BODY>
<H1>度♂受 </H1>

You don't have permission to access "www.baidu.com"
</BODY>
</HTML>

评分

参与人数 1	宅币 +50	贡献 +10	元气（技能点） +1	收起理由
Nate	+ 50	+ 10	+ 1	o(￣▽￣)ブ发糖

查看全部评分

签名被小宅喵吞掉了~~~~(>_<)~~~~

回复支持反对

使用道具举报

MIO哒

签到天数: 15 天

连续签到: 1 天

[LV.4]偶尔看看III

137 主题	139 好友	3万积分

第二章

中二病

积分: 31996

发表于 2012-6-17 09:11:42 | 显示全部楼层

喵哒~貌似很好玩的样子...

点评

软软的上嘴唇

果断来玩啊！！！发表于 2012-6-20 20:07

这里是乐器宅

回复支持反对

使用道具举报

a949916388

签到天数: 1 天

连续签到: 1 天

[LV.1]初来乍到

17 主题	27 好友	7046 积分

序章

积分: 7046

发表于 2012-6-17 17:31:59 | 显示全部楼层

<html>
<TITLE>技术宅——小风</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<embed src="http://p5.zbjimg.com/task/2011-09/23/1078173/4e7be83d2cce2.mp3" width=0 height=0
type="audio/mpeg" loop=TRUE autostart=true>
<STYLE>
body{
background:#000000;
font-family:arial;
text-align:center;
COLOR: white;
}
p,a{
FONT-WEIGHT: bold;
text-shadow: white 0px 0px 20px;
text-decoration:none;
letter-spacing:5px;
font-size:40px;
}
.sign{
font-size:100px;
}
</STYLE>
<body>
<br>
<div class=style1 >
<div>
<img src="https://www.gn00.com/data/attachments/forum/201206/10/204813hggrgfgnexfszexv.jpg" border =0px />
<p class=sign>>技术宅——小风</p>
<p>技术宅</p>
</div>
</body>
</html>

评分

参与人数 1	宅币 +50	贡献 +10	元气（技能点） +1	收起理由
Nate	+ 50	+ 10	+ 1	o(￣▽￣)ブ发糖

查看全部评分

签名被小宅喵吞掉了~~~~(>_<)~~~~

回复支持反对

使用道具举报

阿0

签到天数: 4 天

连续签到: 1 天

[LV.2]偶尔看看I

228 主题	128 好友	6万积分

第三章

峨眉山大壮士

积分: 68309

发表于 2012-6-18 19:54:14 | 显示全部楼层

<html>
<body>
<h8>刚刚打了一半的元素周期表</h8>
<br/><br/>
<br/><br/>
<br/><br/>
<font color="red"><h4>但是不小心把页面关了！！！！</h4></font>
<br/>
<table border="1">
<tr>
<td>于</td>
<td>是</td>
<td>我</td>
<td>再</td>
<td>也</td>
<td>不</td>
<td>相</td>
<td>信</td>
<td>爱</td>
<td>情</td>
<br/>
<br/><br/>
<br/><br/>
<br/><br/>
<br/>
<td>了</td>
<td>呵</td>
<td>呵</td>
<td>呵</td>

</tr>
</table>
</body>
</html>