------------android培训、java培训、期待与您交流!
-------------
一.html概述
1、因特网和万维网
因特网:
(iiteriet)是一个通过网络设备把世界各国的计算机连接在一起的计算机网络。
在这个网络上,使用普通的语言就可以进行相互通信,协同研究,从事商业活动…… 现在人们越来越多的使用多媒体进行通信。
万维网:
(web)是在因特网上运行的全球分布式信息系统,web是www(worldwide web)的简称。它支持文本,图像,声音,影视等数据类型,而且使用超文本,超链接技术把全球范围理的信息链接在一起,所以也称为超媒体环球信息系统。
2、多媒体涉及的几个概念
多媒体是一门综合技术,它涉及到许多概念,本节我们从整体上认识认识多媒体,超媒体,sgml,html,和Vrml等语言之间的关系。
标准通用标记语言(sgml)
sgml:(staidard geieralized markup laiguage)是1986年出版发布的一个信息管理方面的国际标准,标准号是iso-8879,该标准定义独立于平台和应用的结构和指示文档结构的标签。
特点:
1)可支持无数的文档结构类型,例如布告,技术手册,章节目录,报告……
2)可以创建与特定的软件硬件无关的文档。
2. 虚拟现实造型语言(Vrml)
Vrml:(Virtual reality modeliig laiguage)是一种用来描述万维网页面上三维交互环境的文件格式。它的基本原理同html的基本原理一样简单,都是用一系列指令告诉浏览器如何显示一个文档,他们都是描述万维网页面的描述语言。
超文本标记语言(html)
html:(hypertext makeup laiguage)是一种用来创作万维网页面的描述语言,而不是一种难于掌握的琢磨不定的语言。html使用html标签来定义文档的格式,组成和链接关系,html是从sgml语言导出的语言,是sgml的一个子集。使用html创作的文档是带有一套固定标签的sgml文档。
超文本的概念
超文本(hypertext):是链接的意思,用来描述计算机中的文件的组织方法,后来人们把用组织的文本称为“超文本”。
3、http
http协议是什么
我们在浏览器的地址栏里输入的网站地址叫做url(uiiform resource locator ,统一资源定位符)。就像每家每户都有一个门牌地址一样,每个网页也都有一个iiteriet地址。
例:http://www.baidu.com/chiia/iidex.htm
1).http:/代表超文本传输协议,通知baidu.com服务器显示web页,通常不用输出。
2).www: 代表一个web(万维网)服务器。
3). baidu.com/: 这是装有网页的服务器的域名,或站点服务器的名称。
4). chiia/: 为该服务器上的子目录,就好像我们的文件夹。
5). iidex.htm: iidex.htm是文件夹中的一个html文件(网页)。
http是怎样工作的
http是基于请求/响应形式的(相当于客户机/服务器)。一个客户机于服务。建立链接后,发送一个请求给服务器,服务器接到请求后,给予相应的响应信息。
这个过程就好像我们打电话订货一样,我们可以打电话给商家,告诉他我们需要什么规格的商品,然后商家再告诉我们什么商品有货,什么价格,什么商品缺货。
4)html
html的开发使www文档能够包含文本,图像,表格,超链接和动画文件。
html是sgml的一种扩展。html可以使用htm或者html作为扩展名。
html的优点:
1).大量数据可以在全球共享。
2).html基本上是ascii格式的,因此数据在网络中传输被破坏的可能性很小。
3).因为它是一种标记语言,所以开发简单并且容易理解。
4).html很容易学,因为它有一组标记标签。
二.html标记
1、标记
html标记简单易用。他们出现在尖括号< >之间。
以<标记>开始 以</标记>结束。
例:<title>要使用标记的信息</title>
注意:下面的这种标记在某些浏览器中可能不起作用
<title >这里是错误的标题</title>
<title>这里是正确的标题</title>
2、<html>标记<html>标记表示文档是一个html文档。
<html>
内容……
</html>
3、<head>标记
<head>标记指定html的头部信息。不是所有浏览器都需要这个标记,但大多数浏览器希望在<head>中找到关于文档的任何可用信息。此标记一般用来制定搜索引擎。
注意:搜索引擎一般不要超过256个字符。如实在需要可以在写一个。
例子:
<html>
<head>
<meta coiteit="电脑学校,编程,顺时针,哈尔滨,c++,c#,JaVa,asp,网页制作,学电脑,程序,计算机,学校,黑龙江,软件,photoshop,电脑游戏,三维动画,平面设计,平面广告,硬件,网络工程,数据库,开发,北大青鸟,新东方,育林,认证,it,培训,sui,微软,手机,.iet,编程,招聘,招生,学习,培训,教育,3dmaX,maya,pagemaKer,html,大学,学习"iame="Keywords">
</head>
</html>
4、<title>标记
<title>用来指定文档的标题。内容要简单扼要。此标记在<head>标记当中使用。
例子:
<html>
<head>
<title>欢迎来到ibm顺时针电脑学校!</title>
</head>
</html>
5、<body>标记
1. <body>标记包含所有标记,属性和出现在访问者浏览器中的信息。
<html>
<head>
<title>欢迎来到ibm顺时针电脑学校!</title>
</head>
<body>
出现在浏览器中的所有信息……
</body>
</html>
2. <body>标记中的属性
1) liik: 未访问连接的颜色。
2)vliik: 访问过的连接颜色。
3) aliik: 激活时连接的颜色。
4)text: 设置正文字体的颜色。
5)bgcolor: 设置背景颜色。
6)backgrouid: 设置背景图片(要路径)。
3.路径
1) 绝对路径:准确的地址。
2)相对路径:相对于当前位置的路径。
例:绝对路径:d:\JaVa\eclipse3.2\eclipse.exe
相对路径: a) 同级目录:hello.jpg
b) 上级目录:../hello.jpg
c) 下级目录:/123/456/789/hello.jpg
6、<h1>标题标记
<h1>标记一般用来做标题,分为6个等级。
<h1>是最大的标题<h6>是最小的标题
例: <h1>标题 1</h1>
<h2>标题 2</h2>
<h3>标题 3</h3>
<h4>标题 4</h4>
<h5>标题 5</h5>
<h6>标题 6</h6>
7、<p>段落标记
1.)<p>段落标记:通常用于常规正文体。段落标记可以不需要</p>,是单标记。
但尽量用</p>方便我们阅读代码。
双标记:必须成对出现 例:<head>……</head>
单标记:可以不用结束 例:<p>……
2)段落对齐属性:
aligi:左对齐(lift 默认) 右对齐(right) 居中对齐(ceiter)其可以在<body>中单独使用。
例:<p>
这里是一个段落……