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元素 但不能嵌套在段落元素中 例如 aabbcc的结果是不确定的 要将文本 hangSan 中的前半部分 Zhang 单独选取出来 就可以使用ZhangSan与的区别举例 name skyTelephone 010 86916185Email skygao 谢谢 教师介绍