网页设计-HTML

1、网页设计语言HTML(超文本标记)语言之1HTML文档的语法HTML文档是纯文本文档,由显示在窗口中的文字和HTML标记组成.标记封装在“”中。标记只改变网页的显示方式，本身不会显示在窗口中。双标记：必须成对使用内容如：Text to emphasize单标记：标记属性：对显示内容要指定显示属性时，在双标记的始标记或单标记中指定。如：注释语句：浏览器不显示2HTML文档的基本结构版本信息HTML文件标记头部信息主体标记3HTML文档结构说明版本信息:位于HTML网页文件的第一行,用于说明HTML的制订机构版本和语言等.HTML文件标记:通知浏览器目前使用的是网页文件.头部信息:用于标明当前文档

2、的有关信息.如标题等.例:Welcome页面其他常用标记如:Isindex:提供用户输入查询信息的对话框Base:设置基准URL地址.Link:指定当前页与前页后页的跳转关系.Meta:记录HTML文件的相关信息.标记是唯一必须出现在头部信息中的标记.主体标记:用于定义HTML文档主体的开始,及设置网页的共性属性等.背景图片背景颜色背景图片固定网页的左边距与上边框超级链接文字的颜色不包含超级链接文字的颜色4插入文字6级标题:从标题标记具有段落属性划分段落:例:段落标记在段落文字后加上单标记可以开始新段落.但对齐属性只在双标记中起作用。也可以使用如等标记对齐文字。强制换行:加在文字后使显示强制换

3、行。禁止分行:通知浏览器该标记内的内容在一行内显示,超出部分将被裁剪掉水平线：5文字属性字号：基准字号：字体:颜色:全局:指定文字:文本修饰： 预格式化文本：/pre该标记使浏览器直接显示原有文字及其格式，不再忽略文字中的空格与回车符等转义字符6颜色名称和值颜色RGB值颜色RGB值Black#000000Maroon#800000green#008000Navy#000080Silver#c0c0c0Red#ff0000Lime#00ff00Blue#0000ffGray#808080Purple#800080Olive#808000Teal#008080white#ffffffFuchsia

4、#ff00ffyellow#ffff00aqua# 00ffff7转义字符转义字符间不能有空格转义序列必须以“；”结束单独的&不被认为是转义开始8列表无序列表电脑报计算机世界*:disc/circle/square有序列表显示器主机*:1/a/A/I/I定义列表：工民建专业开办于装饰专业开办于9超级链接链接新页面：text链接页内某一位置：定义锚点text超级链接text链接图像：链接邮件：邮箱地址链接到多媒体文件：当链接目标为“.txt,.gif,.jpg,.swf”等可以直接用浏览器打开的文件时，浏览器会直接显示；当链接目标是“.rm,.wav,.mp3”等多媒体文件时，若用户的计算机上安

5、装有播放这些多媒体文件的工具，浏览器会自动打开工具并播放这些文件。若链接目标为游览器不能自动打开的文件格式，会出现下载对话框。_self_parent_blank_top相对地址目标窗口10插入图片一般WEB浏览器只支持Jpg和Gif格式的图片。用Gif格式显示颜色数少精度低的图片，用Jpg格式显示照片等颜色数多的图片。制作网页时应将图片文件保存在与网页文件相同的目录下或下一层专用目录下。图像地图 图像地址图像大小左、上边界边框对齐方式替换文字低解像图片11插入表格表标记:行标记:列标记:表题标记:用于介绍表格的内容与用途。表题表头标记:表格的第一行,自动将内宾居中、加粗显示有横向通栏的表：有

6、纵向通栏的表：内容与边框的距离：cellpadding=n表格线的粗细： cellspacing=n12插入框架分框架浏览器的窗口分成多个区域，每个区域单独显示一个HTML文件，各区域也可相关联地显示某个内容。分框基本结构： 13框架划分方法标题，正文（上下） 层次结构（上中下） 目录和标题（左上，左下，右）标题，目录，正文（上，左下，右下）嵌套目录（左，右上，右下）14插入多媒体文件插入背景声音使用超级链接，可以由用户控制声音的播放播放音乐插入影片声音文件的地址,格式可为wavmidmp3循环次数（无限制地播放，N设为infinite）影片未完全下载时先打开的略图影片文件文件开始播放的方式文

7、件播放的次数两次播放的间隔时间（单位为ms）15会移动的文字语法： 属性：Direction:left,rightBehavior:scroll,slide,alternateLoop:n,infiniteScrolldelay:nAlign:top,middle,bottomBgcolor:nHeight,width:n,%Hspace,vspace:n例：文字16表单表单在网页中起着重要作用，是与用户交互信息的重要手段。客户端服务器端实质：表单用来收集客户信息，服务器根据表单的内容了解客户需求用户打开HTML文档，按表单要求填写，按下SUBMIT提交接收到HTML文档，由服务器上的ASP程

8、序进行处理将结果返回到客户端客户浏览结果17创建表单属性：Action:处理表单的程序名，当用户提交表单时，服务器将执行url/*.asp程序。Method:用来定义处理程序从表单中获得信息的方式，有POST与GET两种方式。GET：处理程序从当前HTML文档中获取数据，该方式传送的数据量少POST：当前文档用邮件方式传送数据到服务器端，传送的数据量较多。Target:指定目标窗口18用定义用户交互定义一个用户输入区，用户可在其中输入信息，该标志放在中间*代表了多种类型的输入区域：用户名：密码：19单选框性别： 男 女同一组单选按钮要有相同的Name值，不同的Value值Checked表示默认选中或使用单选按钮组 ： 男 女 20复选框与隐藏区域你的爱好：音乐绘画运动隐藏区域：表单在服务器上处理时，有时需要在表单中做一些特殊的标记，这些标记不显示在窗口中，但可以和用户所填写的表单一起提交。21按钮提交按钮：重置按钮：普通按钮：22下拉式菜单和列表框下接菜单是用户交互的一种重要形式，可以包含较多选项。专业： 计算机 装饰 工民建 喜爱的歌手： 张曼玉 王菲 韩红 23多行文本输入区