网页制作webpage剖析.ppt

网页制作基础HTML语言 HTML语言的一些基本概念； HTML语言的语法； HTML文本的基本结构； HTML语言的标记及其用法； HTML实例； HTML语言的基本概念 1.什么是HTML？ HTML：Hypertext Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS等）。 超文本：因为它可以加入图片、声音、动画、影视等内容，因为它可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。 2.HTML语言的构成 HTML文件由标记、代码和注释组成。 标记：HTML中用来控制文字、图形等显示方式的符号。如 font size=“7” color=“#0000ff”网页/font 上面的标记里面包含了属性和值 注释：!注释内容 HTML语言的语法规则 扩展名为：*.htm或*.html。 HTML不区分大小写。 多数HTML标记可以嵌套，但不可以交叉。 HTML文件一行可以写多个标记，一个标记可分多行书写，不用任何续行符。 HTML文件中换行、回车和空格的表示方法分别是br,p和nbsp. HTML文件的结构 一个HTML文件大体分为以下几部分： 　　 HTML　　　　HEAD　　　　　TITLE网页标题/TITLE　　　　/HEAD　　　　BODY　　　　　　网页的内容　　　　/BODY　　/HTML HTML文件的结构 HTML 和 /HTML ：超文本的开始和结束。 HEAD 和 /HEAD ：超文本标题的开始和结束。 TITLE 和 /TITLE ：超文本窗口标题的开始和结束，它被显示在浏览器顶端的标题栏中。 META ：是用来描述HTML文档的元信息，即文档文档自身的信息。 BODY 和 /BODY ：正文的开始和结束，它被显示在浏览器中。其中可以包含许多元素，是HTML语言的核心部分。 HTML命令 页面 文字格式 列表 表格 图象和多媒体 超级链接 表单 HTML语言的标记及其用法 1.页面标记 html……/html head……/head title……/title显示在标题栏中。仅有一个。 body……/body中间可以嵌套多个标记，添置多种属性，来设置主体内容的背景，外观等。 a href=“URL”target=“windowname”显示文本或图像/a.该标记建立超链接，标记中间可以嵌套其他标记，如图像标记Image、文本格式标记font等。例如： href:链接目标的地址；target:链接目标的窗口名；若 windowname不存在，则打开一个新窗口。 HTML语言的标记及其用法 hr标尺线标记；属性有：width(绝对、相对）size、align（left、right、center)、color. 2.文字格式标记 标题设置标记：hn…./hnn：标题字号（1，2，3，4，5，6）数字越小，字号越大。 font…/font属性有：face(字体）,size(字号，1-7，值越大，字越大） basefont size=“基准字号” HTML语言的标记及其用法 字型设置标记 HTML语言的标记及其用法 段落标记p…[/p] 强制换行标记br. 预排格式标记pre…./pre 文本对齐方式标记div…/div属性有：align、style等。 BLOCKQUOTE／BLOCKQUOTE:之间加入的文本将会在浏览器中按两边缩进的方式显示出来。 3.列表标记 ul无序列表:用来创建一个标有圆点的列表； ol有序列表:它是用来创建一个标有数字的列表； HTML语言的标记及其用法 4.表格标记 table…/table建立表格；其间可以通过加入多个标记和属性来建立表格。有关表格的标记有： caption…/caption表格的说明； tr…/tr开辟一行； td…/td开辟一列； HTML语言的标记及其用法 5.图像和多媒体标记 img src=“图像文件URL” bgsound src=“声音文件的URL” 6.超级链接标记 a…/a 7.表单标记 form…/form HTML语言的标记及其用法 背景色彩和文字色彩属性 body bgcolor=# text=# link=# alink=# vlink=# bgcolor 背景色彩 text 非可链接文字的色彩 link 可链接文字的色彩 alink 正被点击的可链接文字的色彩 vlink 已经点击(访问)过的可链接文字的色彩 #=rrggbb 色彩是用 16 进制的 红－绿－蓝(red-green-blue, RGB)