网页设计HTML基础.doc

网页设计HTML基础.txt我都舍不得欺负的人，哪能让别人欺负？一辈子那么长，等你几年算什么我爱的人我要亲手给她幸福别人我不放心我想你的时候我一定要找得到你不许你们欺负他！全世界只有我才可以！放弃你，下辈子吧！导航栏设计导航栏的目的是使读者能够顺利的浏览网页，避免迷失方向。表格表格是一种用于控制网页页面布局的有效方法。不显示表格的边框。表单表单是一种特殊的网业元素，通常用于收集信息或实现一些交互式的效果。如电子邮件邮箱登陆填写的登陆名、密码。搜索引擎等都是表单。1.2Web 的常用术语URL(Uniform Resource Locations)统一资源定位器。超链接的本质就是URL 绝对的URL将完整的给出协议种类（HTTPFTP)、服务器的主机域名、路径和网页文件名。网页使用HTML语言所写的文本文件，包含文字、表格、图像、连接、声音、视频的等。主页主页（Home page）是一个单独的网页也是一个特殊的网页，是其所在站点中所有网页的起点和交点。也是浏览者浏览一个网站的起点。制作网站（1）建立本地站点。建立站点跟文件夹，用于存放首页、相关网页和网站中用到的其他文件。（2）在站点根文件夹下创建子文件夹，为了使文件安排比较清晰，将页面文件和图像文件分开出存放。（3）向站点添加所需的空网页（4）设计网页的尺寸。（5）设计网页的属性（页面标题、背景图像、链接颜色、文字颜色等）（6）想网页中插入文本、图、动画等（7）建立所需要的超链接。（8）预览和保存网页。与之间的内容不在浏览器窗口显示。标记用于提供HTML网页的字符编码、关键字、描述、作者、自动刷新等包括如下.name:定义一个数据的名称，一般是一个字符串。.content:定义一个数据的属性。.http-equiv:可用于代替name,一般是一个字符串。.chartset:设置字符与汉字的编码。如红楼歌曲词-HTML的主体标记-与之间一般含有其他标记如背景颜色为红 将图片1.jpg设置为背景。整篇文字颜色（text）与链接颜色：红色、使用link、vlinkalink属性分别控制普通的超链接、访问过的超链接、当前活动的超链接文本的颜色。页边距HTML的文本标记与链接标记face属性用于设计文本的字体,color设置文本的颜色,size设置文本的字号。唱歌唱歌擦汗那个歌标题长城 最大标题 最小标题常规字加粗常规字斜体常规字下划线常规字上标常规字下标常规字删除线常规字strike实现的删除线常规字em标志-斜体常规字-strong标记-加粗常规字-code标记-等宽常规字-var标记变量或程序参数-斜体常规字-small标记-小字体显示常规字-big标记-大字体显示段落标记标记实现段落分段；标记实现换行如：我们都有一个家名就叫中国兄弟姐妹都很多景色也不错家里盘着两条龙是长江与黄河 文本的对齐HTML使用align属性实现文本的对齐。 文本区分标记 居中例：左对齐 居中align在P标记中的右对齐居中对齐 文本空格：用 控制水平线用水平线分隔文本。设计方法如下（1） 用于设定线宽（2） 线长（3） 对齐方式（#为left或right）（4） 用于设定颜色例：-列表标记列表分为无序列表和有序列表（1）无序列表由,元素定义，默认符号是圆点。元素包含type属性，type属性包含：disc（圆点）、circle（圆圈）、square（方块）例：红楼歌词曲世人都晓神仙好唯有功名忘不了古今将相在何方荒冢一堆草没了世人都晓神仙好只有金银忘不了终朝只恨聚无多及到多时眼闭了（2）有序列表由,元素定义。其中元素也包含type属性，type属性值有l,A,a,I,i等。元素还可以定义列表的起始编号，如果希望列表的第一个编号为5，而不是1，则需要定义元素的start属性例：红楼梦人名迷当你在这当你在这当你在这少壮不努力秦始皇统一六国燕山教子俱成名严监生临终伸指零存整取科学致富当你在这严冬过后花争开珍珠灯谜知识浅谈“六一”儿童节欢、后、腥、姚、好珠、霞岁朝图链接标记超链接是WWW应用的核心和基础。（1）基本链接超链接由锚元素定义的。元素包含href属性与target属性。href属性的值是一个URL地址或E-mail地址；target属性表控制链接的网页在新的浏览器窗口打开。链接新浪网主页链接制定的网页文件链接指定的邮箱地址将连接的网页文件在新窗口打开(2)锚点连接 锚点指网页中的某个位置，可以实现同一网页之间的链接。设置锚点链接本页锚点HTML的图像标记1图像标记使用，img包含图像引用地址 2设置图像标记的属性（1）设置图像的替代文本，即当鼠标移到图像处显示文本 （2）设置图像的显示大小(3)图像边框：可以为一幅图像加一个边框以突出显示 其中border属性值的单位是像素（4）设置图像对齐方式：相对于页面或单元格定义水平对齐方式 定义垂直对齐方式 (5)定义像素的间距显示图像时，应与左右文本有一定的距离。方法如： 其中，hspace属性定义了水平间距，vspace属性定义了垂直间距，单位是像素。3图像映射既是一幅图像的不同位置被设置了不同的超链接。 由标记定义。此标记包含name属性用于为图像映射命名，该名称将被标记的usemap属性引用。可以定义三种形状的映射，即circle（圆形）、rect（方形）、poly（多边形）HTML的表格标记1 表格的编写方法。三个标记（1）元素：用于定义一个表格。每一个表格只有一对和 元素用于定义表格的行元素用于定义一个表格单元。在和之间将出现表格中每一个单元格的具体内容。带边框的表格A类B类C类3468122表格的属性（1）表头 标记用于设置表头的字体与一般字体不同，如A类B类C类（2）表格的外观width属性：指定表格或某一单元格的宽度，height:指定表格或某一单元格的高度border：表格边线的粗细。bordercolor：指定表格或某一单元格的边框颜色。bordercolorlight(亮) bordercolordark(暗) bgcolor背景颜色 background背景图片其值是一个URL地址。（3）表格的间距sellspacing属性：用于设定单元格间距cellpadding用于设定单元格边距（指单元格内部文字与边框的距离）如(4)表格的单元格的合并某些单元格需要占据多行或多列，称为表格的跨行与跨列。colspan用于设置当前单元格跨越几列。rowspan用于设置当前单元格跨越几行如各类商品统计各类商品统计A类68HTML的表单标记HTML表单时客户端浏览器与服务器之间实现交互的重要手段。利用表单可以收集客户端提交的数据表单标记由标记定义的其语法格式如下其中action属性用于定义表单的处理程序的位置；wethod属性用于定义将表单从浏览器传送到服务器的方法。有GET POST两种方法。GET方式的传输受数据量的限制；POST方式的传输不受数据量的限制，并以文件形式传输。表单元素（1）文本框和密码框姓名：网址： 密码：留言：其中，是表单中最常用的标志，type=text定义单行文本框， name 表示表单元素的名称；value定义文本框的初始值；maxlength限制在密码框中输入的最大字符数，type=password定义单行密码框；定义多行文本框，rows cols分别代表行数和列数。（2）按钮提交 submit 重置 reset（3）单选按钮和复选框radio表示单选按钮，各个选项的name属性必须相同才能达到预期效果；checbox 表示复选框，checked表示默认选中（4）菜单和列表表示菜单的开始于结束；属性表示菜单中的一个选项，selected属性表示默认选中。以size属性定义列表的高度，以multiple属性设置允许用户多选。例：菜单实例博士硕士学生列表实例博士硕士学生HTML的框架标记框架用于网页的布局。步骤如下：(1)编写所有子框架页面（2）编写主框架页面（3）在主框架页面中设定子框架名称（4）如果框架页面之间存在链接，在子框架中设定链接2、基本框架框架由一对标志定义。其有两个属性，rows属性定义上下分割的框架的大小，cols属性定义左右分割框架的大小。