《HTML规则.ppt》由会员分享，可在线阅读，更多相关《HTML规则.ppt（15页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、网页制作基础网页制作基础-HTML语言语言vvHTML语言的一些基本概念；vvHTML语言的语法；vvHTML文本的基本结构；vvHTML语言的标记及其用法；vvHTML实例；HTMLHTML语言的一些基本概念语言的一些基本概念1.1.什么是什么是HTMLHTML？HTMLHTML：Hypertext Marked LanguageHypertext Marked Language，即超文本标记语言即超文本标记语言,是是一种用来制作超文本文档的简单标记语言。用一种用来制作超文本文档的简单标记语言。用HTMLHTML编写编写的超文本文档称为的超文本文档称为HTMLHTML文档，它能独立于各种操作
2、系统文档，它能独立于各种操作系统平台（如平台（如UNIXUNIX，WINDOWSWINDOWS等）。等）。超文本：因为它可以加入图片、声音、动画、影视等内容，超文本：因为它可以加入图片、声音、动画、影视等内容，因为它可以从一个文件跳转到另一个文件，与世界各地主因为它可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。机的文件连接。2.HTML2.HTML语言的构成语言的构成标记：标记：HTMLHTML中用来控制文字、图形等显示方式的符号。如中用来控制文字、图形等显示方式的符号。如 网页网页上面的标记里面包含了属性和值上面的标记里面包含了属性和值HTML基础基础n n3.3.什么是标记什么
3、是标记？n n标记是网页文档中的一些有特定意义的符号。标记是网页文档中的一些有特定意义的符号。这些符号指明如何显示文档中的内容。这些符号指明如何显示文档中的内容。n n标记总是放在三角括号中，大多数标记都成对标记总是放在三角括号中，大多数标记都成对出现（有开始标记和结束标记）。结束标记和出现（有开始标记和结束标记）。结束标记和开始标记所用的字符相同，只是前面加一个斜开始标记所用的字符相同，只是前面加一个斜杠。例如：杠。例如：用于标记一个自然段用于标记一个自然段。n n标记可以具有相应属性即各种参数，如标记可以具有相应属性即各种参数，如sizesize、colorcolor、texttext、w
4、idthwidth和和noshadenoshade等等 。例如：例如：HTML基础基础 n n标记通常可以分成两种：标记通常可以分成两种：第一种用来指定网页上的元素或元素的样式。第一种用来指定网页上的元素或元素的样式。例如，例如，指定一个自然段及其字体和颜色：指定一个自然段及其字体和颜色：自然段内容。自然段内容。第二种用来指向其它的资源。第二种用来指向其它的资源。例如，指定一个链接地址：例如，指定一个链接地址：a href=“”武汉大学武汉大学 指定一个图片文件：指定一个图片文件：HTML语言的语法规则语言的语法规则扩展名为：扩展名为：*.htmhtm或或*.html.html。HTMLHTM
5、L不区分大小写。不区分大小写。HTMLHTML文件一行可以写多个标记，一个标记可分文件一行可以写多个标记，一个标记可分多行书写，不用任何续行符。多行书写，不用任何续行符。HTMLHTML文件中换行、回车和空格的表示方法分别文件中换行、回车和空格的表示方法分别是是 ,和和 nbsp.注：换行是另起一行，回车则是空一行后，再开始注：换行是另起一行，回车则是空一行后，再开始HTML文本结构文本结构n n/HEA HTML D HTML 文件的正文写在这里文件的正文写在这里.n n和和:是是HTMLHTML文件的开始和结束标记。浏文件的开始和结束标记。浏览器从览器从开始执行到开始执行到结束。结
6、束。整个整个HTMLHTML文档内容均在文档内容均在标记之中。标记之中。n n和和之间的内容表示文件的头部信息：之间的内容表示文件的头部信息：整个整个HTMLHTML文档分头部和主体部分。头部使用文档分头部和主体部分。头部使用标记标识，凡是在此标记之标记标识，凡是在此标记之内的内容，例如标题等，均属于头部信息。头部内的内容，例如标题等，均属于头部信息。头部信息不显示在信息不显示在WebWeb页中。页中。HTMLHTML语言的标记及其用法语言的标记及其用法n n页面标记页面标记页面标记页面标记n nn nn n在此标记之间的内容将作为在此标记之间的内容将作为标题显示在浏览器的标题栏。标题显示在浏
7、览器的标题栏。仅有一个。仅有一个。仅有一个。仅有一个。注意：注意：标记只能放在标记只能放在标记之间。标记之间。n n主体标记：主体是主体标记：主体是WebWeb页页的主要部分，用的主要部分，用标记定义标记定义的信息将显示在的信息将显示在WebWeb页中。页中。n n其中其中“HTML”HTML”和和“BODY”BODY”两项是必须要有的。两项是必须要有的。HTMLHTML语言的标记及其用法语言的标记及其用法 n n2.2.格式标记格式标记 （1 1）（段落标记）（存在文本的对齐方式）段落标记）（存在文本的对齐方式）标标记记用用来来创创建建一一个个段段落落，在在此此标标记记之之间间的的文本将按照
8、段落的格式显示。文本将按照段落的格式显示。（2 2）（强强制制换换行行标标记记）是是一一个个很很简简单单的标记，它没有结束标记，用来创建一个换行。的标记，它没有结束标记，用来创建一个换行。不换行标记不换行标记 （3 3）（两边缩进标记）两边缩进标记）在在 标标记记之之间间的的文文本本将将按按照两边缩进的方式显示。照两边缩进的方式显示。HTMLHTML语言的标记及其用法语言的标记及其用法n n字型设置标记HTML基础基础 （字体的大小颜色标记）字体的大小颜色标记）可可以以指指定定输输出出文文本本的的字字体体大大小、颜色，它主要两个属性小、颜色，它主要两个属性sizesize和和colorcolo
9、r。sizesize属属性性用用来来指指定定字字体体的的大大小小。size(size(字字号号，1-71-7，值越大，字越大），值越大，字越大）colorcolor属属性性用用来来指指定定文文本本的的颜颜色色，颜颜色色的的取取值值是是十十六六进进制制RGBRGB颜颜色色码码或或HTMLHTML语语言言给给定定的的颜颜色色名名称称。例例如如，“#ff0000”#ff0000”，引引号号内内的的rrggbbrrggbb是是用用六六位位十十六六进进制制数数字字表表示示的的RGB(RGB(即即红红、绿绿、蓝三色的组合蓝三色的组合)颜色，颜色，#ff0000#ff0000对应的是红色。对应的是红色。HT
10、ML基础基础 HtmlHtml语言所给定的颜色名称有：语言所给定的颜色名称有：BlackBlack、WhiteWhite、GreenGreen、MaroonMaroon、OliveOlive、NavyNavy、PurplePurple、GrayGray、YellowYellow、LimeLime、AguaAgua、FuchsiaFuchsia、SilverSilver、RedRed、BlueBlue和和TealTeal。例如：例如：sizesize取值取值“+1”+1”、colorcolor取值取值“red”red”时的文本时的文本 表示表示标记之间的文本按大小为标记之间的文本按大小为+1+1
11、，颜色为红色，颜色为红色显示。显示。n n列表标记列表标记(成对出现成对出现)n n 无序列表无序列表无序列表无序列表:用来创建一个标有圆点的列表；用来创建一个标有圆点的列表；用来创建一个标有圆点的列表；用来创建一个标有圆点的列表；n n 有序列表有序列表有序列表有序列表:它是用来创建一个标有数字的列表；它是用来创建一个标有数字的列表；它是用来创建一个标有数字的列表；它是用来创建一个标有数字的列表；n n 列表内容：列表内的具体内容。列表内容：列表内的具体内容。列表内容：列表内的具体内容。列表内容：列表内的具体内容。HTMLHTML语言的标记及其用法语言的标记及其用法n n表格标记建立表格；其
12、间可以通过加入多个标记和属性来建立表格。有关表格的标记有：开辟一行；开辟一列；属性有：背景色(bgcolor)，宽度(width)，对齐方式(align)，单元格高度(height)，间距(cellspacing)以及边距(cellpadding)。HTMLHTML语言的标记及其用法语言的标记及其用法n n5.5.图像和多媒体标记图像和多媒体标记n n URL”n n URL”n n6.6.超链接标记超链接标记n na”显示文本或图显示文本或图像像.该标记建立超链接，标记中间可以嵌套其他该标记建立超链接，标记中间可以嵌套其他标记，如图像标记标记，如图像标记ImageImage、文本格式标记文本
13、格式标记fontfont等。等。n nhrefhref:链接目标的地址；链接目标的地址；target:target:链接目标的窗口名；若链接目标的窗口名；若windownamewindowname不存在，则打开一个新窗口。我们这里不存在，则打开一个新窗口。我们这里暂时采用两种参数暂时采用两种参数:BLANK,:BLANK,表示打开一个新窗口表示打开一个新窗口._SELF._SELF表示在当前窗口打开表示在当前窗口打开.HTMLHTML语言的标记及其用法语言的标记及其用法n n背景色彩和文字色彩属性背景色彩和文字色彩属性body=#l lbgcolorbgcolor-背景色彩背景色彩 l lte
14、xt-text-非可链接文字的色彩非可链接文字的色彩 l llink-link-可链接文字的色彩可链接文字的色彩 l lalinkalink-正被点击的可链接文字的色彩正被点击的可链接文字的色彩 l lvlinkvlink-已经点击已经点击(访问访问)过的可链接文字的色彩过的可链接文字的色彩#=#=rrggbbrrggbbl l色彩是用色彩是用 16 16 进制的进制的 红绿蓝红绿蓝(red-green-blue,RGB)(red-green-blue,RGB)值来表示。值来表示。HTMLHTML语言的标记及其用法语言的标记及其用法n n背景图像背景图像n nn n绝对地址和相对地址绝对地址和
15、相对地址绝对地址和相对地址绝对地址和相对地址n n当前目录当前目录当前目录当前目录8，运动标记其他属性：其他属性：其他属性：其他属性：Direction:Direction:移动方向（默认移动方向：左右）移动方向（默认移动方向：左右）移动方向（默认移动方向：左右）移动方向（默认移动方向：左右）ScrollamountScrollamount:每次移动距离每次移动距离每次移动距离每次移动距离ScrolldelayScrolldelay:每次移动后停留的时间每次移动后停留的时间每次移动后停留的时间每次移动后停留的时间Behavior:alternate(Behavior:alternate(左右移动左右移动左右移动左右移动)scroll()scroll(循环移动循环移动循环移动循环移动)slide()slide(移动一次移动一次移动一次移动一次)