Html_总结.doc

Html简单总结一.概述1.什么是Html文件 Html是一种描述网页的语言，英文全称是Hypertext Marked Language，中文全称是“超文本标记语言”它拥有自己的一套标记标签，它使用标记标签来描述网页，它的标签都是用尖括号包围着，并且通常都是成对出现,比如段落标签，为开始标签,为结束标签，中间放上你所写的内容。一个Html文件的后缀名是.html或者是.htm用文本编辑器就可以编写Html文件2.Html元素Html元素用来标记文本，表示文本的内容。比如body，p等就是Html元素Html元素用标签表示，标签以结束标签都是成对出现的。目前Html的标签不区分大小写。比如和其实是相同的。3.Html元素的属性Html元素可以拥有属性，属性可以扩展Html元素的能力。比如你可以使用一个bgcolor属性，使得页面的背景成为红色，可以进行如下设置属性通常由属性名和值成对出现，就像这样：name=”value”，在上个例子中的bgcolor就是name，red就是value。属性值一般用双引号表记起来属性通常是附加给Html的开始标签，而不是结束标签二大体的构架该文本的标题简单介绍：表示该文件是html文件,此标签是成对出现的，放在最外面：通常包含该html文件的标题，同时也可以在这里面定义js脚本，css样式等，它也是成对出现的：该处是书写html文件的标题，一个文件肯定会有一个标题，代表着它的内容或作用，而标题就在此标签中写，它也是成对出现的：此里面放的是你要在页面上显示的内容，比如一个段落，一个图片或一个视频等内容，同时也可以在此里面写js脚本（通常我们都在标签中写），它也是成对出现的三标签的回顾(示例都放在了Html示例文件中)1换行标签，将此标签加在某一段的内容的后面，该标签后的内容就会另起一行进行显示，它不是成对出现的，见示例001.Html2.段落标签此标签是段落标签，在内容的前后加上此标签后，它会自动的在内容前后创建一些空白，内容前后各空一行，见示例002.html，此外标签内还可以加入一些属性align属性：它的作用是使标记的内容以何种对齐方式进行显示，通常有居中(center)，左对齐(left)，右对齐(right)等显示样式，如标记的内容，内容会右对齐进行显示,此外还有一个用法（网上查到的，以前没用过），属性值是justify,作用是对行进行扩展，这样每行都有相同的长度，即两端对齐，此属性只适用于区块标记，但是它已经不被W3C所倡导，各种效果可见示例002.html见示例002.htnl3.标题标签标题标签一共有六对，分别是，其中定义的是最大的标题，定义的是最小的标题，默认情况下，浏览器会自动的在标题的前后各添加一空行，可以使标记的内容产生粗体的效果。在需要特别强调文本内容时，通常使用。效果见示例003.html4.水平分割线标签标签会在页面中创建一条水平线,它没有结束标签，此外在此标签中还可以加入一些常用属性，比如颜色属性(color)、对齐方式属性(align)、高度属性(size)，宽度属性(width)(这些属性已不赞成使用，常用样式来取代这些属性的使用)示例如004.html(验证的是color属性)5.粗体文本标签通常用标签去定义文本中比较重要的部分，被定义的部分会以粗体的样式显示。它是成对使用的，效果见示例005.html6.斜体文本标签斜体文本标签会让被标记的内容以斜体的样式进行显示，通常也是为了引起读者的注意，它是成对使用的，效果见示例006.html7.超链接标签这是一个很重要的标签，几乎在每一个网页中都会用到它，其中它最重要的属性就是href，它指定链接的目标，其中这里涉及了相对路径和绝对路径的问题。相对路径相对路径：意思是当前文档所在的路径引起的跟其它文档的路径关系。就是它从当前文档路径出发，以它为路径的起点如何表示上级目录./表示源文件所在目录的上一级目录，././表示源文件所在目录的上上级目录，以此类推。举例如下：假设info.html路径是：c:Informationinfoinfo.html假设index.html路径是：c:index.html在info.html加入index.html超链接的代码应该这样写：index.html如何表示下级目录引用下级目录的文件，直接写下级目录文件的路径即可。举例如下：假设info.html路径是：c:Informationinfoinfo.html假设index.html路径是：c:index.html在index.html加入info.html超链接的代码应该这样写：info.html绝对路径绝对路径：通俗理解就是你所要找的文档的真实路径，通常绝对路径会引起一些错误。比如，你做的网页在另一台电脑上运行，而这个电脑上没有你所设置的路径中的某一个文件夹，那么路径就会报错，找不到你所连接的文档。超链接效果示例如007.html此外它还有一个比较重要的属性target，通过设置它，可以把你要显示的页面用何种方式进行显示，它有四个值(此效果的例子在完成框架部分再进行演示)_blank 你所连接的目标对象会在一个新窗口中打开_self 你所连接的目标对象会在原来的窗口中打开，这也是一个默认值，即当你不加这个target属性时，它也会出现这样的效果_parent 这个属性通常与框架一起使用_top 作用是在整个窗口中打开你链接的窗口name属性使用name属性，可以跳转到一个文件的指定部位使用name属性，要设置一对，一是设定name的名称，二是设定一个href指向这个name，如下起始位置name属性通常用于创建一个大文件的章节的目录，便于查找每个章节如果浏览器不能找到Nam指定的部分，则显示文章开头，不报错，效果示例如007.html链接到email地址格式如下：邮箱地址，效果示例如007.htmltitle属性使用title属性，可以让鼠标悬停在超链接上的时候，显示该超链接的文字注释。如果希望注释多行显示，可以使用 大于 >& &符号 &“ 双引号 " 版权 © 乘号 × 除号 ÷ 13.框架结构标签使用框架，可以使浏览器窗口显示多个网页，每个frame里设定一个网页，每个网页相互独立。框架标签决定如何划分frame,有cols属性和rows属性，使用cols属性，表示按列分布frame