《HTML语言基础》PPT课件.ppt

第一讲HTML语言基础,HTML即超文本标识语言，它是一种用于编写超文本文档的标记语言。自从1990年首次应用于网页编辑后，HTML迅速成为网页编辑的主流语言。几乎所有的网页都是由HTML或以其他程序语言嵌套在HTML中编写的。HTML不是一种程序设计语言，而是一种结构语言，与平台无关，只要有相应的浏览器程序，就可以运行HTML文档。,一、HTML文档的基本结构（1）,1Html的基本结构,标志着html文档开始文档标题文档的主体部分标志着html文档结束,一、HTML文档的基本结构（2）,2标签,文档标识符，表示文档是以超文本标识语言（html）编写的，不带任何属性。（常用的Web浏览器都可以自动识别html文档，并不要求有标签）,3标签,文档头部分，规定该文档的标题，出现在浏览器的标题栏中。,一、HTML文档的基本结构（3）,标签：规定html的标题。标签:规定文档的属性，说明该文档是可以按关键字索引的。,4标签,文档主体部分，规定浏览器窗口用户区显示的内容。,“bgcolor”属性：规定html文档的背景色。“text”属性：规定html文档中文字的颜色。“link”属性：规定html文档中待连接超链接对象的颜色。,一、HTML文档的基本结构（4）,“alink”属性：规定html文档连接中超链接对象的颜色“vlink”属性：规定html文档已连接超链接对象的颜色。,在指定对象的颜色时，可以使用该颜色的代码或直接使用该颜色对应的英文单词。如：或者,二、文本（1）,1标签,换行标签，单独出现，作用相当于插入一个回车符。如果没有换行标签，浏览器将根据浏览器窗口的宽度尽可能长地显示文本。,2标签（i=1,2,3,4,5,6),中间的文字是html文档中的标题，以黑体显示，i的值越小，字体越大越粗。隐含有换行标签的作用。,二、文本（2）,“color”属性：规定标题的颜色“align”属性：规定标题的位置（left,center,right）,3标签,段落标签，可单独使用，也可以成对使用。作用是换行并插入一个空白行。当成对使用时，可以添加“align”属性（left,center,right），规定段落在浏览器中的位置。,二、文本（3）,4标签,水平线标签，单独使用，作用是换行并在该行下面画一条水平直线，直线的上下两端都会留出一定的空白。,“size”属性：规定水平线的高度“width”属性：规定水平线的宽度“align”属性：规定水平线在浏览器窗口的位置（left,center,right）,二、文本（4）,5标签,预格式化标签，浏览器将按编辑文档时的字符位置将和标签之间的内容一成不变地显示出来。,6粗体标签,8下划线标签,7斜体标签,9地址标签,三、图像（1）,在html文档中插入图像是通过标签来实现的。,1Src属性,用于指出被引用的图像文件所在位置。,2Width、height属性,图像的宽度和高度属性。,三、图像（2）,3align属性,align属性的参数值为top、middle、bottom之一，分别表示与图像相邻的文字位于图像的左上方、左面中间和右下方。,4alt属性,在原先显示图片的地方显示一些有关图像的信息。,5vspace属性,指定图像与其垂直方向上相邻对象之间的距离。,三、图像（3）,6hspace属性,指定图像与其水平方向上相邻对象之间的距离。,7border属性,指定图像边框的宽度或取消边框（border=0）。,四、列表元素（1）,1无序列表,通过无序列表标签和项目标签来实现的。,2排序列表,通过排序列表标签和项目标签来实现的。可以在标签中添加start属性来指定序列的起始号，缺省时，序列的起始号为1。,四、列表元素（2）,3目录列表,通过目录列表标签和项目标签来实现的。显示效果与无序列表相同。,4菜单列表,通过排序列表标签和项目标签来实现的。显示效果基本上与无序列表相同，只不过在排列上更加紧凑。,四、列表元素（3）,5描述性列表,通过描述性列表标签和描述项标签、解释项标签来实现的。在显示时，解释项的内容会自动缩进一定的距离。,五、表格元素（1）,1标签,表格标识符，成对出现。主要属性有：（1）border属性：表示表格边框宽度所占的像素点数；可以不带参数值，仅表示该表格是有边框的。（2）width和height属性：规定表格的宽度和高度；可以用数字、百分数（占浏览器窗口的百分比）。（3）align属性：参数值为left、center或者right，分别表示表格位于其相连文字的左侧、表格水平居中和表格位于与其相连的文字右侧。,五、表格元素（2）,（4）cellspancing属性：指定表格各单元格之间的空隙。（5）cellpadding属性：指定单元格内容与单元格边界之间空白距离的大小。,五、表格元素（3）,2标签,表格标题标签，成对出现。主要属性有：（1）align属性：参数值为left、center或者righ