当前位置: 主页 > DIV+CMS > WEB标准教程 >

web标准教程1（ZT）

来源:网络整理更新时间:2012-08-26 16:08点击:

日志正文

web标准教程1（ZT）

分类： WEB标准 2008-03-16 13:06

WEB标准即网站标准。通常所说的WEB标准一般应用模式是“css+div”。实际上，WEB标准就是系列标准的集合，网页里面的元素严格为内容而服务，什么类型的内容用什么样的元素。

网页主要由三部分组成：结构、表现、行为。结构就是页面元素，表现就是CSS，行为就是一些特殊效果JS 等

a是超链接

href：是链接所指向路径或标签

target：设置鼠标点击链接后的打开窗口的方式

title：设置鼠标移动到链接上时显示的提示信息

rel：这个是最近才开始流行的新属性。rel="nofollow"表示禁止搜索引擎从这个站点链接过去而造成链接网址的pagerank值变化，常用来防止spam link；rel="tag"这是为technorati设置让其以这个链接的文字作为该页面的tag标记

例子<a href="" target="_blank" title="我的BLOG" rel="nofollow">我的BLOG</a>

img图片

src：图片的路径

width:图片宽度设置

height:图片高度设置

border:图片边设置

alt:图片名字

例子：<img src="" width="200" height="200" border="0" alt="张雷照片" />

DIV是层漂浮元素，主要用于布局设计

DIV是一个容器，里面可以放图片文字和所有XHTML元素

ID：主要给程序调用之用或JS 调用之用，ID 的CSS命名必须以#开始

CLASS：主要给页面制作用，CLASS的CSS命名以.开始

例子：<div id="head"' class="head">ID 给程序用的但制作也可以用，CLASS只能制作用</div>

BR 换行

BR 很简单没什么可解释的

ul li 有序列表

UL 和LI 可以命名CSS

UL 是有序列表的固定格式

LI 是列表符，主要用于文字列表，图象列表类东西的排序

例子：<ul><li>主页</li><li>博客</li><li>相册</li><li>联系我们</li><li>留言本</li></ul>

dl dt dd 无序列表

无序和有序列表一样可以命名CSS样式

dl:无序列表固定格式

dt:无序列表的1级列表

dd:无序列表的2级列表

*无序列表和有序列表的用处很大，利用CSS 可以做出各种不同效果的东西

例子：<dl> <dt>中国城市</dt> <dd>北京 </dd> <dd>上海 </dd> <dd>广州 </dd> <dt>美国城市</dt> <dd>华盛顿 </dd> <dd>芝加哥 </dd> <dd>纽约 </dd> </dl>

h1 h2 h3 h4 h5 h6 标题

主要用于文章及，网页内容，版块的标题，H针对搜索及其有用，当然也可以给H 加CSS样式

例子：<h4>国内新闻</h4>

P 段落

主要用于段落文字上，可以附加CSS样式

例子：<p>段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落</p>

span

对CSS文件进行样式说明，比如一句话里有2个字是红的，这2个字就可以用span进行设置

例子：我喜欢<span class="red'>WEB标准</span>

体验新版博客

web标准教程2-CSS（ZT）

fscommand 语法 flash全屏,标准,退出,禁止右键（ZT）

| 评论 (0) | 阅读 (?) | | 类别 (WEB标准) | 发表于 13:06 | 最后修改于 2008-03-16 13:10

提示：“固定链接”为您显示此篇文章的固定不变链接，如果您有还有疑问请点击帮助
链接地址：

评论想第一时间抢沙发么？

web标准教程1（ZT）

本站推荐