动态网站制作指南 [  QQ表情  ]
[ 投票调查 ]
[ 企业邮箱 ]
[ 网站空间 ]
网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
ASP源码 | .Net源码 | PHP源码 | JSP源码 | JAVA源码 | CGI源码 | VB源码 | C++源码 | Delphi源码 | PB源码 | VF源码 | 汇编 | 服务器
电脑书籍下载:程序设计书籍 | 数据库教程书籍 | 平面与多媒体书籍 | 网络通讯书籍 | 系统管理书籍 | 网络安全书籍 | 认证考试书籍
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > HTML教程
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
文章搜索服务
邮件订阅
输入你的邮件地址,
你将不会错过任何关于:
[ HTML教程 ]的信息



本月文章推荐
.marquee基本语法的全解释.
.对Web页面元素的绝对唯一引用方法.
.HTML组件(HTML COMPONENTS)之三.
.在IE中为abbr标签加样式.
.关于iframe的透明背景.
.创造收藏夹中的个性化图标.
.HTML 标记一览<1>.
.使用Web标准建站第5天:head区的.
.HTML彻底剖析:一般概念.
.HTML中meta作用.
.使用Web标准建站第3天:定义语言.
.HTML语言剖析(十一)排版标记 .
.HTML文档中小meta标签的大作用.
.HTML标记大全参考手册.
.用好超级链接标记—A.
.带有图片预览功能的上传表单的完.
.让字体美起来.
.鼠标在文本上移动时层的显示与消.
.HTML组件(HTML COMPONENTS)之一.
.HTML中的图象标签属性.

WEB标准教程:链接和文本标签的应用

发表日期:2008-4-4 |


我们都知道网页的最大特性是“链接”,是的这个在我们现在看起来习以为常的东西,让我们的生活发生了巨大的变化,是这个小小的标签成就了这个世界上无数的互联网天才。那么让我们看看这个标签的真面目:
<a href="URL" >文本区</a>

,就是这个简单的标签,其实大家都在使用,用Dreamweaver可以很简单的添加链接。但是尽管如此我们还是需要知道A的属性是什么,这样才能更好的利用它。A是个内联标签,也就是说它本身并不会产生分行。他是流于文本之中的无素。那么我们都知道内联元素是不能包含块元素的。那就是说在A中不能包含段落、DIV等这些块级的元素。那么你工作中是否有这样的情况呢?是否在A里加了无数的块级标签呢?那从现在开始改掉这个坏习惯,这样不光可以避免一些没必要的BUG问题,同时也能给GOOGLE等这些搜索引擎一个好印象,多点印象分。当然除此之外振之还推荐在大家伙在A中加入titile属性。例:
<a href="URL" title="这可用以解释或是显示完整的文本内容">文本区</a>
。为什么这么做呢,我这里有这样一篇文章《当标题不能显示完整的时候》,大家可以看一下,这只是加title属性其中一个小小的用处,但是作用非常有效。

链接标签中的href=“URL”这个URL是个非常强大的东西,当然这不是我们这个专栏的内容,但是也非常推荐读者们可以认真阅读一下相关的知识。我从百度百科中找到了相关文档,请大家点击阅读(站外链接请读者们选择新窗口阅读)。关于链接就暂时只讲这么多,如有什么疑问请通过文后的联系信息与我联系或是在线给我留言。

标题几乎是所有文章都会有的要素,也是我们用以识实与索引文章的重要元素。我们通过标题去感知文章内的核心。那么你知道吗?合理使用标题标签会让你的文章更受关注。我们都知道XHTML给我们提供了h1~h6,六个标题标签,那么我们如何分配这六个标题标签的使用呢?下面给出一些建议:h1,在浏览器中显示最大,那么自然用来表示最大的标题,对于一个网站来说哪个标题才是最大的?是LOGO,我们通常会在网站的最前面先标注这个网站的名称。所以h1就用来放LOGO,当然如果你的网站没有LOGO,只有一个网站名称,那也可以。当然振之是不推荐在大家在h1中放个图片。我们完全可以通过CSS来实现以图换字。并且推荐网页中h1只出现一次。


当h1找到了专用的功能,那么担任内容标是,或是基它标题的重担就要放在另外几个标题标签上了。在余下的几个标题中h5与h6在浏览器默认显示字体是小于正常文本字体的。那么推荐h5与h6只作为免责声明或是版权通告来使用。这样即表明重要性,又不会太过明显影响阅读。对于标题标签的使用尽可能的注意一下他们之间的等级关系。当然标题的使用还是需要根据实际使用来决定。这里只是给出个建议。标题标签是块线元素,但是他并不能再包含块级元素了,只能包含内联的元素,比如链接、图像,换行之类的。记得有个朋友前两天在文章中提到过关于标题的内容,但是写法就有错了,他把链接写在了H1标签的外面,把H1包起来了,这样的写法是不推荐的。也不符合标准思维容易给以后的学习产生不好导向。


