首 页 ┆ 源码下载 ┆ IT学院 ┆ 字体下载 ┆ 模板下载 ┆ 源码发布 ┆ 广告合作 ┆ 网站地图 ┆ 虚拟主机 ┆ 中文域名
► 设为首页
► 加入收藏
► 联系我们
源码下载 >> ASP源码 | PHP源码 | ASP.net源码 | JSP源码 | CGI源码 | VC/C++源码 | VB源码 | Delphi源码 | Flash源码
文章学院 >> 网络编程 | 网页设计 | 图形图象 | 数据库 | 服务器 | 网络媒体 | 网络安全 | 操作系统 | 办公软件 | 软件开发 | 黑客知识
字体下载 >> 精制字体 | 非英字体 | 艺术字体 | 著名字体 | 哥特式 | 简单字体 | 手写体 | 节假日 | 图案字体 | 精度像素 | 中文字体
模板下载 >> 企业门户 | 数码网络 | 休闲娱乐 | 影视音乐 | 旅游名胜 | 文化艺术 | 电子商务 | 个性展示 | 登陆导航 | Flash模板
►►您当前的位置:源码园 → IT学院 → 网页设计 → Html/Css → 文章内容

CSS网页布局中HTML标签的语义

作者:佚名  来源:网上收集  发布时间:2007-5-22 2:34:38

  或许有朋友感到迷惑,到底如何运用HTML标签才是保持文档语义并有良好的结构呢?我们看下面的这方面知识的介绍,相信你一定有所收获。但也请你注意,有些标签可能不符合WEB标准了,这些知识我们在52css.com以后的文章中再一一说明。

  Note:双与单分别表示标签是成对出现,还是单个出现,成对出现需要关闭,如:双表示<a></a>、单表示:<img src=...>。

<a>双 定义一个链接

   href=url 指定目标地址
   tabindex=number 指定该链接在当前文件的Tab键次序中的位置 0-32767之间
   charset=charset 指定目标文件的字符编码形式
   例:<A href="link.html"><IMG Sre="Pixoe.gif"></A>
      <A href="mailto:jen@nt.com">Send</A>
<base>单 为文件中所有的相关URL(统一资源定位器)指定一个基准URL.置于<head>内

   href=url 要用到的URL
<body>双 文件的主体(浏览器中显示的内容)

   backcolor="rrggbb" 背景色
   leftmargin=number 浏览器左边缘与窗口中正文和图形的开始位置之间的距离,单位:像素
   topmargin=number 浏览器上边缘与窗口中正文和图形的上边缘位置之间的距离,单位:像素
   text="rrggbb" 文本默认颜色

<br>单 换行,但不像<P>标签那样增加多余空行

   clear=all left right
<caption>双 表格的标题,位于表格之上,可用<font>修饰,但一个<caption>必须对应一个<table>

   align=left right center 标题对齐方式

<dd>双 表示一个定义列表中对一个表单项的条目部分

<dl>双 表示一个定义列表,由条目<dt>和定义<dd>组成

<dt>双 表示一个定义列表中对一个表单项的条目部分

<font>双 字体修饰

   i 斜体
   b 加粗
   u 下划线
   s 删除线
   big 比前一个字体大一号
   small 比前一个字体小一号
   left 左对齐
   right 右对齐
   center 居中
   color="rrggbb" 颜色
   style=text 字体大小,可用文本和数字
   name=text 字体名称
   equal 字体等距

<head>双 与<body>同级,无任何属性,仅作为其他标签的容器

<hr>单 添加水平分界线

   align =left right center 水平分界线对齐方式
   noshade 将水平分界线显示成一条时新线
   size=number 指定线宽,单位像素
   width=number 或 % 水平分界线长度,一像素为单位或页面宽为百分比

<html>双 于文件起始和结尾,用于告诉浏览器整个文件的大小是由html构成

   size=number 文件大小

<img>单 在页面上放一幅图

   align=left right center top middle botton
   alt=text 当图象无法显示时的提示文本
   width=number 图象宽度
   height=number 图象高度
   src=url 图象地址
   hspace=number 图象左右留出空格
   vspace=number 图象上下留出空格
   border=number 图象与页面边界距离,默认为1
   blockquote 一个块的引用,两边各留一空格,上下各留一行
