[2018年最新整理]Html基础教程培训文档.pptVIP

* Html基础教程及网页的基本修改 培训文档 编写人：曾文凭 目 录 第二章：table表格的基本编写方式 第二章：静态页面常用的构造方式 第三章：网页的修改需要注意的地方 第一章：html语言的基础代码 HTML 文件结构 html.../html head.../head body.../body 第一章：html语言的基础代码 例子1： HTML HEAD title/title /HEAD BODY HTML 文件的正文写在这里... ... /BODY /HTML head.../head常用代码 meta http-equiv=Content-Type content=text/html; charset=gb2312 / title移动商城/title link type=text/css rel=stylesheet href=css/style.css 在 HTML 文件中设置 字符集信息。您在浏览主页时，最好自己在浏览器的选项菜单内选择相应的语言(language encoding)。但是如果 HTML 文件里写明了设置，浏览器就会自动设置语言选项。尤其是主页里用到了字符实体(entities)，则该主页就应该写明字符集信息。否则，您在浏览该主页时，若未正确设置语言选项，显示将可能混乱。 写网站名字的代码，可以方便搜索以及在网页的顶部出现网页相关信息。 调用外部cs、js文件的代码，可以调用多个。 第一章：html语言的基础代码 Body的常用属性 ??????????? body bgcolor=#000000 background=image-URL style=overflow:auto“ topmargin=0 leftmargin=0 rightmargin=0“ bottommargin=0 背景颜色 背景图片 页面滚动 顶部页面空白(Margin) 左边页面空白(Margin) 右边页面空白(Margin) 底部页面空白(Margin) 第二章：静态页面常用的构造方式 静态页面比较常用的构造方式有两种： 一：表格（table）构造方式： 优点：可以方便灵活的排版，表格可以把相互关联的信息元素集中定位，使浏览页面的人一目了然； 缺点：表格层级深，可能导致页面展示效果慢；修改不够灵活。 二：div+css构造方式： 优点：缩减页面代码，提高页面浏览速度，样式控制，修改方便； 缺点：技术难度较高，工作量比较大；样式修改，需要一定的基础，编写要求高，对浏览器的兼容也有要求。 三：两者的对比： 两种方式都是可取的，并不一定div就比table好，好的页面设计应该根据设计网站的难易程度以及网站的功能性等因素，决定选择哪款构造方式，至于哪种网站用哪种方式试个人的经验和用户要求而定，可以确定的是，不管是哪种构造方式，合理的布局、代码简洁、注释的齐全是构造页面的必须条件。 第三章： table表格的基本编写方式 在html文档中，表格是通过table、tr、td标签来完成的，如下表所示： 定义单元格标签，一组td标签将将建立一个单元格，td标签必须放在tr标签内 td.../td 定义一行标签，一组行标签内可以建立多组由td标签所定义的单元格 tr.../tr 用于定义一个表格开始和结束 table.../table 描 述 标 签 在一个最基本的表格中，必须包含一组table标签，一组标签tr和一组td标签 Html页面table基本元素构造实例： html head title一个简单的表格/ title / head body table tr td第1行中的第1列/td td第1行中的第2列/td td第1行中的第3列/td /tr tr td第2行中的第1列/td td第2行中的第2列/td td第2行中的第3列/td /tr /table / body / html table表格开头 tr行开头 第一个单元格 第二个单元格 第三个单元格 tr行结尾 tr行开头 第一个单元格 第二个单元格 第三个单元格 tr行结尾 table表格结尾 第三章： table表格的基本编写方式 表格table标签最常用的属性如下： 属 性 描 述 width 表格的宽度 height 表格的高度 align:left.center.right