- 1、本文档共25页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
HTML/CSS/JavaScript 标准教程实例版(第3版) 第 章 2 本书编委会 编著 第2章 HTML文档的结构 2.1 HTML文档的结构 2.2 HTML基本语法 2.3 HTML文件的命名 2.4 编写HTML文件的注意事项 2.5 小实例——插入图片与表格 2.6 习题 HTML/CSS/JavaScript 标准教程实例版(第3版) 2.1 HTML文档的结构 2.2 HTML基本语法 2.2.1 标记语法 1、什么是标记 2、标记类型和语法 *单标记 *双标记 实例 什么是标记 HTML用于描述功能的符号称为“标记”。比如html、head、body等,都是标记,html标记表示HTML文档的开始。标记在使用时必须用尖括号“”括起来,有些标记必须成对出现,以开头无斜杠的标记(如:html)开始,以有斜杠的标记(如:/html)结束。比如,table表示一个表格的开始,/table表示一个表格的结束。在HTML中,标记的大小写作用相同,如TABLE和table都是表示一个表格的开始。 返回 单标记 之所以称为“单标记”,是因为它只需单独使用就能完整地表达意思,这类标记的语法是: 标记名称 最常用的单标记是br,它表示换行。 返回 双标记 “双标记”由“始标记”和“尾标记”两部分构成,必须成对使用。 ? 始标记告诉Web浏览器从此处开始执行该标记所表示的功能。 ? 尾标记告诉Web浏览器在这里结束该功能。始标记前加一个正斜杠(/)即成为尾标记。 这类标记的语法是: 标记内容/标记 其中“内容”部分就是要被这对标记施加作用的部分。 返回 2.2.1 HTML基本语法 实例 效果 2.2.1 HTML基本语法 实例 返回 2.2 HTML基本语法 2.2.2 属性语法 1 .什么是属性 2.属性语法 标记名字 属性1 属性2 属性3 … 2.2.2 属性语法 实例1 2.2.2 属性语法 实例1 2.2.2 属性语法 实例2 2.2.2 属性语法 实例2 2.3 HTML文件的命名 注意: ? 文件的扩展名要以.html或.html结束。 ? 文件名中只可由英文字母、数字或下划线组成。 ? 文件名中不要包含特殊符号,比如空格、$等。 ? 文件名是区分大小写的,在Unix和Windows主机中有大小写的不同。 ? 网站首页文件名默认是index.htm或index.html。 2.4 编写HTML文件的注意事项 ? 所有标记都要用尖括号()括起来,这样,浏览器就可以知道,尖括号内的标记是HTML命令。 ? 对于成对出现的标记,最好同时输入起始标记或结束标记,以免忘记。 ? 采用标记嵌套的方式可以为同一个信息应用多个标记,如下: tag1tag2同一个信息/tag2/tag1 ? 在代码中,不区分大小写,比如,将head写成HEAD或Head都可以。 ? 任何空格或回车在代码中都无效,插入空格或回车有专用的标记,分别是nbsp、br。因此,不同的标记间用回车键换行再编写是个不错的习惯。 2.4 编写HTML文件的注意事项 标记中不要有空格,否则浏览器可能无法识别,比如不能将title写成 title。下面的代码中有误,将该文件存为.html文件后,用浏览器打开,title所定义的文字没有在浏览器标题中显示,反而显示在正文中,而错误的title标记也被当作正文来显示。 2.4 编写HTML文件的注意事项 2.4 编写HTML文件的注意事项 ? 标记中的属性,可以用双引号()引起来,也可以不引。比如,下面的写法都是正确的: hr color=red hr color=”red” 2.5 小实例——插入图片与表格 在head/head间定义头部信息。 2.5 小实例——插入图片与表格 在body/body间写两段代码,插入横幅banner图片和一段正文文字。 2.5 小实例——插入图片与表格 在body/body间输入代码 2.5 小实例——插入图片与表格 接上页 2.5 小实例——插入图片与表格 接上页 2.5 小实例——插入图片与表格 最终效果 HTML/CSS/JavaScript 标准教程实例版(第3版) 第 章 2
您可能关注的文档
- 00默顿的功能分析范式.ppt
- 00教学大纲(平新乔18讲).ppt
- 01-CRM实战手册-客户细分管控.ppt
- 01-3人类科学认识的发展(近代).ppt
- 01-IOS第一讲-计算机基础.pptx
- 01-X射线分析方法进展.ppt
- 01-DWDM系统基础知识深入介绍new.ppt
- 01-互换性课件-第一章.ppt
- 01-初识综合布线(L).ppt
- 01-北京信息职业技术学院汇报.ppt
- 持之以恒议论文.doc
- 检疫性植物病害.ppt
- 爱相亲--专注解决国内单身青年婚恋问题的相亲平台创业商业计划书(课件29页).ppt
- 培训之合规培训课件.ppt
- GSM-R基础理论讲课课件.ppt
- 三生教育主题班会课件课件-2024鲜版.ppt
- 在市经济高质量发展2025年一季度“奋战一季度”“冲刺开门红”会议上的讲话+在2025年全市经济高质量发展大会上的表态发言.docx
- 在2025年街道社区雷锋月启动仪式大会上的讲话+学雷锋纪念日主题志愿服务活动实施方案.docx
- 2025年纪委书记、乡镇干部、党员干部观看《榜样9》的心得体会+学习榜样9主题党课讲稿.docx
- 地标性超高层塔楼外幕墙工程施工技术总结共154页文档.ppt
最近下载
- GB50359-2016 煤炭洗选工程设计规范.docx
- GB50391-2014:油田注水工程设计规范.pdf VIP
- 最新2024医疗器械经营质量管理规范试题与答案 .pdf VIP
- 第六版复习题基础护理学试题及答案.pdf VIP
- 2019年康乐县村民知情大会让群众真知情知真情.docx VIP
- 2025新教材人教版一年级数学下册《 100以内的口算加、减法》PPT课件.pptx VIP
- 人美版小学美术四年级下册全册教学设计.pdf VIP
- 五年级上册美术说课稿第2课《家乡的古建筑》(湘美版秋).docx VIP
- 风电工程施工组织总设计.doc VIP
- (浙江)现场流行病学调查职业技能竞赛备考试题库资料(含答案).pdf
文档评论(0)