教程html基础.docx

《教程html基础.docx》由会员分享，可在线阅读，更多相关《教程html基础.docx（27页珍藏版）》请在冰豆网上搜索。

教程html基础

html基础

（1）什么是HTML?

来源：

■宝之林■等级：

默认等级

发布于2005-11-0513:

33未经允许，XX【字体：

大中小】

    HTML是网络的通用语言,一种简单、通用的全置标记语言。

它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。

神奇吗?

一点都不神奇,因为现在你看到的就是这种语言写的页面.哈哈.

也许你听说过许多可以编辑网页的软件,事实上,你不需要用任何专门的软件来建立HTML页面；你所需要的只是一个文字处理器（如McrosoftWord\记事本\写字板等等）以及HTML的工作常识。

其实你很快就会发现,基础的HTML语言简直容易死了。

HTML只不过是组合成一个文本文件的一系列标签。

它们很乐队的指挥,告诉乐手们哪里需要停顿,哪里需要激昂.

HTML标签通常是英文词汇的全称（如块引用:

blockquote）或缩略语（如“p”代表Paragragh），但它们的与一般文本有区别，因为它们放在单书名号里。

故Paragragh标签是

块引用标签是

。

有些标签说明页面如何被格式化（例如，

开始一个新段落），其他则说明这些词如何显示（使文字变粗）还有一些其他标签提供在页面上不显示的信息－－例如标题。

关于标签，需要记住的是，它们是成双出现的。

每当使用一个标签－－如

则必须以另一个标签

将它关闭。

注意“blockquote”前的斜杠，那就是关闭标签与打开标签的区别。

基本HTML页面以标签开始，以结束。

在它们之间，整个页面有两部分－－标题和正文。

标题词－－夹在和标签之间－－这个词语在打开页面时出现在屏幕底部最小化的窗口。

正文则夹在和  之间－－即所有页面的内容所在。

页面上显示的任何东西都包含在这两个标签之中。

那么让我们建立一个简单的范例吧，非常容易的。

第一步，当然是要建立一个新的文本文件（记住，如果你在使用比较复杂的文字处理器，就应该用“纯文本”或“普通文本”来保存），将它命名为“xxxx.html”。

（随便你起一个什么名字,但记住,要用英文）

然后你可以用浏览器将它打开，你会看见最简单的自己做的页面。

html基础

（2）什么是URL？

来源：

■宝之林■等级：

默认等级

发布于2005-11-0513:

33未经允许，XX【字体：

大中小】

    统一资源定位器（URL）指的是Internet文件在网上的地址。

好比一个街道在城市地理上地址。

url使用数字和字母按一定顺序排列以确定一个地址。

比如，要是有一个街道地址是：

统一资源定位器（URL）指的是Internet文件在网上的地址。

好比一个街道的地址。

它使用数字和字母按一定顺序排列以确定一个地址。

比如，要是有一人，他的联系方式是：

100035北京市西城区八道湾胡同20号王雨

你会想到，王雨是一个人名，他住在北京市西城区一个叫做八道湾的胡同里,邮政编码是100035。

它的住宅在20号。

同样道理，你也可以分解一个URL。

比如：

URL的第一个部分http:

//表示的是要访问的文件的类型。

在网上，这几乎总是使用http（意思是超文本转换协议,hypertexttransferprotocol.因为它是用来转换网页的协议.）有时也使用ftp（filetransferprotocol）,意为文件传输协议,主要用来传输软件和大文件（许多做软件下载的网站就使用ftp作为下载的网址）;telenet（远程登录）,主要用于远程交谈;以及文件调用等,意思是浏览器正在阅读本地盘外的一个文件,而不是一个远程计算机.

让我们回到上面提到的URL。

第二部分是。

这是主机的名字。

表示要访问的文件存放在名为www的服务器里，该服务器登记在域名之下。

多数公司有一个指定的服务器作为对外的网上站点，叫做www。

所以，在你进行网上浏览时，如果你拿不准URL的名字，在www后加上公司的域名是个好办法。

比如：

或。

html基础（3）查看源文件

来源：

■宝之林■等级：

默认等级

发布于2005-11-0513:

33未经允许，XX【字体：

大中小】

    我们能用查看源文件这个办法来教会你所有关于HTML需要知道的一切.这是最初的一步，也许有人会反对这种说法，而最后一步，就是需要学习如何在网上发布，这样才能让你制作的网页让大家看到。

与其他图片、动画文件或者各种各样的产品不同，所有的网页都能从html的源文件中看到起制作的本来面目,并告诉愿意了解的网友，站点是如何建成的.

网页的构架使你能查看任何网页的源代码（换言之,就是显示页面样子的HTML文档）.所以任何时候你想知道"他们是怎么做的"时,你所要做的就是从浏览器菜单（通常的菜单名是"View"（查看）,选项是"Source"（源）或"Documentsurce"（文档源））选择"查看源"（ViewSource）,然后HTML文件将会打开--记事本或者你机器上安装的任何文字处理软件打开.

打开源文件之后,你就可以将它另存为文本文件或者html文件进行研究，你可以在文本文件中剪切和粘贴任何你想要的内容.但是如果你没有另存的话，你将不能改变源文件，以免页面被改变,记住，你是在查看一个复制文件,而不是文件本身.

学会查看源文件是学会HTML的最佳途径.模仿是学习和进步的最佳形式。

我们接下来的教程能高效率教会你如何编写、制作HTML文件，但是查看源文件是保持了解网上发布者在做什么,如何做的最佳途径.

不管怎样,源文档不是万能的.它告诉你所有关于HTML--甚至JavaScript（在HTML文档中全显示的代码）--所需要知道的一切的同时,它并不显示服务器一方所发生的一切.比如说,如果一个站点被挂靠到一个数据库或使用CGI正本以增强其功效时,如一些计算功能或者数据调用功能，这个源文档不会显示有关程序运行的任何迹象.对于Java程序包和插入也是如此.

