1、网页制作基础-HTML语言,HTML语言的一些基本概念；HTML语言的语法；HTML文本的基本结构；HTML语言的标记及其用法；HTML实例；,HTML语言的一些基本概念,1.什么是HTML？HTML：Hypertext Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS等）。超文本：因为它可以加入图片、声音、动画、影视等内容，因为它可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。 2.HTML语言的构成标记：HTML中用来控制文字、图形等显示方式
2、的符号。如 网页上面的标记里面包含了属性和值,HTML基础,3.什么是标记？标记是网页文档中的一些有特定意义的符号。这些符号指明如何显示文档中的内容。标记总是放在三角括号中，大多数标记都成对出现（有开始标记和结束标记）。结束标记和开始标记所用的字符相同，只是前面加一个斜杠。例如： 用于标记一个自然段。 标记可以具有相应属性即各种参数，如size、color、 text、 width和noshade等 。 例如：,HTML基础,标记通常可以分成两种：第一种用来指定网页上的元素或元素的样式。 例如， 指定一个自然段及其字体和颜色： 自然段内容。 第二种用来指向其它的资源。 例如，指定一个链接地址：
3、 武汉大学 指定一个图片文件： ,HTML语言的语法规则,扩展名为：*.htm或*.html。HTML不区分大小写。HTML文件一行可以写多个标记，一个标记可分多行书写，不用任何续行符。HTML文件中换行、回车和空格的表示方法分别是,和 .注：换行是另起一行，回车则是空一行后，再开始,HTML文本结构, HTML 文件的正文写在这里. . 和:是HTML文件的开始和结束标记。浏览器从开始执行到结束。整个HTML文档内容均在标记之中。 和之间的内容表示文件的头部信息： 整个HTML文档分头部和主体部分。头部使用标记标识，凡是在此标记之内的内容，例如标题等，均属于头部信息。头部信息不显示在
4、Web页中。,HTML语言的标记及其用法,页面标记在此标记之间的内容将作为标题显示在浏览器的标题栏。仅有一个。 注意： 标记只能放在标记之间。 主体标记：主体是Web页的主要部分，用标记定义的信息将显示在Web页中。其中“HTML”和“BODY”两项是必须要有的。,HTML语言的标记及其用法,2.格式标记 （1）（段落标记）（存在文本的对齐方式） 标记用来创建一个段落，在此标记之间的文本将按照段落的格式显示。 （2）（强制换行标记） 是一个很简单的标记，它没有结束标记，用来创建一个换行。 不换行标记 （3）（两边缩进标记） 在标记之间的文本将按照两边缩进的方式显示。,HTML语言的标记及其用法
5、,字型设置标记,HTML基础, （字体的大小颜色标记） 可以指定输出文本的字体大小、颜色，它主要两个属性size和color。 size属性用来指定字体的大小。size(字号，1-7，值越大，字越大） color属性用来指定文本的颜色，颜色的取值是十六进制RGB颜色码或HTML语言给定的颜色名称。例如，“#ff0000”，引号内的rrggbb是用六位十六进制数字表示的RGB(即红、绿、蓝三色的组合)颜色，#ff0000对应的是红色。,HTML基础, Html语言所给定的颜色名称有： Black、White、Green、Maroon、Olive、Navy、Purple、Gray、Yellow、L
6、ime、Agua、Fuchsia、Silver、Red、Blue和Teal。 例如： size取值“+1”、color取值“red”时的文本 表示标记之间的文本按大小为+1，颜色为红色显示。列表标记(成对出现)无序列表:用来创建一个标有圆点的列表；有序列表:它是用来创建一个标有数字的列表；列表内容：列表内的具体内容。,HTML语言的标记及其用法,表格标记建立表格；其间可以通过加入多个标记和属性来建立表格。有关表格的标记有：开辟一行；开辟一列；属性有：背景色(bgcolor)，宽度(width)，对齐方式(align)，单元格高度(height)，间距(cellspacing)以及边距(cell
7、padding)。,HTML语言的标记及其用法,5.图像和多媒体标记6.超链接标记显示文本或图像.该标记建立超链接，标记中间可以嵌套其他标记，如图像标记Image、文本格式标记font等。href:链接目标的地址；target:链接目标的窗口名；若windowname不存在，则打开一个新窗口。我们这里暂时采用两种参数:BLANK,表示打开一个新窗口._SELF表示在当前窗口打开.,HTML语言的标记及其用法,背景色彩和文字色彩属性bgcolor - 背景色彩 text - 非可链接文字的色彩 link - 可链接文字的色彩 alink - 正被点击的可链接文字的色彩 vlink - 已经点击(访问)过的可链接文字的色彩 #=rrggbb色彩是用 16 进制的 红绿蓝(red-green-blue, RGB) 值来表示。,HTML语言的标记及其用法,背景图像绝对地址和相对地址当前目录8，运动标记其他属性：Direction:移动方向（默认移动方向：左右）Scrollamount:每次移动距离Scrolldelay:每次移动后停留的时间Behavior: alternate(左右移动) scroll(循环移动) slide(移动一次),
