01-HTML基础

网页编程基础HTML基础课程目标能够描述HTML的基本概念能够说出HTML的历史及末来发展方向掌握HTML中常用标签的使用能够使用常用工具编辑HTML文件（如Dreamweaver）2本单元重点HTML的基本结构table标签的使用form标签的使用3本单元难点table的嵌套使用form表单中各控件的及其属性含义frameset、iframe标签的使用4什么是HTML文件HTML指超文本标签语言HTML文件是包含一些标签的文本文件这些标签告诉WEB浏览器如何显示页面HTML文件必须使用htm或者html作为文件扩展名HTML文件可以通过简单的文本编辑器来创建5HTML的前世、今身、将来HTML最早是蒂姆·伯纳斯－李给出原始定义由IETF(InternetEngineeringTaskForce)用简化的SGML（标准通用标记语言）语法进行进一步发展的HTML后来成为国际标准，由万维网联盟（WorldWideWebConsortium）维护。现在最新的标准是HTML4.01的规范HTML5的标准已经推出，相信很快各大浏览器生产场商都会有支持6为什么要学习HTML为了工作不论是做asp、php、jsp那种类型的web应用程序，都离不开html为了后续课程的学习HTML是开发web应用最基础的一门课，学好本门课程，有利于更好的学习基本相关课程7做个实验如何第一步：启动文本编辑工具如果是winows系统，请启动记事本如果是linux，请使用gedit第二步：输入如下代码第三步：将这个文件存为Test01.htm第四步：使用浏览器打开文件，浏览器会显示这个页面8小写的标签、扩展名、编辑器为什么我们要使用小写的标签？HTM还是HTML扩展名？HTML的常用编辑器9标题、段落、换行符、注释标题使用h1至h6标签进行定义h1定义最大的标题h6定义最小的标题段落使用p标签进行定义换行要使用br/注释使用!----示例：!–这儿写注释代码--10对HTML元素重新认识每个HTML元素都有一个元素名（比如body、h1、p、br）开始标签是被括号包围的元素名结束标签是被括号包围的斜杠和元素名元素内容位于开始标签和结束标签之间某些HTML元素没有内容某些HTML元素没有结束标签11HTML中的属性HTML标签拥有属性。属性为HTML元素提供附加信息。属性总是以名称/值对的形式出现，比如：name=value属性总是在HTML元素的开始标签中规定。下面示例演示了背景颜色属性的设置12HTML中的字符实体概念字符实体组成最常用的字符实体13让我们的页面连到别人的网站锚标签和href属性HTML使用a（锚）标签来创建连接另一个文档的链接创建锚的语法ahref=urlTexttobedisplayed/a示例：ahref=“”百度一下/atarget属性使用target属性，你可以定义被链接的文档在何处显示示例：ahref=“”target=“_blank”百度一下/a14网页内部的连接锚标签和name属性name属性用来给我们的锚点起一个名字使用#name来连接本页面中的另一个位置示例：aname=“top_pos”这是顶部/aahref=“myhtml#top_pos”回顶部/a15在页面加入图片图像标签（img）和源属性（src）img标签用来指定要导入图片src属性用来指定图片的位置名称示例：imgsrc=“girl.jpg”替换文本属性（alt）alt属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。示例：imgsrc=“girl.jpg”alt=“美女啊height、width和align属性设置图片的高度、宽度及对齐方式示例：imgsrc=“girl.jpg”align=“left“height=“40”width=“60”16设置网页的背景色和背景图片背景颜色（bgcolor）示例：bodybgcolor=black背景图片（background）示例：bodybackground=“bg.jpg17使用表格表格表格和边框属性18表格的常用属性设置表格的宽度（width）、高度(height)和对齐方式(align)19合并表格的行与列合并列（colspan）合并行(rowspan)20使用列表无序列表有序列表21使用表单表单是一个包含表单元素的区域表单元素是允许用户在表单中输入信息的元素例如：文本域、下拉列表、单选框、复选框等等表单使用表单标签（form）定义；像下面这样：22文本域（TextFields）当用户要在表单中键入字母、数字等内容时，就会用到文本域。示例：23单选按钮（RadioButtons）当用户从若干给定的的选择中选取其一时，就会用到单选框示例：24复选框（Checkboxes）当用户需要从若干给定的选择中选取一个或若干选项时，就会用到复选框示例：25下拉列表（Select）当用户需要一个下拉菜单选择时，使用下拉列表示例：26表单的动作属性action和确认按钮当用户单击确认按钮时，表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。示例：27使用框架标签通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架，并且每个框架都独立于其他的框架。使用框架的坏处：开发人员必须同时跟踪更多的HTML文档很难打印整张页面28框架结构标签（frameset）框架结构标签（frameset）定义如何将窗口分割为框架每个frameset定义了一系列行或列rows/columns的值规定了每行或每列占据屏幕的面积29框架标签（frame）frame标签定义了放置在每个框架中的HTML文档。示例：30iframe标签的使用可以使用iframe标签引入一个外部的页面或图片示例：31小结html的结构html的语法链接标签的使用表格标签的使用列表标签的使用表单标签的使用框架标签的使用32作业使用本节课所学知识，创建一个属于自己的相册；使用本节课所学知识，做一个登录、注册页面；使用本节课所学知识，建立一个属于自己的主页。33