HTML简介

• WWW
  

World Wide Web

由三部分组成:容纳着文档和图像的服务器/用来传输信息的网络和显示这些信息的客户

• 超文本传输协议
  

The HyperText Transfer Protocol - HTTP

是用来在客户计算机和服务器计算机之间传输信息的协议

• 超文本置标语言
  

HyperText Markup Language - HTML

• 可扩展置标语言
  

Extensible Markup Language - XML

• 层叠样式表
  

Cascading Style Sheets - CSS

是一个国际性标准,它允许你把与样式有关的内容从HTML文档里分离出去

• 统一资源定位器
  

Uniform Resource Locator - URL

一个协议名称/一个冒号(:)/两个斜线字符(/)/一个机器名和一个到达资源的路径

• HTML标签
  

文档标题 <TITLE> 标签中间的文字往往会被存到书签或收藏夹里去

注释 <!--  this is a comment --> 尽量不要使用扩展多行的注释,这样可以增加点安全系数

段落标题 <H1> 一共有6级 从H1到H6

• 文本格式
  

<BR>	这个标签没有对应的结束标签,它的作用是使文本流从下一行开始
<P>	这个标签的作用是开始一个新的段落,并且经常会先插入一个空行.漏掉它结束标签的做法是错误的.如果想插入几个空行,可以使用<PRE>
<HR>	这个标签的作用是在页面上画出一条水平直线

• 文本样式
  

<ADDRESS> 把标签简文字排版为普通信件地址的写法 </ADDERSS> address

<B> 把标签简文字显示为一种黑体 </B> bold

<BLOCKQUOTE> 把标签间文字显示为与文档其他内容不一样的形式,多采用缩进显示 </BLOCKQUOTE> quote

<CITE> 把引用性文字标识出来 </CITE> citation

<CODE> 把标签文字显示为源代码程序清单的形式 </CODE> code

<EM> 设置强调性文字,但还是明确的指明黑体或斜体比较好一些 </EM> emphasized

<I> 把标签间文字设置为一种斜体 </I> italics

<KBD> 表示这是用户敲入的文字,通常显示为一种等宽字体 </KBD> 

<PRE> 不让浏览器对标签间文字进行排版,使他们的显示效果就是HTML源文件里的样子.无法知道浏览器的高度和宽度,尽量少用这个标签 </PRE>

<STRONG> 把标签间的文字设置为加强强调效果 </STRONG> strong

<SUB> 把标签间文字设置为下标 </SUB> subscript

<SUP> 把标签文字设置为上标 </SUP> superscript

<TT> 把标签间文字设置为一种等宽字体,就像用打字机打出来的那样 </TT> typewriter

• 特殊字符

&lt	<	大于号
&gt	>	小于号
&amp	&	"and"符号
&quot	"	双引号
&copy	®	版权符号
&aaccute	á	a字母加重音
&aelig	æ	字母a/e靠在一起
&ccedil	Ç	带尾c字母
&uuml	ü	两点u字母

• 列表

他们是无序列表/子目录列表和菜单,下面是他们各自的标签:

<UL> </UL>

<DIR> </DIR>

<EMNU> </EMNU>

列表里的列表项以<LI>标签开始,</LI>可以省略

如果把圆点替换成数字,换成<OL>

第五种类型定义列表,适合显示字典形式的数据项<DT><DD>

</DT>和</DD>可以省略,结束标签</DL>不可省略

• 图像
  

<IMG>标签

<IMG src="url" alt="alternate text"  align="top"|"middle"|"bottom"|"right"|"left" width=n height=n ISMAP>

src通常是gif或ipeg,一般,jpeg适合显示照片,gif适合显示其他图像

width和height给图像留多大地方,以像素为单位

ISMAP属性表示一个可点击图片

• 表格

数据排版的一个重要手段

还经常用布袋表格线的表格控制图片和文本的摆放方式

如果需要使用复杂的或嵌套的表格,自行研究HTML 4.0标准或Wrox出版社出版的"Instant HTML:Programmer`s reference"(《HTML速成:程序员参考手册》)

<TABLE>	表格
<CAPTION>	定义表格的标题
<TR>	表格之间的文本构成了表格中的第一行
<TH>	构成表格的第一行或第一列
<TD>	构成表格中的一个表格项

TABLE的属性:CELLPADDING和CELLSPACING,分别控制着表格项的宽度和表格文字与表格线的间距

<TABLE cellpadding=1>
<CAPTION> a simple table </CAPTION>
<TR>
	<TD>first</TD>
	<TD>two</TD>
	<TD>three</TD>
</TR>
</TABLE>

• 锚点和超链接
  

<A name="where i am now" href="URL to go to"> some text </A>

name属性提供文档命名当前位置

• Linux的Web
  

apache来自自由免费的服务器软件

• 可点击图片
  

点击不同区域会引起不同的操作

分为服务器端可点击图片和客户端可点击图片

如果HTML页面里的<IMG>标签加上ISMAP属性,浏览器就会在这个图片被点击的时候把这个图片的名字和鼠标点击的坐标(x,y)送回到服务器