CSDN乐知教育课件-HTML.ppt

超文本标记语言(HyperTextMarkupLanguage),HTML语言基础(1),了解HTML的一些背景知识HTML的全局架构标签格式标签文本标签超链接标签图像标签水平线标签,了解HTML相关知识,什么是HTML,什么是HTML和网页文件,观察下面这段文本内容在vi程序和浏览器程序中的显示区别HTML是英文HyperTextMarkupLanguage的缩写以“”表示标签的开始，以“”表示标签的结束成对标签又称之为容器，一对标签中还可以嵌套其它的标签单独标签不需要与这配对的结束标签，又称这为空标签，例如一个HTML标签及标签中嵌套的内容就是网页中的一个“HTML元素”属性设置的一般格式为：属性名属性值，属性值部分可以用英文的双引号（”）可单引号（）引起来，也可以不使用任何引号。,浏览器访问网页文档的方式,浏览器,服务器,HTML的全架构标签,一个最基本的网页文件的组成结构：显示在浏览器上方的标题红色背景、蓝色文本,标签的属性,Text属性：用于设定整个网页中的文字颜色。Link属性：用于设定一般超链接文本的显示颜色。Alink属性：用于设定鼠标移动到超链接上时，超链接文本的显示颜色Vlink属性：用于设定访问过的超链接文本的显示颜色Background属性：用于设定背景墙纸所用的图像文件，可JPEG文件的绝对或相对路径。Bgcolor属性：用于设定背景颜色，当已设定背景墙纸时，这个属性会失去作用，除非墙纸具有透明部分。Leftmargin属性：设定网页显示画面与浏览器窗口左边沿的间隙，单位为像素。topmargin属性：设定网页显示画面与浏览器窗口上边沿的间隙，单位为像素。Class、name、id、style等属性。,用DreamWeaver创建网页文档,自动创建全局架构标签方便设置标签属性颜色类型的属性值有两种表示方式：十六进制颜色码使用一个号后跟六位十六进制数据，例如HTML的颜色常量名，例如RGD,注释与特殊字符,用”这种格式加入注释特殊字符可以用数值码和引用实体两种方式表示，例如，,格式标签,文本标签,标签的三个属性face、size和color,超链接标签,什么是超链接？超链接标签：例如，php中国网站什么是URL？超链接源与超链接目标的target属性用定义定位标记，例如，第一部分。使用跳转到第一部分就可以定位到网页中的”标记“这个位置。与的区别,图像标签,标签，例如，,还可以设置alt、align、border、width和height等属性。标签的显示过程分析：一个WEB服务器是如何借标签来收集其他WEB站点的页面访问次数的？标签，可以设置size、color、width和noshade等属性。,思考与实践,描述什么是HTML标签及其作用编写一个html网页文件，在网页文件中加入5个大的段落，在文件开始处是每个段落的标题名，单击任何一个标题名，浏览器定位到该标题对应的段落处显示。,HTML高级(2),表格标签框架标签表单标签头元素分区标签,表格的作用,表格可以固定文本或图像的显示位置,表格标签,属性：bgcolor、border、bordercolor、bordercolorlight、bordercolordark、cellspacing、cellpadding、width、height.属性：align、valign、bgcolor属性：width、height、align、valign、colspan、rowspan、nowrap。问题：列中的内容过长，整个表格的宽度会被撑大。,框架的作用,将一个浏览器文档窗口分隔成多个窗口，每个窗口都可以显示一个独立的网页文件。,框架集窗口中的各个页面,Index.html文件：,框架集窗口中的各个页面,Top.html文件：这是顶部的网页文件,Left.html文件：这是左边的网页文件显示右边的第一个文档显示右边的第二个文档,Right1.html文件：这是右边的第一个网页文件,Right2.html文件：这是右边的第二个网页文件,框架标签,标签属性：rows、cols、border、frameborder标签属性：src、name、scrolling、noresize的target属性四个内置的取值：_blank、_parent、_self、_top标签使用MicrosoftVisualStudio.NET创建框架集标签,表单标签的作用,标签及其属性,标签对用来创建一个表单，即定义表单的开始和结束位置，标签具有下面等属性。action属性用来设置接收和处理浏览器递交的表单内容的服务器程序的URL,例如：。Method属性用来定义浏览器将表单中的信息提交给服务器端的处理程序的方式，取值可以为：GET或POST.Target属性用来指定服务器返回结果显示的目标窗口或目标帧。Title属性用来设置当网站访问者的素、鼠标在表单上的任一位置停留过几秒时，浏览器用黄色小浮标显示的文本（如表单的名称或描述）。Enctype属性指示浏览器使用哪种编码方法将表单数据传送给www服务器。该属性可以有两种取值：application/x-www-form-urlencoded和multipart/form-data,默认的设置值为“application/x-www-form-urlencoded”.,表单字段元素（）,属性：size、value、maxlength、readonly、disabled属性：checked,表单字段元素（2）,标签的属性：multiple、size,name标签的属性：value、selected如何在列表中实现取消选项属性：cols、rows属性：for、accesskey用VisualStudio.NET创建表单字段元素,头元素,头元素是指位于标签元素，主要包括：标签对标签标签标签,标签,标签定义了当前文档和另一个文档或资源之间的关系。几个主要的属性：HREFREL与REVTITLETYPE例如，TYPE=“text/css”、TYPE=“text/javascript”MEDIA设置值：screen、print、projection、aural、braille、tty、tv、all,分区标签,标签可以用来组合其它的HTML元