HTML介绍
<?xml:namespace prefix = o />
什么是HTML
HTML（HyperText Mark-up Language）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。
HTML文档结构
HTML文档结构
HTML是一种超文本标记语言，从本质上说，一个HTML文件就是添加了许多表示性字符串—HTML标记（tag）的普通文本文件。从结构上讲，HTML文件由各种标记元素（elements）组成，每个标记由“< >”包含起来，且大部分成对出现。
HTML文件由两部分组成：头部和体部。
1.三个主要标记<html></html>、<head></head>、<body></body>。
2.标记不区分大小写。
3.标记名“<”和“>”之间不能有空格。
<HTML>
<HEAD>
<TITLE>HTML页的标题 </TITLE>
</HEAD>
<BODY>
<H1> 欢迎来到HTML世界</H1>
</BODY>
</HTML>
HTML标记
HTML非正文标记
开始和结束标记：
HTML文档的开始标记<html>,结束标记是</html>，这样一对标记的作用就是告诉客户浏览器HTML文档的范围，从什么地方开始，到什么地方结束。
头部标记：
（1）标题标记 <title></title>，标识出web页面的标题，会显示在web页面的标题栏上，当保存页面时会默认以改标题为文件名称保存，当收藏时，会默认以改标题为名称收藏。
（2）头元素 <meta>,用来指定HTML文档的一些特殊属性，可以在功能上完善网页。可以提供网页的相关信息，如作者、公司名称、检索关键字、创建日期等。
Meta元素可以重复出现在head元素中，每一条指明一条信息。
Meta中的内容不会在浏览器中显示，主要作用是提高网页被搜索引擎搜索的几率。
Meta标记有3个属性：HTTP-Equiv（绑定HTTP响应元素）、Name(声明版权)、Content（为版权声明赋值）。其中前两个中任选一个与Content配合使用。
<meta name=“作者” content=“2007信息管理专业”>
<<?xml:namespace prefix = st1 />
<META http-equiv="refresh" content=“2">
HTML主体标记
主体标记是<body></body>是HTML最核心的部分。
语法格式：
<body [background=#|bgcolor=#]|text=#|link=#|alink=#|vlink=# |leftmargin=# |topmargin=#>
……
</body>
background和backcolor:背景
text,link,alink,vlink,HTML中文本链接状态的描述
leftmargin和topmargin,网页边距的描述
HTML文本格式标记 文本格式标记包括： （1）标题字体标记Hx(H1—H6) <HTML> <HEAD> <TITLE>设置标题</TITLE> </HEAD> <H1>第1级标题（H1）</H1> <H2>第1级标题（H2）</H2> <H3>第1级标题（H3）</H3> <H4 align=left >第1级标题（居左）</H4> <H5 align=center >第1级标题（居中）</H5> <H6 align=right >第1级标题（居右）</H6> </BODY> </HTML> （2）段落标记与换行标记 在HTML文件中为了排版整洁、表述清楚，正文信息通常需要分成多个段或行，需要用到段落标记<p>和换行标记<br>。 <p>表示新的一段开始，不同段落之间将产生以空白行。 <br>表示新的一行开始，与换段标记区别是不产生空白行。 （3）水平线标记：向web中插入水平线 <hr [size=# |align=# |width=# |noshade]> <HTML> <HEAD> <TITLE>换行、分段标记的使用</TITLE> </HEAD> <BODY> <P>输入第一行文本。</P> <P>输入第二行文本。</P> 输入第三行文本。<br> 输入第四行文本。 </BODY> </HTML> <HTML> <HEAD> <TITLE> 水平线段标记的应</TITLE> </HEAD> <BODY>插入水平线 <HR> <HR align=left size=4 width=320> <HR align=center size=6 width=60% color=blue> <HR align=right size=8 width=360 color=red noshade> </BODY> </HTML> （4）列表标记 有序列表<OL> 无序列表<UL> 定义列表<DL> … <BODY> <H1>星期中的每一天</H1> <UL> <LI>星期日 <LI>星期一 <LI>星期二 <LI>星期三 <LI>星期四 <LI>星期五 <LI>星期六 </UL> </BODY> … （5）文字格式标记 格式化文本的标记，<font [face=#|size=#|color=#]>……</font> Face:字体；size：大小，color:颜色。 还有其他一些如： 加粗<b></b>,斜体<i></i>，下划线<u></u>等等。 （6）图像标记<img src=“图像地址”[alt=“说明文字”| align=“对齐方式”| border=“边框”]> <HTML><HEAD> <TITLE>动物世界</TITLE> </HEAD> <H1><FONT SIZE=3 COLOR=FORESTGREEN> <B>让我们看看这些可爱的动物</B></FONT></H1> <BODY> <P> <P> <IMG ALIGN=TOP SRC=Animal.jpg>顶部对齐</P> <P> <IMG ALIGN=MIDDLE SRC=Animal.jpg>居中对齐</P> </BODY> </HTML> （7）超链接标记 超级链接是超文本中的一个重要特性之一，使用者可以从一个页面直接跳转到其他页面、图像或服务器。其基本格式： <a href=“资源地址”>链接文字</a> <a>标识链接的开始，</a>标识链接的结束。链接分为本地链接、URL链接和E-Mail链接、锚点链接。 HTML表格标记 表格的作用主要是用来排版的。 其主要元素有以下几个： <table></table>表格的爱是和结束 <caption></caption>用来提供表格标题 <tr></tr>表格行标记 <th></th>在一列或一行中标识列明或行名 <td></td>数据标记，表格内的数据 HTML的特殊标记 （1）表单标记 form标记可以为用户提供一种窗口界面，让用户在窗口的表单中输入信息，按提交表单按钮,表单中的信息会发送到Web服务器进行处理。服务器将处理过的用户信息的HTML文件返回到客户端的浏览器中显示出来。 form的基本语法格式为： <form method="" action=""><input type="" name="">……</form> 说明：method说明和服务器交换信息时所使用的方式，一般选择post或get。action属性说明当这个form提交后的处理方式，通常指明一个处理函数的URL地址。他们的功能以后你会看到。 参数说明： Name=“名字” action=“处理文件” method=“方式” 名字是表单的名称；处理文件说明当表单提交后将传送给那个文件处理；指定表单提交方式即服务器交换信息时所使用的方式，一般选择POST或GET。 （2）框架标记 框架将浏览器的窗口分成多个区域，每个区域可以单独显示一个HTML文件，各个窗口也可以相关联地显示某一个内容。 框架标记用<frame>指定，语法结构如下： <frameset [rows | cols]=“”> ……<frame src=“链接文件名”> </frameset>
在浏览器中的正文部分，可以显示标题文字，所谓标题文字就是以某几种固定的字号显示文字。标题字标记共有6种，每一种的标题在字号上有明显的区别。一般用标题来强调段落要表现的内容，在HTML中，定义了六级标题，从一到六级，每级标题的字体大小依次递减。
<BODY>
<IMG ALIGN=BOTTOM SRC=Animal.jpg>底部对齐</P>
评论列表: