html学习.ppt

1、建立列表,列表的标记 列表的分类： 有序列表：用项目符号标记无序的项目，有序指的是按照数字或字母等顺序排列列表项目 无序列表：使用编号来记录项目的顺序，无序指的是以 等开头的，没有顺序的列表项目 主要标记： 无序列表 有序列表 定义列表 定义列表的标记 列表项目的标记,有序列表,基本语法： 项目一 项目二 项目三 在有序列表中，作为有序的声明，使用作为每一个项目的起始。 举例： 建立有序列表, 图像设计软件 Photoshop Illustrator Freehand CoreDraw ,有序列表的类型属性TYPE 其中value的取值如下：,有序列表的起始属性START： 在默认情况下，有序

2、列表从数字1开始计数，这个起始值通过Start属性可以调整 无序列表 无序列表标记 定义列表标记:定义列表是一种两个层次的列表，用于解释名词的定义，名词为第一层次，解释为第二层次，并且不包含项目符号。 基本语法： 名词一解释一 名词二解释二 ,在定义列表中，一个标记下可以有多个标记作为名词的解释和说明，以实现定义列表的嵌套 例如： 定义列表嵌套 图像设计软件 Photoshop,Adobe公司出品 图像处理软件 Illustrator Adobe公司出品 矢量绘图软件 Freehand Macromedia公司出品 矢量绘图软件 ,无序列表和有序列表的嵌套,重复使用和标记可以组合出嵌套列表,建

3、立超链接,链接标记 链接标记的属性：,绝对路径：为文件提供完全的路径，包括使用的协议，如http,ftp,rtsp等。常见的有： 相对路径：适合网站的内部链接。 使用方法： 1.如果链接到同一目录下，则只需输入要链接文档的名称 2.要链接到下一级目录中的文件，只需先输入目录名，然后加“/”，再输入目录名、文件名。 3.如果链接到上一级目录中的文件，则先输入“./”,再输入目录名、文件名 内部链接：在同一网站内部，不同的HTML页面之间的链接关系 基本语法：链接文字 其中File_name为要链接文件的路径,设定链接的目标窗口：,Bookmark_name是

4、刚刚定义的书签名称 3.链接到其他页面中的书签： 文字链接 外部链接：跳转到当前网站外部，一般情况书写绝对地址 链接到外部网站：文字链接 发送E-mail： 作者的邮箱 链接FTP：文字链接 ftp:/后面写FTP主机的地址 链接Telnet:一台计算机远程登录到另一台计算机上 下载文件：文件链接 FILE_URL代表文件所在的路径，相对路径 或绝对路径都可以,其他链接： 脚本链接：在链接语句中，可以通过脚本实现HTML语言完成不了的能力 文字链接 空链接：通过#符号实现空链接，单击链接后仍停留在当前页面,插入图片,插入图片标记 的属性： 图像的源文件属性SRC: file_name为要插入的

5、图片的路径 图像的提示文字属性ALT: 当浏览网页时，如果图像下载完成，鼠标放在该图像上旁边会出现提示文字 如果图像没有被下载，在图像的位置上会显示提示文字 基本语法： 图像的宽度和高度属性WIDTH HEIGHT 图像的边框属性BORDER：为图像添加边框线,图像的垂直间距属性VSPACE 用来调整图像和文字之间的上下距离。 图像的水平间距属性HSPACE 用来调整图像和文字之间的左右距离。 图像的排列属性ALIGN：,利用标记插入AVI文件 其中属性loop设定avi文件循环次数 Loopdelay循环延迟 Start设定文件播放方式：fileopen(网页打开时播放） mouseover

6、(鼠标滑动到avi文件上方后播放） 图片的超链接： 图像映射： 一张图片拥有多个超链接，一幅图像分成不同区域，每一个区域可以链接到不同的地址,图像映射的标记说明： Usemap 定义映射图像的名称 定义区域属性： shape定义图像映射区域的形状（rect circle poly) href设定不同区域的链接地址 Alt 设定替代文字 coords设定区域坐标,使用表格,表格的用途很广，可以用来显示表格型数据图片等，也可以用来布局。 定义表格 行标记 单元格标记,表格的其它常用属性,width 表格宽度 height 表格高度 align 表格在页面的水平摆放位置。可选值为：left,cent

7、er,right. background 表格的背景图片 bgcolor 表格的底色 border 表格边框的宽度 cellspacing 单元格之间的间距 cellpadding 单元格内容与边框之间的距离 colspan和rowspan来合并单元格和拆分单元格，灵活设置表格，使表格的每一行和每一列都有所不同 colspan=“5” 该单元格跨越的列数 rowspan=“4”该单元格跨越的行数,frame表格的边框样式属性 rules表格的内部边框样式属性 表格的标题： 表格的表头： 表格的结构标记： 表格嵌套,建立表单页面,网页中的表单可以用来收集用户填写的信息，是HTML页面与浏览器实现

8、交互的重要手段。 定义表单 Form的属性： name表单的名称； method定义表单结果从浏览器传送到服务器的方法：get(将表单内容附加到URL地址后面）；post（将用户在表单中填写的数据包含在表单的主体中 action定义表单处理程序的位置 enctype设置表单资料的编码方式 target设置返回信息的显示方式 （_blank ,_parent,_self,_top）,输入标记 其中#代码可选项，text、password、checkbox、radio、hidden、submit 和 reset。分别代表：文本、密码、多选框、单选框、隐藏、提交按钮和重置按钮 文字域是用来输入文本信

9、息的，可以输入汉字、数字和字母等，完整语法代码如下： 属性：name:文字域名称 maxlength:文字域的最大输入字符 size:文字域的宽度 value:文字域的默认值,在表单中，单选框是存在多个选项的，当从多选项中选择一个选项中，为了区别这几个选项是属于哪个单选框的时，用属性 name 表示。如果想指定某个选项处于选中状态下时，用 checked 在为 radio 类型里表示选中状态。 复选框是可以选多个选项的选项框，与单选不同的是复选框可以选取多个选项，而且也可以默认几个选项都处于选中状态，语法与单选相同： ,按钮,按钮在表单中是最重要的，当输完表单信息时，需要按钮提交，当输入错误信

10、息时，这时需要清除按钮更方便。 普通按钮button：配合javascript脚本进行表单处理 提交按钮submit： 重置按钮Reset： 图像域image： 隐藏域hidden： ,菜单和列表标记 ,语法： 选 选项 属性：name菜单和列表的名称 size显示选项数目 multiple列表中的项目多选 value选项值 selected默认选项,使用框架结构,框架的作用是把浏览器窗口划分为若干个区域，每个区域可以分别显示不同的网页。使用框架可以方便完成导航工作。 框架集标记 在一个文档内定义一组框架结构的HTML网页。定义了在一个窗口中显示的框架数 框架尺寸 载入到框架的网页等 左右分割

11、窗口属性COLS： 上下分割窗口属性ROWS: 嵌套分割窗口,框架集边框宽度属性framespacing 框架集边框颜色属性bordercolor 框架标记:定义框架页面的内容 设置框架显示的文件路径 Name为框架名称，为单个单词，允许使用下划线，但不允许使用连字符，句点和空格。必须以字母开头，区分大小写。 Frameborder框架边框显示属性：value取0，1 Scrolling设定滚动条是否显示：yes,no,auto Noresize禁止改变框架的尺寸 marginwidth框架边缘宽度属性 marginheight框架边缘高度属性,不支持框架标记: 当浏览器不能加载框架文件时，会检索到该标记， 并显示标记中的内容。 浮动框架:一种特殊的框架结构，在浏览器中可以嵌套子窗口，在其中显示页面的内容 Align浮动框架对齐属性：left center right 框架与链接： 普通框架与链接： 浮动框架与链接：,多媒体页面,滚动文字标记 在属性 marquee 中， left（左）、right（右）、up（上）、down（下）。 滚动方式属性， scroll（循环往复）、slide（只进行一次滚动）、alternate（交替进行滚动）。 Scrollamount滚动速度属性 滚动循环属性loop： 滚动文字 滚动