我们的文章难免会有错误的地方,那么有错就要改,但是有时候我们需要告诉读者这段是被删除的但是又能让读者看到。那么删除标签的作用就产生了。以前我们会使用<s></s>或是<strike></strike>来得到一个删除线的效果。但是这仅表是一个删除线的效果,语义上没有DEL来得更为明确,所以这里我要告诉大家放弃以前的方式,采用<del></del>这个标签。同样能表达我们需要的效果,并且意义更为直接明确。那么除了删除有时我们还需要对删除的部分作出一些添加与修改。那么时候这个标签就非常有作用了那就是插入标签<ins></ins>。相信不用我说大家也知道如何使用这两个标签,但是千万别忘记了给这两个标签加上两个重要的属性:cite与datetime。解释与时间。解释不用说了,只要用文字注明为什么要删除或是为什么要插入就可以了。但是这个时间需要明确一下格式。严格的格式是:YYYY-MM-DDThh:mm:ssTZD。呵呵与我们平时用的差不多但是有区别,其中T是表示时间段开始的必需字符,而TZD则是表示时区,Z是表是格林威治标准时间。一秀的写法是:2008-03-25T14:26:22Z

在所有的标签中有两上标签是样式标签,但是却没有被禁用,因为这两个标签所表述的内容很特别,上下标,<sup>上标</sup>,<sub>下标</sub>。

这两个标签用得到机率比较小,但是上标应该还是会常用到的,比如温度中的摄氏度的上的小圆圈,当然现有有专业的字符对应“℃”,还有我们常看到书中的脚注上标[1]。


hr,分平分隔线,这个标签与换行标签只要注意标签的写法就可以了<hr /><br />

关于文本部分的标签就讲到这里,当然标签可能还有很多,但是一些不推荐使用的,不常用的,这里就不再推荐,有兴趣的可以搜索一下相关的内空阅读一下即可。下一篇将引入CSS,一点点的美化我们的文档。


上一篇:XHTML入门学习教程:框架标签使用 人气:4919
浏览全部WEB标准的内容 Dreamweaver插件下载 常用网页广告代码全集
  最新网站源码 最新软件下载
2008-7-8 ECShop v2.6.0 Build 20080707(G
2008-7-8 动网论坛PHP版 v2.0++ Build 080
2008-7-8 中国IT总舵 v9.0 UTF版
2008-7-8 凹丫丫新闻发布系统 v4.6 Build
2008-7-8 topview数据查询 v3.0
2008-7-8 Z-Blog v1.8 Spirit Build 80708
2008-7-8 Z-Blog v1.8 Spirit Build 80708
2008-7-8 凹丫丫新闻发布系统 v4.6 Build
2008-7-8 新动软万能网站内容管理cms系统
2008-7-5 AgileMessenger即时通讯工具 v1.
2008-7-5 GoodCalculator2.0版固件计算器
2008-7-5 RepoName源地址搜索工具 v1.21b
2008-7-5 AgileMessenger即时通讯工具 v1.
2008-7-5 TouchCopy多媒体管理软件 v3.13完
2008-7-5 VideosTone视频铃声 v1.1汉化破解
2008-7-5 TouchPad触摸板 v4.44破解版
2008-7-5 VideosTone破解补丁 v1.0
2008-7-5 Feeds GoogleReader客户端 v0.4.3


  发表评论
姓 名: 验证码:
内 容:
[ 汉字翻译拼音 ] [ 广告代码 ] [ 符号对照表 ] [ 进制转换 ] [ 经典小工具 ] [ 个税计算 ] [ 汉字简繁转换 ] [ 普通单位换算 ] [ 公制单位换算 ]
[ 生辰老黄历 ] [ 国内电话区号 ] [ 国家代码与域名缩写 ] [ 文字加密解密 ] [ 健康查询 ] [ 万年历 ] [ 手机号码查询 ] [ ip搜索 ] [ Google PR查询 ]
业务联系 | 广告刊登 | 频道合作 | 投稿荐稿 | 联系方式 | 加入收藏 | RSS订阅
Copyright © 2000-2008 www.knowsky.com All rights reserved | 网络实名:动态网站制作指南 | 沪ICP备05001343号
ホームページ制作 不動産検索システム 求人情報