HTML的基本应用.doc

HTML的英语意思是：Hypertext Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。超文本传输协议规定了浏览器在运行 HTML 文档时所遵循的规则和进行的操作.HTTP协议的制定使浏览器在运行超文本时有了统一的规则和标准.用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台，自1990年以来HTML就一直被用作WWW（是World Wide Web的缩写，也可简写WEB、中文叫做万维网) 的信息表示语言，使用HTML语言描述的文件，需要通过WEB浏览器显示出效果。所谓超文本，是因为它可以加入图片、声音、动画、影视等内容，事实上每一个HTML文档都是一种静态的网页文件，这个文件里面包含了HTML指令代码，这些指令代码并不是一种程序语言，它只是一种排版网页中资料显示位置的标记结构语言，易学易懂，非常简单。HTML的普遍应用就是带来了超文本的技术-通过单击鼠标从一个主题跳转到另一个主题，从一个页面跳转到另一个页面与世界各地主机的文件链接HTML标记语言的特点：浏览器对HTML的语法要求不是特别严格，不区分大小写，属性值可以加双引号或不加，（这里的双引号是英文的而不是中文的双引号）。可以用Dreamweaver、记事本或其他工具编写HTML源文档。（简单方便）HTML文档构成网页的源代码。浏览器读取*.htm或*.html文件中的标记，并根据这些标记来显示页面。1.HTML文档结构HTML文档主要由3部分组成。（1）HTML部分。HTML标签告诉浏览器这两个标签中间的内容是HTML文档。 . （2）头部。这部分包含显示在网页导航栏中的标题和其他在网页中不显示的信息。标题包含在和标签之间。 . （3）主体部分。主体部分包含在网页中显示的文本、图象和链接等。 . 2.HTML基本语法HTML标签使用时必须用尖括号把元素括起来,而且是成对出现.无斜杠的标记表示标记的开始,有斜杠的标记表示标记的作用结束.一般来讲,HTML的标签有3种表示方法: (1)文本或超文本关闭型标记,必须有开始和结束对.例:hello!(2)文本或超文本带有可选属性的标记例:你好!bgcolor就是body元素的一个属性,属性的值就是=后面的单词描述的浅绿色.(3)非关闭型标记.例:你好!结尾不用来结束也可以表示这是一段文字,类似的还有换行标记,水平线标记等.3.META标记META标记出现在网页的标题部分.它是HTML语言HEAD部分的一个辅助性标记.这是一个特殊的HTML标记,提供有关网页的信息,如作者姓名、公司名称、联系信息，以及标注页面的内容提要和关键字等，许多搜索引擎都要使用此信息。META共有两个属性，分别是name属性和http-equiv属性。(1)name属性name属性主要用于描述网页，与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。name属性语法格式是：。主要有以下几中参数：author(作者)：标注网页的作者例，将KAKA指定为网页的作者，则使用以下META标记：keywords(关键字)：设定关键字如果要用keywords(关键字)来告诉搜索引擎网页的关键字是什么，则使用以下META标记：(因为搜索引擎采用了最新的算法，目前网站在搜索引擎的排名，更多取决于站点的内容好坏，由此可见，关键字只是影响排名的其中一个因素。)robots(机器人向导):索引向导告诉搜索引擎机器人哪些页面需要索引，哪些页面不要索引。content的参数有all,none,index,noindex,follow,nofollow,默认是all（全部）。例：(2)http-equiv属性http-equiv属性可用来代替name属性。http-equiv类似于HTTP的头部协议，它给浏览器回应一些有用的信息，以帮助正确地显示网页内容。expires(期限)可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新调阅。注意：必须使用GMT的时间格式。refresh(自动更新)间隔10秒网页自动刷新，并指向新的URL网址。HTML基本标记标题标记HTML语言提供了6级标题，为最大，为最小.用户只需定义从H1导H6中的一种大小，浏览器将负责显示过程。例：标题一级标题二级标题三级标题四级标题五级标题六级标题段落标记用于标记段落的开始，段落结束标记并非是必需的.即它是一个非关闭型标记.还可以通过段落的align属性来设置段落的对齐方式,如左对齐(left)、居中(center)、右对齐(right)。例：居中对齐换行标记没有结束标记。预格式化标记.此标签用于显示预先已定义好格式的文本。文本格式标记. 加粗. 斜体. 下划线. 下标标记. 上标标记列表无序列表(项目列表)有序列表(编号列表)无序列表就是项目列表.列表项前面带有项目符号,包含在无序列表标记.内.列表中每项都用列表标记 标记,其中LI表示列表项.结束标记为可选项有序列表包含在.标记内.有序列表也显示列表项,区别于有序列表的列表项以自动生成的编号顺序显示.(1.2.3.)有序列表-属性 大写罗马字母 小写罗马字母 大写字母 小写字母 使用1以外的数字开始编号(START属性指定列表的起始数字)其他常用标记1.标记用于控制网页上文本的显示.文本大小、颜色和样式等属性都可以使用。标记属性color 指定字体的颜色。可以指定颜色名称或十六进制值size 用于指定字体的大小。可以为字体指定的大小范围从17,最大为7，最小为1； 也可以使用一个默认字体大小，然后相对于该默认大小指定后续字体的大小。 例如，默认字体大小为3，则size+=4将使大小增加到7，size-=1将使大小减小到2face 用于指定字体的样式、类型2.标记用于在页面上绘制水平线。此标签只有开始标记，没有结束标记，可用于属性控制水平线的显示。标签属性align 指定水平线的位置，可以将水平线居中对齐、右对齐或左对齐，如align=centerwidth 指定水平线的长度，可以按像素或百分比为单位指定其长度，默认值为100%，即横穿整个文档size 指定水平线的高度，以像素为单位noshade 指定水平线以纯色而不是以阴影进行显示color 指定水平线以一种颜色显示，可以指定颜色名称或以十六进制值表示3.标记标记用于在HTML文档中插入图像，标记会显示src属性中指定的内容。标签的align属性可用于调整图像相对于周围文本的对齐方式。align可取下面的值：top bottom middle left right4.标记嵌入音频文件用此标记.5.标记这个标记经常用来做滚动字幕,可以横向也可以纵向.hello!direction是方向属性,值可以是up(向上)、down(向下)、left(向左)、right(向右).标记中间可以插入图像，用于制作更复杂的效果。6.超文本链接标记语法：href是hypertext reference的缩写，用于设定链接地址。链接地址必须为URL地址。几个应用例子：回到主页播放音频文件 打开链接后，会把链接的音乐源文件下载到本地的播放器程序中进行播放。点我文本下载 这是文件下载链接特殊字符  空格¥ 元(￥)> 大于()< 小于()" 引号()& 与符号(&)© 版权号(?)® 注册商标(?)HTML表格标记1. 定义表格的开始和结束.实现表格的代码就包含在其中.属性align 对齐width 宽度,百分比或像素bgcolor 背景色background 定义整个表格背景以一幅图片平铺border 定义边框是否显示cellspacing 定义单元格之间的间距cellpadding 定义单元格内的间距2. 定义表格标题.此项可省略3. 定义表格的一行4.以及 和用来设置表格栏标题(表头),显示为粗体字此标记可省略.