超越起点 追随自由 我想故我所有

我看不见，我的明天，但今天，绝不重复昨天；顺风是滑翔，逆风才是飞翔，火烧过才能化凤凰！总想对你表白，我的心情是多么豪迈
总想对你倾诉，我对生活是多么热爱
  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::
粗略整理博客圆的页面Xhtml代码。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title></title>
    <link id="MainStyle" type="text/css" rel="stylesheet" href="test.css"></link>
</head>
<body>
    <form action="">
        <!--Begin Site Name-->
        <h1><span>博客园</span></h1>
        <!--End Site Name-->
        
        <!--Begin Blog Name-->
        <div id="top">
            <h2><span>主标题</span></h2>
            <p><span>副标题</span></p>            
        </div>        
        <!--End Blog Name-->
        
        <!--Begin Statistic-->
        <div id="sub">
            <div>
                <h3><span>统计</span></h3>
                <div>随笔<span>12</span>篇</div>
                <div>文章<span>12</span>篇</div>
                <div>评论<span>12</span>篇</div>
                <div>引用<span>12</span>次</div>
            </div>
        </div>
        <!--End Statistic-->
        
        <!--Begin Navigation,Catagories,Tools-->
        <div id="leftmenu">
            <h2><span>导航，目录及工具</span></h2>
            <div class="navigation">
                <h3><span>导航</span></h3>
                <ul>
                    <li><a id="Header1_MyLinks1_HomeLink"><span>博客园</span></a></li>
                    <li><a id="Header1_MyLinks1_MyHomeLink"><span>首页</span></a></li>
                    <li><a id="Header1_MyLinks1_NewPostLink"><span>新随笔</span></a></li>
                    <li><a id="Header1_MyLinks1_ContactLink"><span>联系</span></a></li>
                    <li><a id="Header1_MyLinks1_Syndication"><span>聚合</span></a><a id="Header1_MyLinks1_XMLLink"><span>[Rss]</span></a></li>
                    <li><a id="Header1_MyLinks1_Admin"><span>管理</span></a></li>
                </ul>
            </div>
            <div class="calendar">
                <h3><span>日历</span></h3>
                <!--没日历控件相关，写不出来。-->
            </div>
            <div class="callboard">
                <h3><span>公告</span></h3>
                <p>公告内容</p>
            </div>
            <div id="tagarea_1">
                <h3 id="tag_1"><span>随笔分类</span><span class="count">[12]</span></h3>
                <ul>
                    <li><a id="SingleColumn1_Categories_CatList__ctl0_LinkList__ctl1_Link">类别一<span>[13]</span></a><a id="SingleColumn1_Categories_CatList__ctl0_LinkList__ctl1_RssLink"><span>[Rss]</span></a></li>
                    <li><a id="A1">类别二<span>[13]</span></a><a id="A2"><span>[Rss]</span></a></li>
                    <li><a id="A3">类别三<span>[13]</span></a><a id="A4"><span>[Rss]</span></a></li>
                </ul>
            </div>
            <div id="tagarea_2">
                <h3 id="H3_1"><span>随笔档案</span><span class="count">[12]</span></h3>
                <ul>
                    <li><a id="A5">类别一<span>[13]</span></a><a id="A6"><span>[Rss]</span></a></li>
                    <li><a id="A7">类别二<span>[13]</span></a><a id="A8"><span>[Rss]</span></a></li>
                    <li><a id="A9">类别三<span>[13]</span></a><a id="A10"><span>[Rss]</span></a></li>
                </ul>
            </div>
            <div id="tagarea_3">
                <h3 id="H3_2"><span>文章分类</span><span class="count">[12]</span></h3>
                <ul>
                    <li><a id="A11">类别一<span>[13]</span></a><a id="A12"><span>[Rss]</span></a></li>
                    <li><a id="A13">类别二<span>[13]</span></a><a id="A14"><span>[Rss]</span></a></li>
                    <li><a id="A15">类别三<span>[13]</span></a><a id="A16"><span>[Rss]</span></a></li>
                </ul>
            </div>
            <!-- …… -->
            <div class="search">
                <h3><span>搜索</span></h3>
                <input /><button>search</button><!--注意：不要使用<asp:button>，它的输出是<input type="button">，这样容易和输入框在样式定义上混淆，或者说不利于使用路径法定义样式。用<button runat="server">代替。-->
            </div>
        </div>
        <!--End Navigation,Catagories,Tools-->
        
        <!--Begin ArticleList-->
        <div id="main">
            <h2><span>内容区域</span></h2>
            <hr />
            <div class="data">2006年2月7日<a id="_eedda1f4b00380ea_HomePageDays_DaysList__ctl0_DayItem_ImageLink"><span>查看</span></a></div>
            <div class="post">
                <h3><a id=""><span>[置顶]</span>文章标题</a></h3>
                <div>
                    内容<!--Post Content-->
                </div>
                <p>
                    <span class="tip">posted @</span>
                    <a>2006-02-07 14:22</a>
                    <span class="author">作者</span>
                    <span class="read">阅读</span><span class="comments">[111]</span>
                    <a title="comments, pingbacks, trackbacks"><span class="comments">评论</span><span class="count">[11]</span></a>
                    <a title="edit"><span class="edit">编辑</span></a>
                    <a title="add"><span class="add">收藏</span></a>
                </p>
            </div>
            <div class="post">
                <h3><a id="A17">文章标题</a></h3>
                <div>
                    内容<!--Post Content-->
                </div>
                <p>
                    <span class="tip">posted @</span>
                    <a>2006-02-07 14:22</a>
                    <span class="author">作者</span>
                    <span class="read">阅读</span><span class="comments">[111]</span>
                    <a title="comments, pingbacks, trackbacks"><span class="comments">评论</span><span class="count">[11]</span></a>
                    <a title="edit"><span class="edit">编辑</span></a>
                    <a title="add"><span class="add">收藏</span></a>
                </p>
            </div>
            <hr />
            <div class="data">2006年2月1日<a id="A18"><span>查看</span></a></div>
            <div class="post">
                <h3><a id="A19">文章标题</a></h3>
                <div>
                    内容<!--Post Content-->
                </div>
                <p>
                    <span class="tip">posted @</span>
                    <a>2006-02-07 14:22</a>
                    <span class="author">作者</span>
                    <span class="read">阅读</span><span class="comments">[111]</span>
                    <a title="comments, pingbacks, trackbacks"><span class="comments">评论</span><span class="count">[11]</span></a>
                    <a title="edit"><span class="edit">编辑</span></a>
                    <a title="add"><span class="add">收藏</span></a>
                </p>
            </div>
            <div class="post">
                <h3><a id="A20">文章标题</a></h3>
                <div>
                    内容<!--Post Content-->
                </div>
                <p>
                    <span class="tip">posted @</span>
                    <a>2006-02-07 14:22</a>
                    <span class="author">作者</span>
                    <span class="read">阅读</span><span class="comments">[111]</span>
                    <a title="comments, pingbacks, trackbacks"><span class="comments">评论</span><span class="count">[11]</span></a>
                    <a title="edit"><span class="edit">编辑</span></a>
                    <a title="add"><span class="add">收藏</span></a>
                </p>
            </div>
            <!--Begin CommentForm-->
            <div class="commentform">
                <h3><span>评论</span></h3>
                <div>
                    <label for="CommentTitle">标题</label>
                    <input id="CommentTitle" />
                </div>
                <div>
                    <label for="CommentAuthor">姓名</label>
                    <input id="CommentAuthor" />
                </div>
                <div>
                    <label for="AuthorHomepage">主页</label>
                    <input id="AuthorHomepage" />
                </div>
                <div>
                    <div><label for="CommentContent">内容<span>(提交失败后,可以通过“恢复上次提交”恢复刚刚提交的内容)</span></label></div>
                    <textarea id="CommentContent" cols="22" rows="5"></textarea>
                </div>
                <div>
                    <input id="CheckBox" type="checkbox" /><label for="CheckBox">有回复时邮件通知我</label>
                </div>
                <p>
                    <button>发表</button><label>[使用Ctrl+Enter键可以直接提交]</label>
                </p>
                <p>
                    <a><span>注销</span></a>
                    <a><span>使用高级评论</span></a>
                    <a><span>新用户注册</span></a>
                    <a><span>返回页首</span></a>
                    <a><span>恢复上次提交</span></a>
                    <a><span>订阅回复</span></a>
                </p>
            </div>
            <!--End CommentForm-->
        </div>
        <!--End ArticleList-->
        
        <!--Begin Footer-->
        <div class="footer">
            <h2><span>版权申明</span></h2>
            <div>Powered by <a>博客圆</a></div>
            <div>Copyright &copy 作者</div>
        </div>
        <!--End Footer-->
    </form>
</body>
</html>

posted on 2006-02-17 23:43  爆牙齿  阅读(1325)  评论(2)  编辑  收藏  举报