-八达音响-Hi-Fi,hifi,音响,音响器材,功放,发烧线材,功放产品,音箱产品,音源产品
近期发现淘宝网有部分别有用心的商家以低于出厂价销售我厂的产品，其行为目的值得深思；如需要购买我厂产品，请到授权实体店或者授权的淘宝店购买，本厂对来历不明的产品不给予任何售后服务。
:: 版权所有 八达音响& Foshan Bada audio equipment factory, All rights reserved ::
:: & 制作维护:
Powered and designed by Shengshi Network ::当前位置：
> 查看文章
什么是HTML?
简单点说：HTML是用来做网页的。它很简单，在接下来的1~2分钟之内你就会跟着我用HTML做一个简单的网页。
复杂点说：HTML（HyperTextMarkupLanguage的缩写），即超文本链接标记语言。它是在互联网发布超文本文件(通常所说的网页)的通用语言。
什么是XHTML?更先进难懂的技术？
简单点说：X是吓唬人的，其实XHTML就是严谨而准确的HTML。如果说HTML是汉语，那么XHTML就是标准普通话。对于现在才刚刚开始学习网页设计的朋友，直接学习XHTML是最佳的选择。
复杂点说：XHTML是HTML的“升级”产品。事实上它也属于HTML家族，对比以前各个版本的HTML，它具有更严格的书写标准、更好的跨平台能力。由于某些需要，XHTML将以前版本的HTML能够实现的一些功能交给了CSS，这意味着你将需要学习两种技术。但是这确实是Web未来发展的潮流。X代表“可以扩展的”。
学习XHTML的基础
学习XHTML不需要任何基础。相反，XHTML是学习学多其他知识的必要基础。有些人可能听说需要学习完HTML才可以学XHTML，事实并非如此，建站学()的XHTML教程就是面向没有任何基础的网页设计新手的。如果你已经熟练的掌握了HTML，就不必看我们的入门教程了，我们为已经熟悉了HTML的站长准备了从HTML到XHTML。
学习XHTML的方法
阅读XHTML教程以及其中的实例当然是学习XHTML的好办法，但是仅仅如此是绝对不够的。在学习的过程中，你可以找一些你以前比较喜欢浏览的站点，看看他们在实际的网站设计过程中是如何使用XHTML的。你只需要点击浏览器工具栏上的“查看”按钮，再选择“查看源文件”，就可以看到该页的代码了。
好了，关于XHTML的介绍就说到这里，下面就让我们开始学习XHTML吧。
XHTML标签简介
也许你在上一节就注意到了，XHTML文件与普通的纯文本文件的最大不同在于一些用“&&”包含的东西，例如&body&。我们把他们叫做标签。通常情况下XHTML标签都是成对出现的，例如&html&&/html&。可以看到它们只相差一个“/”，我们把类似&html&的没有“/”的标签叫做起始标签，而它对应的有“/”的&/html&则叫终止标签，终止标签与起始标签只相差一个”/”符号。当然了，XHTML也有一些标签并不成对出现，它们没有终止标签，我们把这样的标签叫做“空标签”。空标签的内容在稍后的教程中将会提到。
关于大小写
以前各个版本HTML标签并不区分大小写，例如标签&HTML&和标签&html&是等效的。而在XHTML中，所有标签均使用小写。为了使自己的网站能够符合XHTML标准，您应该养成良好的习惯，在制作网页的过程中所有标签一律使用小写。
XHTML标签的作用（元素）
打开上一节教程中保存的html文件。将第六行的“这是我的第一个网页。”改为“这是我的第一个&b&网页&/b&。”，然后保存修改后再次浏览网页。你会发现网页两个字变成了粗体显示，效果如下：
这是我的第一个网页。
区别很明显，网页两个字由于被“包”在了标签&b&&/b&中而变成了粗体。&b&标签的意思就是粗体显示，而它只会影响到被它包含的内容。这就是XHTML标签的作用方式。我们把被标签“包住”的内容叫做元素。本例中“网页”两个字就是&b&标签的元素。
标签的属性
&hr size=+&
我们可以为XHTML标签设置一些属性。请你注意上面的水平线，原本它的代码是：&hr /&。在XHTML中&hr&标签就是一条水平分割线，我们可以为这条分割线添加一个属性“size”（即分割线的大小），他的属性值为1。那么它的完整代码就是：
&hr size=+ /&
类似的，为其他XHTML标签添加属性的方法也是在标签的起始标签中加入：属性＝“属性值”。需要注意的是，属性值必须使用引号“括”起来。单引号或者双引号都可以，但是双引号比较常用。
添加属性的格式：　&起始标签 属性=”属性值”&　　实例－&　　&table border=”none”&
注意：普通的XHTML文件有两个等级标准(不算框架标准)——过渡标准和严格标准，其中过渡标准主要针对那些习惯于使用HTML开发网站的站长。上面的代码在过渡标准中是合法的，可是在严格标准中，size属性将被视为非法属性。XHTML不仅是更加标准更加严格的HTML，他还推崇一种构建网站的思路。那就是把网页的内容与样式分开，这在XHTML中是通过CSS来实现的。因此我们推荐您使用严格标准的XHTML，把定义样式的任务完全交给CSS。(关于XHTML标准的问题将在后面的教程中介绍)
也许你已经注意到了，这里我们没有把分割线标签写成对称的&hr&&/hr&，而是写成&hr /&。其实这正是我们在前面教程中提到的不成对出现的标签，他只有起始标签&hr&却没有终止标签&/hr&。由于它没有元素，所以我们把这样的标签叫做空标签。那么我们为什么要写成&hr /&而不是简简单单地写成&hr&呢？这样的书写格式是为了满足XHTML中任何标签都需要“关闭”的规则。我们把在起始标签的最后添加”/”的方法叫做标签的自闭（或者自关闭、自终止等等，你喜欢怎么叫都行）。
所有空标签的使用方法的自闭方法都是一致的，就是在起始标签的“&”符号前加上一个空格和一个反斜杠“/”。空格不是必须的，但是个别的浏览器却无法识别&hr/&，只能识别&hr /&。这也正是我们添加空格的原因。（我至今没有遇到不兼容的浏览器）
就像一篇文章一样，我们的网页也要段落分明，也需要重要程度不同的标题。本节就将介绍XHTML中实现标题、段落等功能的常用签..
标题标签&h1&到&h6&
定义标题，我们可以使用从&h1&到&h6&这几个标签，它们对应的终止标签分别为&/h1&到&/h6&，其中&h1&到&h6&字号顺序减小，重要性也逐渐降低。浏览器将在标题的上面和下面自动各空出一行。
段落标签&p&
定义段落使用&p&和&/p&，在&p&和&/p&之间的内容会被识别为一个段落，它就类似我们通常所说的一个“自然段”。与标题类似，浏览器也会在段落的开始之前和结束之后各加一行空白。
换行标签&br /&(&br&)
当我们在想另起一行书写文字却又不希望另起一个自然段的时候，我们就可以应用&br /&标签了。&br&标签也是一个空标签，需要加上一个”/”以符合XHTML的要求。
水平分割线标签&hr /&(&hr&)
实现水平分割线的标签是&hr /&。和&br&标签一样，&hr&也是一个空标签，为了遵守XHTML的规则，需要加上一个”/”。(下面就是一条分割线)
注释&!–　–&
合理利用上面介绍的四个标签可以使浏览你网页的用户觉得网页的层次清晰，而注释则可以使你在阅读自己的网页源代码时感觉层次清晰，不至于摸不着头脑。在&!–和–&之间的东西就是注释的内容，它们将不会在网页上显示。看看我们如何在下面的练习实例中插入注释。
现在打开我们在上一节保存的网页，练习一下本节学习的几个重要标签。将&body&&/body&中的“这是我的第一个&b&网页&/b&。”去掉，输入以下内容：
&h1&服务公告&/h1&&!–练习标题的使用，看看字号是不是变大了？ –&
&hr /&&!–水平分割线，别忘了那个”/” –&
&h2&本人现面对全国的小学生及家长同志提供如下服务：&/h2&&!–2号标题，看看字号是不是比1号标题小 –&
&h3&针对学生的服务&/h3&
代写寒暑假作业（数学不保证没有错题，语文不保证没有错字，英语作业你找别人吧）
&br /&帮忙欺负四年级以下同学，特体须加收费用。
&br /&家长会帮忙冒充家长。
&/p&&!–上面的内容是一个段落 –&
&h3&VIP服务&/h3&
&p&凡购买所有三项服务者即自动升级为VIP。我们将免费为您制作个人主页，完全符合W3C的XHTML标准和ISO2009~。&/p&
&!–这里网页虽然层次还算比较分明，可是你是不是觉得界面实在是很难看和简陋呢？比如说行与行之间没有空隙，一号标题
太大了。关于定义网页外观的方法将在稍后的CSS教程中介绍。忘了说主要内容了，注释不会出现在网页上，所以
我们可以在这里打许多废话。不过在以后网页设计的过程中尽量写一些有提示作用的注释。–&
保存修改后浏览网页，确认一下你的网页和这个页面相同，完工。
文字格式与特殊字符
本节介绍文字格式和特殊字符在XHTML中的实现方法。
文字格式标签
在之前的教程中我们曾经用过一次&b&标签，他使得包含在它之中的内容变成粗体显示。例如“&b&菜鸟吧&/b&”将显示为菜鸟吧。我们把这种定义文字显示方式的标签叫做文字格式标签（文字样式标签……）。与粗体标签&b&类似的还有斜体标签&i&和强调标签&em&等。我们推荐您使用CSS定义网页的样式，而不是类似&b&的XHTML标签，这里介绍这些标签的目的是让您在阅读别人网页的源代码时不至于糊涂。
特殊字符(字符实体)
在XHTML中“&”和“&”是比较特殊的字符，因为它们被用于识别标签，而且在标签中的”&“和“&”并不会出现在页面上。那么如果我们想让浏览器显示这些特殊字符时该怎么做呢？这时我们就可以使用字符实体，例如小于号“&”在XHTML代码中写做“&”。当然，在网页设计软件中，这项工作不需要我们手写代码来完成。因此我们只要了解这些特殊字符的显示原理即可，而不需要记住每一个特殊字符的书写代码。
用记事本打开之前创建的”index.html”文件。对源文件做如下修改(红字提示)，保存后看看之前之后有什么不同，请确认您的网页与这个页面相同。
代写寒暑假作业（数学&b&不&/b&保证没有错题，语文不保证没有错字，英语作业你找别人吧）
&br /&帮忙欺负&b&四年级&/b&以下同学，&b&特体须加收费用&/b&。
&br /&家长会帮忙&i&冒充家长&/i&。
&/p&&!–上面的内容是一个段落 –&
下面再来练习一下使用字符实体。打开之前保存的“index.html”，在&/body&标签前输入如下代码：
&p&Copyright&版权没有&/p&
保存修改并重新浏览网页就可以看到如下的内容了：
“Copyright(C)XXX版权没有”。我们注意到源代码中的“&copy”在浏览器中显示为“@”。请再次确认您的网页与这个页面相同，完工。
关于标签的顺序
学完了文字格式标签你也许会想，如果我希望一个字同时以粗体和斜体显示该怎么做呢？是不是简单的为它加上双层标签&b&和&i&呢？没错。请看下面的例子：
&b&&i&我被两个标签包围啦！&/i&&/b&
将在浏览器中显示为我被两个标签包围啦！
这里你唯一需要注意的是标签的顺序。如果你将上面的标签顺序写成&b&&i&我被两个标签包围啦！&/b&&/i&，一般的浏览器将不产生任何错误。但是这是不符合XHTML标准的写法。请你一定要按顺序关闭标签。
超级链接&a&标签
毫不夸张的说，是超级链接把整个互联网连接了起来。超级链接几乎可以指向互联网上的任何资源，例如另外一个网页、一张图片、一首MP3歌曲等等。而利用XHTML建立超级链接的语法却非常简单，只需要一对&a&&/a&标签即可：
&a href=”这个超级链接将要指向的网址”&页面上将要显示的文字或者图片等&/a&
&a href=”/”&建站学&/a&
将会在浏览器中显示为一个超级链接，点击它就将进入建站学（/）。效果如下：
其中&a&标签中的href属性就是这个超级链接所要指向的地址，她可以是一般的网址也可以是邮件的地址，在稍后的练习实例中我们将创建一个指向邮件地址的超级链接。&a&和&/a&之间的内容（元素）将被作为超级链接显示在网页上。注意href属性值为一般网址（绝对路径）时，其”http://”是不可以省略的，否则浏览器将把它作为相对路径来识别。绝对路径与相对路径的区别不在本XHTML教程的讨论范围之内，如果你不了解可以到百度搜索相关的资料。
页内跳转超级链接(锚记)
您在浏览其他网站的时候可能注意到了，有一些超级链接可以让您回到页面的顶端或者是当前网页内任何一个位置。就像下面这个链接：
它的实现方法如下，首先在标题处加上如下代码。：
&h1&XHTML入门学习教程——XHTML超级链接&a id=”biaoti”&&/a&&/h1&
而超级链接本身的代码为：
&a href=”#biaoti”&回到标题&/a&
页面内的跳转在您的页面内有大量的内容时，可以让你的用户很快的找到所需要的信息。通常情况下都是在一些说明性的网页内做目录使用。
下面练习在之前的”index.html”中添加超级链接。打开”index.html“，对代码做如下修改：
中间代码省略……
&p&&a href=”mailto:”&联系我&/a&&/p&&!– 注意要把邮箱地址改为你自己的 –&
&p&Copyright&XXX版权没有&/p&
保存之后浏览一下自己的网页，请确认您的网页与该页面相同。点击一下新创建的链接，如果你安装了Outlook之类的邮件管理软件，就会打开一个给自己发送邮件的界面了。
列表用于罗列出来一系列相似或者相关的项目.
无序列表（项目列表）
无序列表的标签是&ul&&/ul&，而每一个列表项目则用&li&标签。下面我们就用无序列表来改写我们的”index.html”，打开之前保存的文件后，将”针对学生提供的服务”一段的代码修改为如下的无序列表代码：
&h3&针对学生的服务&/h3&
&li&代写寒暑假作业（数学&b&不&/b&保证没有错题，语文不保证没有错字，英语作业你找别人吧）&/li&
&li&帮忙欺负&b&四年级&/b&以下同学，&b&特体须加收费用&/b&。&/li&
&li& 家长会帮忙&i&冒充家长&/i&。 &/li&
保存后浏览网页，请确认您的网页和这个页面相同。。
有序列表的标签是&ol&&/ol&，列表项目仍然是&li&。我们再用有序列表来改写”index.html”的”针对家长一段“，将刚刚修改的那段代码中的&ul&&/ul&改为&ol&&/ol&：
&li&代写寒暑假作业（数学&em&不&/em&保证没有错题，语文&em&不&/em&保证没有错字，&b&英语作业你找别人吧！&/b&）。&/li&
&li&帮忙欺负&strong&四年级以下&/strong&同学，&strong&特体&/strong&须加收费用。&/li&
&li&家长会帮忙&i&冒充家长&/i&。&/li&
保存后浏览网页，请确认您页面的效果与这个页面相同。我们可以看到无序列表与有序列表的不同就是项目每个项目前面是小圆点还是数字。
文章字数统计：6141
微部落博客编辑整理发布，如有侵犯您的版权，请提供相关版权证明，博主将立即删除。
你可能也喜欢
手机网站建设开发技巧与注意事项
linux简单文件操作-tar压缩与解压
15/18位身份证号码验证的正则表达式总结
常用证件号码的正则表达式大全
博客网址之家
来路IP首页展示！
·免费收录
·免费推广你的博客
如果本文对您有用就 打个赏吧！微信 OR 支付宝 扫描二维码
金额随意，您的支持是我的动力～
&&&&1014&&
&&&&3014&&
&&&&2737&&
&&&&2874&&
&&&&3014&&
&&&&3036&&
&&&&2508&&
&&&&2502&&
&&&&2458&&
&&&&2432&&
&&&&1635&&
&&&&2061&&
&&&&1878&&
&&&&1737&&&下次自动登录
使用其他帐号登录
1816棋牌（
登录奖6万金币
36棋牌（8期）
登入奖12万
虎牙棋牌（11
登录奖6万金币
奇游棋牌（25
登录奖8万金币日榜奖
兑换提现动态
100元现金提现了200元现金提现了30元现金提现了200元现金提现了50元现金提现了兑换了200元现金提现了50元现金提现了兑换了兑换了兑换了100元现金提现了200元现金提现了50元现金提现了30元现金提现了兑换了200元现金提现了100元现金提现了50元现金提现了50元现金提现了200元现金提现了50元现金提现了100元现金提现了50元现金提现了200元现金提现了50元现金提现了100元现金提现了100元现金提现了兑换了100元现金提现了30元现金提现了50元现金提现了50元现金提现了兑换了兑换了兑换了兑换了兑换了兑换了兑换了兑换了兑换了兑换了兑换了兑换了兑换了兑换了
第一次兑换手机的经历
玩蛋蛋好多年...
运气回来...
好激动，第...
从2006年开始玩蛋蛋，历经11年，攒金蛋真心不容易，一直…
玩蛋蛋两年多了，我不是职业玩家，只是平时有时间了玩一…
两年下来，一看自己的账户拿金币能体现200元，金蛋也能…
几年前一个朋友介绍玩的pc蛋蛋 当时就抱着试试看的态度玩的…
需要：3,900万金蛋
10000金蛋拍1组,集齐即开奖！您的访问出错了 | 列表网
哎呀～这个页面走丢了
别担心，你还可以回家&&&
猜你喜欢：PC蛋蛋预测|加拿大28预测|大白28|99预测|忠杰28|在线预测|幸运28预测|蛋蛋28预测 - 28导航
本站收录各类28类站点，如有兴趣请联系站长QQ：
这里给力推荐忠杰28预测，地址非常给力的一个网站
西西软件乐园
本站本站是一个收录pc28类网站的导航，欢迎各位站长来和本站做友情链接，希望各位站长支持下28导航，站长唯一QQ
强力推荐：
，联系站长互换链接
联系站长：
(C)Copyright 导航 All right reserved.
广告合作QQ