🎶 Sym - 一款用 Java 实现的现代化社区(论坛/BBS/社交网络/博客)平台

📕 思源笔记 - 一款桌面端笔记应用,支持 Windows、Mac 和 Linux

🎸 Solo - B3log 分布式社区的博客端节点,欢迎加入下一代社区网络

♏ Vditor - 一款浏览器端的 Markdown 编辑器

又开始写 html 了

 最近在正StoneAgeDict,
呵呵,不过好像都是88250和zy在正
我又开始了界面的编写

现在把代码贴下
css就不贴了,虽然会有很大的差异
呵呵
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>StoneAgeDict</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Dict" content="query words" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<script language="javascript">
      function openWin(u, w, h) {
            var l = (screen.width - w) / 2;
            var t = (screen.height - h) / 2;
            var s = 'width=' + w + ', height=' + h + ', top=' + t + ', left=' + l;
            s += ', toolbar=no, scrollbars=yes, menubar=no, location=no, resizable=no';
            open(u, 'EditWord', s);
      }
</script>
 
<ul id="nav">
<li><a href="#">Contact</a></li>
<li><a href="#">Company</a></li>
<li><a href="#">Resources</a></li>
<li><a href="#">Solutions</a></li>
<li><a href="#">Services</a></li>
<li><a class="selected" href="#">Home</a></li>
</ul>
 
<div id="title">StoneAgeDict</div>
 
<div id="slogan">Contented: Set up dictionary by youself</div>
 
</div> <!-- end header -->
 
<div id="path">
 
<a href="#">Home</a>
&nbsp;/&nbsp;
<a href="#">Section Title</a>
&nbsp;/&nbsp;
<a href="#">Subsection Title</a>
&nbsp;/&nbsp;
<a href="#">Page Title</a>
 
</div>
 
<div id="maincontent">
<h2>Translation</h2>
<a href="#">English to Chaniese</a>&nbsp|
<a href="#">Chaniese to English</a>
 
<table width="544" height="406" border="1">
  <tr>
    <td height="32" colspan="2"><input type="text" size="50"/>&nbsp;
    <input type="submit" value="lookup"/>
    </td>
  </tr>
  <tr>
    <td width="26">&nbsp;</td>
    <td width="165">&nbsp;
        <table>
        word definition1 from user 1<br>
        <div align="right">author: Vanessa</div><br>
        <form name="eval" onSubmit="return eval();">
        <div align="right">
            <input type="checkbox" name="good" align="right">Good
            <input type="checkbox" name="better">Better
            <input type="checkbox" name="best">Best<br>
        </div>
        </form>
        <div align="right">
        <a href="javascript:void(openWin('Edit.html', 400, 300));">Edit</a>
        </div>
        <hr>
        And so on
        </table>
    </td>
  </tr>
</table>
 
 
</div>
 
<div id="sidecontent">
<h2>Login</h2>
<form name="login">
Name  
  <input name="text" type="text" size="10"/>
  <br>
Password<input type="password" size="10"/>
<br>
<div align="right">
  <input name="submit" type="submit" value="sub"/>
</div>
</form>
<h2>News</h2>
 
Optional text introducing news items.
<ul>
<li><a href="#"> News item link 1</a> (May 15, 2006)</li>
<li><a href="#"> News item link 2</a> (May 12, 2006)</li>
<li><a href="#"> News item link 3</a> (May 7, 2006)</li>
</ul>
 
<h2>Notes</h2>
Optional text introducing notes.
<ul>
<li> Marginal note that explains something.</li>
</ul>
 
 
<h2>Links</h2>
Optional text introducing links.
<ul>
<li><a href="#"> Related link 1</a></li>
<li><a href="#"> Related link 2</a></li>
</ul>
 
<h2>Help</h2>
Optional text indroducing help.
<ul>
<li><a href="#"> Help link 1</a></li>
<li><a href="#"> Help link 2</a></li>
</ul>
 
</div>
 
 
<div id="footer">
 
<div id="copyrightdesign">
Copyright &copy; 2008 Zy Daniel Vanessa |
Design by <a href=#>StoneAge</a>
</div>
 
<div id="footercontact">
<a href="#">Contact</a>
</div>
 
</div>
 
 
</body>
</html>

这个是相当简单了,其中主要的就是弹出窗口居中
代码见高亮窗口


欢迎注册黑客派社区,开启你的博客之旅。让学习和分享成为一种习惯!

留下你的脚步