Html基础教程培训文档.pptVIP

  1. 1、本文档共12页,可阅读全部内容。
  2. 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  5. 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  6. 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  7. 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  8. 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
* 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>标签最常用的属性如下: 属 性

文档评论(0)

aiwendang + 关注
实名认证
文档贡献者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档