html语法简介.doc
《html语法简介.doc》由会员分享,可在线阅读,更多相关《html语法简介.doc(84页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、优质文本HTML语法简介建构网页最根底的语法为HTML (Hyper Text Markup Language),举凡Internet上所有Web网站的网页,95%以上都是以HTML格式来建构的,虽然本书专论ASP.NET程序的设计技术,但ASP.NET程序经效劳器编译之后,到头来完全都是以HTML格式将程序最后的结果呈现在客户端的浏览器上,因此HTML是网页所有技术中,最根本也最不可或缺的一环。A-1 使用HTML编辑网页一. 何谓HTMLHTML(Hyper Text Markup Language)是建构网页最根底的文件标记式语言,它在1990年正式被W3C组织加以标准化,因此成为目前I
2、nternet上专门用来制作网页文件的标准语言。HTML文件本身是一个纯文字文件(Text File),只要在文件中参加适当的标记(Tags),因此浏览器(Internet Explorer或Netscape Communicator)会依照文件内不同的标记而产生指定的效果,而使得网页变得多采多姿。同时也因各种浏览器功能的提升,而产生了许多不同版本的HTML。二. 如何产生HTML文件由于HTML文件呈一个纯文字文件(Text File),因此要产生HTML文件很简单,只要使用一般简易的文书编辑软件就可以了,譬如在DOS环境下可使用PE2;在Windows环境下使用记事本、Wordpad或使用
3、网页制作专用软件如FrontPage 2002、Dreamweaver 4等都可用来编辑HTML文件,一旦文件的内容编辑好了,以扩展名为.htm或.html方式存盘,便可以使用浏览器来浏览该份HTML文件(网页)。接着我们来练习如何使用记事本编辑一份网页,并且使用浏览器来观看所制作完成的网页。【上机】Step1 执行 开始/程序集/附属应用程序/记事本 开启记事本的编辑窗口,并撰写如下HTML语法。Step2 如以下图示,当编辑好一份HTML文件,在记事本执行菜单的 档案(F)/存盘(S) ,将该档案以扩展名为.htm或.html储存即可。请你将本例的档名命名为cA_1_1.htm。必須選取此
4、項,否則該檔案會以副檔名.txt存檔 Step3 你可依照下例两种方式来浏览你所制作的网页。在网页文件的图标上快按鼠标左键两下,即会进入浏览器浏览你所编辑的网页。直接开启IE浏览器,并执行菜单 档案(F)/开启旧档(O) ,即出现开启的对话框。你可以在文字方块输入网页文件所在的路径地址,然后再按 钮即可。或是使用 钮寻找该网页文件所在的路径地址。如以下图所示: Step4 如果每一次编辑网页都要重新启动记事本,然后再开启网页档(HTML文件),这样不是很麻烦吗?因此我们可以使用IE浏览器来观看或修改网页,你只要在IE浏览器上执行菜单的 检视(V)/原始档(C) 即会开启记事本并显示该网页的所有
5、原始程序,此时你可以直接修改该档案。但是记得要以原档名存盘,然后在浏览器按 (重新整理)钮,才可以看到修改程序后所显示的网页。 注意 1. 假设HTML文件假设存于效劳器端的网站上,虽然可以看到程序的内容但是却无法修改,同样的在网络上别人所编辑的网页程序也是无法修改的。2. ASP.NET程序无法使用浏览器菜单的 检视(V)/原始档(C) 观看。 A-2 HTML标记的根本语法一. HTML的语法一份标准的HTML文件是由标记(Tag)和欲显示在网页上的文件内容所组成。这些文件的内容是由文字、图片、影像、声音等组件所组合而成的。在HTML文件中有各式各样的标记,用这些不同的标记来定义文字、图片
6、、影像、声音等组件在网页出现的位置、形式、顺序及关系。所以,HTML语法是以标记方式来告知WWW的浏览器(IE或Communicator)如何去解释及显示文件的各种变化效果。在HTML文件中有些标记规定必须是以开始而以作结束,我们称为成对标记;有些标记允许单一标记出现在欲显示文件的前面或后面。其根本格式有以下两种写法:语法1:成对标记的HTML控件欲显示的数据语法2:非成对标记的HTML控件1. HTML的语法使用上没有大小写的差异,可依自己的习惯来撰写。2. 是标记名称用来表示这是标记的开始;标记前面加斜线表示这是标记的结束。3. 假设欲显示文件内容后面没有加上结束标记,那么接在后面的文件内
7、容,都会保有原先标记所设定的属性值。4. 设定属性时不一定要用双引号将属性值头尾括起来。例如: 和 此两种写法均正确。建议属性值头尾最好使用双引号框住,以免字符串中因为有空白时会产生错误。5. 不同标记所拥有的属性不一定相同,而且在书写属性时没有前后次序关系。6. 由于每个标记的属性都有其默认值。因此,标记内假设省略该属性不写,那么会使用该默认值。二. HTML的整体架构一个完整HTML文件是以标记开始,用来告知浏览器(Browser)这个文件内容的开头;最后使用标记告知浏览器此处是HTML文件的结束。在以下图两者之间包含两个主要的部份:一个是HTML文件的标头,我们称为标题设定区,置放一些有
8、关该文件的识别数据,前后使用 标记框住;另一部份为主体HTML文件的主体,我们称为HTML网页本文区,是呈现给浏览者观看的文件内容及其格式,前后使用标记框住。 標題設定區 HTML網頁本文區 接着我们来介绍HTML文件一些根本的标记:1. :告知浏览器这是整份HTML文件的范围。2. :告知浏览器这是HTML文件的标头。3. :用来定义浏览器窗口上面的标题栏名称,此标记必须放在标记之间。4. :告知浏览器这是HTML文件的主体,简单的说此标记框住的内容就是网页的内容。5. 批注:标记就像程序设计所使用的批注说明一样,当浏览程序逐行解译HTML文件时,假设碰到此批注标记会跳过不执行。范例 制作一
9、个网页,浏览器的标题栏显示全OK信息网,网页的内容显示欢送光临!全OK信息网。chA/cA_2_1.aspx完整程序代码全OK信息网欢送光临!全OK信息网A-3 网页图文的编排在HTML文件中,可以配合各种不同的标记来美化文字或网页的编排,例如设定文字的颜色、大小,字型,或是文字靠左、置中、靠右对齐等等,都可以轻松的到达您的要求。一. 标记是换行标记,是属于非成对标记。一般都配合段落标记使用,使得网页的段落清楚。二. 标记为成对标记,一般都配合换行标记使用,让网页的段落清楚。标记用来设定段落,浏览器每碰到一个标记,就会将接下来的图文从新的一行开始显示,而且每个用标记所形成的段落之间都会自动空一
10、行,可省略。 欲显示的内容 align属性用来设定文字的对齐方式,其属性值如下:1. left:设定图文往左靠。2. right:设定图文往右靠。3. center:设定图文置中。HTML标记有的属性功能相同,例如及标记的align属性皆用来设定对象的对齐方式。因此往后遇到HTML标记功能相同的属性,我们将省略说明。三. 标记标记可用来将图文置中对齐,此标记为成对出现。而 和的差异在于使用会跳一段落,而不会。四. 特殊符号句柄在网页中要显示特殊符号,必须使用句柄,其写法如下表:句柄显示结果句柄显示结果 空一格÷<©"®×&a
11、mp;&五. 标题标记标记一般用来设定标题文字的字体大小,使得标题字更加显目,但要注意此标记除了会改变字体大小外,字体还会依大小自动将字体加粗以提高浏览者的注意力,而且会在标题字上下各加上一空白列。1. 最大、最小,此标记为成对出现。2. 此标记可参加align属性来控制文字的对齐方式。六. 字型标记HTML提供标记可以对整个段落的文字大小做设定,标记除了可设定字体大小外,还可以设定字型的种类、文字的颜色,其语法如下: 欲显示的内容1. face属性可用来设定文字字型的种类(如:face=标楷体) 。2. size 属性可用来设定文字的大小。它的值是17,值愈大字体愈大。预设为3。也可以使用相
12、对大小设定,例如size=+1”或size=-1”表示将目前字形大小往上升一级或往下降一级。3. color属性可用来设定文字的颜色。HTML设定文字颜色的表示方法有两种方式,一种是使用下表的预设常用颜色名称(color =green):代表颜色颜色名称代表颜色颜色名称代表颜色颜色名称水蓝色aqua黑色black蓝色blue紫红色fuchsia灰色gray绿色green石灰色lim栗色maroon深色navy橄榄色olive紫色purple红色red银色silver小凫色teal白色white黄色yellow粉红色pink另一种表示方式是直接透过根本的三色光:红(Red)、绿(Green)、蓝
13、(Blue)来混出需要的颜色,属性写法如color=#RRGGBB。其中RR是红色、GG是绿色、BB是蓝色。每个颜色值是:0-255,值愈大颜色愈亮、反之颜色愈暗。颜色值必须以十六进制表示其范围:00FF。例如:FF0000是红色,00FF00是绿色、0000FF是蓝色。此种方式可以混出2 24种颜色出来,称之为全彩。范例 练习使用、标记制作如以下图的网页。黃色字體藍色字體紅色字體chA/cA_3_1.aspx完整程序代码全OK信息网欢送光临-全OK信息网参加成为会员申请聊天室申请留言板注意 如果你的计算机没有安装你所设定的字体,那么会以细明体出现哦。七. 文字的特殊标记以下介绍有关文字格式的
14、各种标记,譬如:粗体、斜体、加底线、上下标等,这些标记都必须成对的出现,例如: 。HTML提供以下标记来对文字的格式作各种设定:标记说 明将标记范围内的文字以粗体来显示。将标记范围内的文字以斜体来显示。将标记范围内的文字加上底线。将标记范围内的文字以上标字来显示。常用在数学公式中,例如:2X3+3X2+6X=5将标记范围内的文字以下标字来显示。常用在化学分子式中,例如:2H2+O2=2H2O2用斜体来显示的重要文字。以较小且加粗的方式来显示文字。在文字中间加上一条横线,用来显示要删除的文字。用粗体来显示文字的重要性。用来显示程序中的变量。用来显示程序中的程序代码文字。用来将文字内缩显示。以斜体
15、的方式来显示参考数据或文献。用斜体来显示地址。用来显示科学上的定律文字。范例 利用上表的标记,对文字的各种格式作设定,结果如以下图:chA/cA_3_2.aspx完整程序代码文字格式设定b卷标粗体文字u卷标加底线文字i卷标斜体文字strike卷标参加删除线的文字sup标签-数学公式2X3+4x5=50sub卷标-化学公式2H2+O2=2H2O2八. 如何在网页中插入水平线一份HTML文件透过标记来产生段落,可以让文件的段落层次清楚,让浏览者知道彼此间那些是属于同一个局部数据。但是一张网页可能有标题以及多个不同性质内容的数据,单靠段落标记来区隔,层次上是不够清楚。此时可以透过标记产生水平线来加以
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- html 语法 简介
限制150内