<input>单 输入(表单)[输入类型:文本 单选框 复选框 复位 提交 文件传输

   type:checkbox 复选框
        checked 初始选中值
        name=text 编号,可用文本或数字
        value=text 初始值
   type:file 文件上传
        name=text 编号,可用文本或数字
        value=text 搜寻按钮的文本
   type:radio 单选框
        checked 初始选中值
        name=text 编号,可用文本或数字
        value=text 初始值
   type:rest 使表单选择恢复默认值
        value=text 显示可替代文本
   type:submit 提交按钮
        value=text 显示按钮上的文本

<li>双 表示一个列表中定义一个表单项,用于<dir><ol><ul>标签中

<marquee>双 创建一个滚动文本框

   align=left right center 文本框与页面左、右、中对齐
   dirsction=left right 文本超出边界时用水平、垂直滚动条
   height=number 文本框高度
   width=number 文本框宽度
   hspace=number 文本框两边留出的像素
   vspace=number 文本框上下留出的像素
   scrollamount=number 单击方向键,每次滚动的距离,单位字符
   scrolldelay=number 单击空白条区时,滚动距离,单位字符

<media>单 媒体

   align=left right center middle top bottom 对象相对周围文本的对齐方式
   data=url 对象所引用的地址
   height=number 对象高度,以像素为单位
   width=number 对象宽度,以像素为单位
   hspace=number 在对象两边各留出的空格,以像素为单位
   vspace=number 在对象上下各留出的空格,以像素为单位
   type=audio video 对象类型(音频和视频)

<nobr>双 禁止换行

<object>双 插件

   classid=text 如9b99c199-5d75-454f-ae07-b620727be8d8
<ol>双 定义有序列表的起始,由表单项<li>组成

<option>双 下拉列表或滚动列表的项

   checked 初始选中值
   value=text 初始值
<p>单 换行,但有多余空行
<script>双 脚本

   type=text 脚本语言类型,如"VBScript"
<select>双 定义一个下拉列表和滚动列表

   multipe 允许多选一个或更多的<option>
   name=text 选中的<option>编号
   size=number "1"且无设multipe,显示为一个下拉列表
<sub>双 下标

<sup>双 上标

<table>双 确定一个表格的始末

   align=left right center 表格在页面中位置,默认为right
   backcolor="rrggbb" 表格背景色
   border=number 表格边界厚度
   cellspacing=number 表格单元之间框架厚度
   cellspadding=number 单元格边界与内容之间的距离
   height=number or % 指定表格高度,单位像素,或浏览器页面高度的百分比表示
   width=number or % 指定表格宽度,单位像素,或浏览器页面宽度的百分比表示
   hspace=number 在一个对齐表格上下留一定空格,单位像素
   vspace=number 在一个对齐表格两边留一定空格,单位像素

<td>双 定义一个单元格

   align=left right center 文本相对与单元个的对器方式
   background=url 单位格里的图象
   backcolor="rrggbb" 表格背景色
表格、插件、脚本仅属于<body>,脚本最好不用
<media>仅属于<body>


[] [返回上一页] [打 印]
  • 上一篇文章:网站设计中的对比配色和相近配色(1)
  • 下一篇文章:深入学习CSS2.0结构,再谈div、span的困惑

  • 相关文章:
  • 实例讲解深入学习CSS网页定位元素
  • DIV+CSS网页布局之边框的设置方法
  • CSS网页布局中HTML标签的语义
  • 基于XHTML的DIV+CSS网页制作布局技术
  • 初学DIV+CSS应该理解HTML标签的语义
  • 整理:网页技术CSS网页布局的居中问题
  • CSS网页技巧:实现超级链接文字上划线和下划线
  • DIV CSS网页技巧:网页布局中border断线现象
  • DIV CSS网页布局技巧:background-color奇怪问题
  • DIV CSS网页布局中对段落进行排版的方法
  • [图文]DIV CSS网页布局实例:自定义标签布局页面
  • DIV CSS网页布局规范的对CSS的类及id命名
关于本站 - 网站帮助 - 广告合作 - 下载声明 - 友情连接 - 网站地图 - 源码发布
Copyright © 2003-2009 Ymyasp.Com. All Rights Reserved .
备案序号:粤ICP备07029071号