html基础（4）段落

来源：

■宝之林■等级：

默认等级

发布于2005-11-0513:

33未经允许，XX【字体：

大中小】

开始一个段落

在所有的HTML标签中,段落标签是最普遍也是对用户最友好的。

标签在每个段落的开头加入，在每个文本块之前跳过一行.关闭段落不需要用

;继续下一个标签时段落会自动关闭.

看看以下两个普通段的HTML:

说到接触网络也可以说是机缘巧合，那是去年的寒假，因为早些时候我的腿打篮球给摔断了，所以寒假哪里的去不了，无奈之中便买来一个“猫”，申请了一个帐号，也就开始了我的网络生活，也开始了我的这个网上之“梦”……

第一次上网就象大多数的朋友们一样，下定决心不去聊天浪费时间，而是主要学习一下网络知识，看看新咨讯等等……但是有一天，随着一个朋友的到访，一切都变了。

小虫是我的大学同学，一个“才子”，很聪明的人，也很可爱，可惜和大多数聪明人一样，就是不用功，和我们一帮兄弟整天混日子。

这两个段落这样显示:

说到接触网络也可以说是机缘巧合，那是去年的寒假，因为早些时候我的腿打篮球给摔断了，所以寒假哪里的去不了，无奈之中便买来一个“猫”，申请了一个帐号，也就开始了我的网络生活，也开始了我的这个网上之“梦”……

第一次上网就象大多数的朋友们一样，下定决心不去聊天浪费时间，而是主要学习一下网络知识，看看新咨讯等等……但是有一天，随着一个朋友的到访，一切都变了。

小虫是我的大学同学，一个“才子”，很聪明的人，也很可爱，可惜和大多数聪明人一样，就是不用功，和我们一帮兄弟整天混日子。

很简单吧？

不可能学不会吧？

接下来你会学到更多的html语言。

来源：

■宝之林■等级：

默认等级

发布于2005-11-0513:

33未经允许，XX【字体：

大中小】

    本文是创建HTML文件的初级读物。

HTML是WWW（WorldWideWeb）中使用的超文本标记语言。

本指南的目的是介绍如何使用HTML和创建web文件。

本文中的链接指向一些附加的信息。

你还可以到你本地的书店查看一下，那里可能会有很多有价值的关于Web和HTML的资料。

前言

术语

WWW

WorldWideWeb

Web

WorldWideWeb

SGML

StandardGeneralizedMarkupLanguage--标准通用标记语言，描述标记语言的一个标准

DTD

DocumentTypeDefinition--文本类型定义,这是一个用SGML写成的标记语言的正式说明

HTML

HyperTextMarkupLanguage--超文本标记语言,它是一个SGMLDTD

HTML是一套独立于平台的格式定义（用标记说明）,用来描述WorldWideWeb文档中的各个组成部分.HTML是TimBerners-Lee在CERN（在日内瓦的欧洲粒子物理实验室）发明的.

本文不包括的内容

本指南假设读者具有以下基础:

知道如何使用NCSAMosaic或者其它的Webbrowser

对Web服务器和客户browsers有一般的理解

可以访问Web服务器（或者你只是想用本地方式创建个人使用的HTML文档）

HTML版本

本指南参考最新的说明--HTML2.0--加上一些已经在browsers中广泛实现的附加特性.以及正在发展的一些新特性.

HTML文档

什么是HTML文档

HTML文档是普通文本（ASCII）文件,它可以用任意编缉器（如UNIX中的Emacs或vi,Macintosh中的BBEdit,Windows中的Notepad）生成.你也可以使用字处理软件,不过要记住存文件时要存成“带回车的纯文本”。

HTML编辑器

现在有一些WYSIWYG编辑器（如.,可用在多种平台的HotMetal,或者可用在Macintosh机的AdobePageMill）.在你学了一些HTML标记的基本知识之后，你可能希望使用它们.你会发现掌握足够的HTML编码知识对于判断一个WYSIWYG编辑器是否适用是很有益处的

如果你还没有选定使用哪种软件,可以参考本站软件下载HTML编辑器的在线例表（按应用平台分类），帮助你寻找应用软件.

把文件存放到服务器上

如果你在学校或者单位可以访问Web服务器,和你的WEB管理员webmaster（维护服务器的人）联系，看看如何把你的文件存放到Web上.否则，如果在学校或单位不能访问,可以看看你的社区是否有免费网络FreeNet,一种提供免费Internet访问服务的基于社区的网络.如果也没有免费网络,你可以当地的Internet服务提供者联系，他们可以把你的文档存放到服务器上，不过要收取费用.（你可以在当地的报纸上找到广告withyourChamberofCommerceforthenamesofcompanies.）

标记说明

一个元素element是一个文档结构的基本组成部分.元素的例子有头heads,表格tables,段落paragraphs,列表lists等.你可以这样理解:

你用HTML标记为浏览器标出文件的各个元素.元素中可以包含普通文本，其他元素，或二者都有.

在HTML文档中使用tags表示各种元素.HTML标记由一个左尖括号（<）,一个标记名,和一个右尖括号（>）组成.标记通常成对出现（如,

和

有些元素可能含有一个属性attribute,它是包含在起始标记中的附加信息说明.例如,通过在图象文件的HTML代码中包含适当的属性，你可以指明一幅图象的位置（顶端,中间,或底部）.具有可选属性的标记如下.

注意:

HTML不区分大小写.

HTMLisEasyToLearn

WelcometotheworldofHTML.

Thisisthefirstparagraph.Whileshortitis

stillaparagraph!

Andthisisthesecondparagraph.

必须的元素有,,