预览模式: 普通 | 列表

DIV+CSS命名规则之SEO优化

作者:xiayuesong  日期:2008-10-25

　　搜索引擎优化(seo)有很多工作要做，其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范，下面是目前流行的CSS+DIV的命名规则：

　　页头:header

　　登录条:loginBar

　　标志:logo

查看更多...

Tags: div+css 命名规则 SEO优化

分类:DIV+CSS | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 679

div+css导航菜单收集 + 打包下载

作者:xiayuesong  日期:2008-10-22

HTML列表(Lists)

作者:xiayuesong  日期:2008-10-19

HTML有三种列表形式：排序列表(Ordered List)；不排序列表(Unordered List)；定义列表(Definition List)。

排序列表(Ordered List)
排序列表中，每个列表项前标有数字，表示顺序。

排序列表由<ol>开始，每个列表项由<li>开始。

排序列表示例

查看更多...

Tags: HTML HTML元素 li

分类:HTML/XML | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 486

HTML头部信息(Head)

作者:xiayuesong  日期:2008-10-19

HTML头部信息(head)里包含关于所在网页的信息。头部信息(head)里的内容，主要是被浏览器所用，不会显示在网页的正文内容里。

另外，搜索引擎如google,yahoo,baidu等也会查找你网页中的head信息。为了让搜索引擎能够收录你的网页，你也要填写适当的head信息。(网站被搜索引擎收录，还有其它的方法，比如被其它网站链接，这里不赘述，请浏览搜索引擎网站。)

下面说几个常用的head信息里的html元素，如标题(title)，链接(link)，样式(style)以及关于信息(meta)。

标题(title)
标题(title)是最常用的head信息。它不显示在HTML网页正文里，显示在浏览器窗口的标题栏里。见图：

查看更多...

分类:HTML/XML | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 414

HTML元素参考手册 HTML Elements Reference

作者:xiayuesong  日期:2008-10-19

a
表示超链接的起始或目的位置。

acronym
表示取首字母的缩写词。

address
表示特定信息，如地址、签名、作者、文档信息。

applet
在页面上放置可执行内容。

area
定义一个客户端图像映射中一个超级链接区域的形状、坐标和关联 URL。

b
指定文本应以粗体显示。

查看更多...

Tags: HTML HTML元素

分类:HTML/XML | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 452

如何创建HTML表格

作者:xiayuesong  日期:2008-10-08

HTML表格用<table>表示。一个表格可以分成很多行(row)，用<tr>表示；每行又可以分成很多单元格(cell)，用<td>表示。

这三个Tag是创建表格最常用的Tag。

示例

border属性
在缺省情况下，如果不设置表格的边界，表格是不显示边界的。

查看更多...

Tags: HTML HTML元素 表格 table

分类:HTML/XML | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 430

HTML框架(Frames)

作者:xiayuesong  日期:2008-10-08

使用框架(Frame)，你可以在浏览器窗口同时显示多个网页。每个Frame里设定一个网页，每个Frame里的网页相互独立。

Frameset
<frameset></frameset>决定如何划分Frame。<frameset>有cols属性和rows属性。使用cols属性，表示按列分布Frame；使用rows属性，表示按行分布Frame。

Frame
用<frame>这个Tag设定网页。<frame>里有src属性，src值就是网页的路径和文件名。

下面的代码的目的是：将Frameset分成2列，第一列25%，表示第一列的宽度是窗口宽度的25%；第二列75%，表示第一列的宽度是窗口宽度的75%。第一列中显示a.html，第二列中显示b.html。

查看更多...

Tags: HTML HTML元素 框架

分类:HTML/XML | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 394

HTML表单(Forms)

作者:xiayuesong  日期:2008-10-06

HTML表单(Form)是HTML的一个重要部分，主要用于采集和提交用户输入的信息。

举个简单的例子，一个让用户输入姓名的HTML表单(Form)。示例代码如下：

<form action="http://www.xiayuesong.com/" method="get">
请输入你的姓名：
<input type="text" name="yourname">
<input type="submit" value="提交">
</form>
 

学习HTML表单(Form)最关键要掌握的有三个要点：

查看更多...

分类:HTML/XML | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 461

HTML图片(Images)

作者:xiayuesong  日期:2008-10-06

用 <img> 这个 Tag 可以在HTML里面插入图片。最基本的语法如下：

<img src="url">
url表示图片的路径和文件名。比如 url 可以是 images/logo/blabla_logo01.gif，也可以是个相对路径 "../images/logo/blabla_logo01.gif"。

示例

图片alt属性
<img>中有一个alt属性，英文叫alternate text。例句如下：

查看更多...

Tags: HTML HTML元素 IMG

分类:HTML/XML | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 414

HTML背景颜色和背景图片

作者:xiayuesong  日期:2008-10-06

HTML的 <body> 有两个关于背景的属性，一个是 bgcolor，是设置背景颜色的；另一个是 background，是设置背景图片的。

bgcolor属性
bgcolor属性用来设置HTML网页的背景颜色。

示例

background属性
background属性用来设置HTML网页的背景图片。background属性值就是背景图片的路径和文件名，如：

查看更多...

Tags: HTML HTML元素

分类:HTML/XML | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 442