CSS学习日记（blog标签说明）
时间：2007-01-15 来源：superaurora
blog标签说明
| 2.1 个人家园信息部分 | 2.2 内容部分 |
|
<div id="banner"> <h1> <a href="/uu/***/" accesskey="1">个人家园名称</a> </h1> <h2> 个人家园的介绍 </h2> </div> |
<div id="center"> <div class="content"> 2.2.1－2.2.4的代码 </div> </div> |
| 2.2.1 Blog信息部分（blog首页） | 2.2.2 Blog分类信息部分 |
|
<h2> blog名称 </h2> <p> blog简介 </p> |
<h2> blog分类的名称 </h2> <p class="posted"> blog分类相关的信息 </p> *次模块结构与2.2.1模块相同 |
| 2.2.3 Blog主题 | 2.2.4 Blog页码部分 |
|
<h2> blog主题的发布时间 </h2> <h3> <a href="#">blog主题名称</a> </h3> <p> <!—如果没有填写简介将显示直接显示内容 --> blog主题的简介或者内容 <!—如果显示的是简介则出现阅读全文的链接--> <p><a href="#">阅读全文...</a></p> </p> <p class="posted"> blog主题主人的相关信息和操作链接 </p> |
<div class="page-control"> blog主题列表的页码 </div> |
| 2.3 菜单部分 | 2.3.1 个人信息部分 |
|
<div id="right"> <div class="sidebar"> 2.3.1－2.3.10的代码 </div> </div> |
<div class="user-profile"> <a href="#" class="a1" target="_blank">个人照片</a> <br /> <a href="#">个人首页</a> <a href="#">相册</a> <a href="#">blog</a> </div> |
| 2.3.2 日历部分 | 2.3.3 操作链接部分 |
|
<div id="calendar"> <table border="0" cellspacing="4" cellpadding="0" summary="带有每一天文章链结的月历"> <tr> <th abbr="星期日" align="center"><span class="calendar">日</span></th> <th abbr="星期一" align="center"><span class="calendar">一</span></th> <th abbr="星期二" align="center"><span class="calendar">二</span></th> <th abbr="星期三" align="center"><span class="calendar">三</span></th> <th abbr="星期四" align="center"><span class="calendar">四</span></th> <th abbr="星期五" align="center"><span class="calendar">五</span></th> <th abbr="星期六" align="center"><span class="calendar">六</span></th> </tr> <tr> <td class='today'>1（今天）</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>7</td> </tr> …… </table> </div> |
<h2> 常用操作 </h2> <p> <!—相关的操作链接 --> <a href="#">写新blog</a> | <a href="#">管理</a> | <a href="#">我的地带</a> </p> |
| 2.3.4 Blog分类部分 | 2.3.5 归档部分 |
|
<div id="categories"> <h2>blog分类</h2> <ul> <li> <a href="#">分类1(分类1主题数)</a> </li> <li> <a href="#">分类2(分类2主题数)</a> </li> …… <li> <a href="#">分类N分类N主题数)</a> </li> </ul> </div> |
将本年度的按月归档 <h2>按月归档</h2> <ul> <li> <a href="#">2005年1月 (1月份的blog主题数)</a> </li> <li> <a href="#">2005年2月 (2月份的blog主题数)</a> </li> …… <li> <a href="#">2005年12月 (12月份的blog主题数)</a> </li> </ul> |
| 2.3.6 最新评论部分 | 2.3.7 优友最新blog部分 |
|
列出最新的10条blog主题评论。 <h2>最新评论</h2> <ul> <li><a id="10" href="#">评论10内容</a></li> <li><a id="9" href="#">评论9内容</a></li> …… <li><a id="1" href="#">评论1内容</a></li> </ul> |
列出优友的最新10篇blog主题。 <h2>优友最新blog</h2> <ul> <li><a href="#">blog主题1的标题</a></li> <li><a href="#"> blog主题2的标题</a></li> …… <li><a ref="#"> blog主题10的标题</a></li> </ul> |
| 2.3.8 用户自定义部分 | 2.3.9 其他部分 |
|
用户自己定义部分 希望用户使用与2.2.1模块相同的标签
|
<h2>其他</h2>
|
| 2.3.10 版权部分 | |
|
<div id="powered"> Powered by<br /><a href="#">UUZone.com</a><br /> </div> |
uuzoneblog 发表于 2005-06-08 16:39 阅读( 8245) 评论( 2) 引用( 0) blog美化基础
html详解
| 页面布局与文字设计 |
|
标题 换行 段落标签 水平线段 文字的大小设置 文字的字体与样式 文字的颜色 位置控制 综合示例 |
| 列表 |
|
无序号列表 序号列表 定义性列表 |
| TABLE表格 |
|
表格的基本结构 表格的标题 表格的尺寸设置 表格内文字的对齐、布局 跨多行、多列的表元 表格的颜色 |
| 文件之间的链接 |
|
本地链接 URL链接 目录链接 |
| 多媒体效果 |
|
插入图象 播放音乐 播放视频 |
| 多视窗口FRAMES |
|
Frames结构的基本格式 各窗口的尺寸设置 各窗口间相互操作 FRAME的其它属性 |
相关阅读 更多 +
