走过平凡人生、留下平凡足迹 注册 | 登陆
浏览模式: 标准 | 列表分类:XHTML/CSS

XHTML教程——文字格式与特殊字符

文字格式标签

在之前的教程中我们曾经用过一次<b>标签,他使得包含在它之中的内容变成粗体显示。例如“<b>菜鸟吧</b>”将显示为菜鸟吧。 我们把这种定义文字显示方式的标签叫做文字格式标签(文字样式标签……)。与粗体标签<b>类似的还有斜体标签<i>和强调标签 <em>等。我们推荐您使用CSS定义网页的样式,而不是类似<b>的XHTML标签,这里介绍这些标签的目的是让您在阅读别人 网页的源代码时不至于糊涂。

特殊字符(字符实体)

在XHTML中“<”和“>”是比较 特殊的字符,因为它们被用于识别标签,而且在标签中的"<"和“>”并不会出现在页面上。那么如果我们想让浏览器显示这些特殊字符时该怎么做 呢?这时我们就可以使用字符实体,例如小于号“<”在XHTML代码中写做“&lt;”。当然,在网页设计软件中,这项工作不需要我们手写 代码来完成。因此我们只要了解这些特殊字符的显示原理即可,而不需要记住每一个特殊字符的书写代码。

» 阅读全文

Tags: xhtml, xml, css

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的规则,需要加上一个"/"。(下面就是一条分割线)

» 阅读全文

Tags: xhtml, xml, css

XHTML教程——标签

XHTML标签简介

也许你在上一节就注意到了,XHTML文件与普通的纯文本文件的最大不同在于一些用“< >”包含的东西,例如<body>。我们把他们叫做标签。通常情况下XHTML标签都是成对出现的,例如<html> </html>。可以看到它们只相差一个“/”,我们把类似<html>的没有“/”的标签叫做起始标签,而它对应的有“/”的 </html>则叫终止标签,终止标签与起始标签只相差一个"/"符号。当然了,XHTML也有一些标签并不成对出现,它们没有终止标签,我 们把这样的标签叫做“空标签”。空标签的内容在稍后的教程中将会提到。

关于大小写

以前各个版本HTML标签并不区分大小写,例如标签<HTML>和标签<html>是等效的。而在XHTML中,所有标签均使用小写。为了使自己的网站能够符合XHTML标准,您应该养成良好的习惯,在制作网页的过程中所有标签一律使用小写。

» 阅读全文

Tags: xhtml, xml, css

XHTML教程——基础知识

用一分钟制作自己的第一个网页:

下面我们来试着做一个简单的网页,希望您能跟着我们操作,这只会花费您一分钟时间。现在您也许不知道那些尖括号“<>”和里面的字母究竟是些什么东西,不要担心,我们会在后面的教程中向您介绍。

首先请运行记事本,或在任意位置新建一个文本文档,在记事本内输入如下内容:

<html>
<head>
<title>我是这个网页的标题</title>
</head>
<body>
<p>这是我的第一个网页。</p>
</body>
</html>

输入完毕后将文件保存,命名为“index.html”。(点击“文件”—>“另存为”。在“文件名”一栏填入“index.html”,在“保存类型”一栏选择"所有文件",然后点击“保存按钮”)

保存之后,双击该文件,浏览器就会自动打开这个网页了。请确认一下你的网页是否与该页面相同,如果相同,那么你就成功地完成了自己的第一个比较简陋的网页。

请注意,这只是一个简单的页面,虽然它在语法上符合XHTML的标准,但是如果要作为一个完整的、符合W3C标准的XHTML网页,它还缺少一些内容。相关内容将在后面的教程中介绍。这个网页仅仅是用来讲解一些基础的XHTML知识。

» 阅读全文

Tags: xhtml, xml, css

XHTML学前须知

什么是HTML?        
     简单点说:HTML是用来做网页的。它很简单,在接下来的1~2分钟之内你就会跟着我用HTML做一个简单的网页。
 复杂点说:HTML(HyperTextMarkupLanguage的缩写),即超文本链接标记语言。它是在互联网发布超文本文件(通常所说的网页)的通用语言。
 什么是XHTML?更先进难懂的技术?         
    简单点说:X是吓唬人的,其实XHTML就是严谨而准确的HTML。如果说HTML是汉语,那么XHTML就是标准普通话。对于现在才刚刚开始学习网页设计的朋友,直接学习XHTML是最佳的选择。
    复杂点说:XHTML是HTML的“升级”产品。事实上它也属于HTML家族,对比以前各个版本的HTML,它具有更严格的书写标准、更好的跨平台能力。 由于某些需要,XHTML将以前版本的HTML能够实现的一些功能交给了CSS,这意味着你将需要学习两种技术。但是这确实是Web未来发展的潮流。X代 表“可以扩展的”。

» 阅读全文

Tags: xhtml, xml, css

Records:1312