电子商务网页设计与制作课件.pptxVIP

项目二 HTML网页认知项目引导 2月26日HTML5研究小组组织，由北京磊友及上海SPIL承办，在创新工场及盛大研究院提供的场地召开了”当HTML5来敲门“北京与上海同期专题沙龙。/下一代的/HTML!项目任务书——任务一 手工编写HTML网页本任务目标： 用手工编写一个简单的HTML网页，从而理解HTML文档的基本结构。教学目标： 掌握手工编写HTML网页文件和查看网页文件源代码的方法。 项目任务实施——任务一 手工编写HTML网页手工编写HTML网页的一般流程 ：项目任务实施——任务一 手工编写HTML网页项目任务实施——任务 手工编写HTML网页htmlheadtitleHTML 语言教程：目录/title/headbody bgcolor=#000000 text=#ffffff topmargin=15pxh1 align=centerHTML 语言教程：目录/h1hrtable width=600 align=center border=2 tr td width=25% rowspan=4 align=center 详细目录/td td colspan=5 align=center标记语法(一）/td /tr 项目任务实施——任务 手工编写HTML网页tr td width=15%页面/td td width=15%字体/td td width=15%图像/td td width=15%表格/td td width=15%超链接/td /tr tr td colspan=5 align=center标记语法（二）/td /tr tr td列表/td td移动/td td插入多媒体/td td框架/td td表单/td /tr/table/body/html项目任务分析——任务 手工编写HTML网页知识点　HTML是什么 HTML是Hypertext Makeup Language的缩写，即超文本标记语言，它是一种描述文档结构的标记语言（非程序设计语言），是 Internet上描述网页内容和外观的标准。几乎所有的网页都是由HTML语言或以其他语言（如JavaScript等）嵌入在HTML语言中编写的。 HTML语言使用一些约定的标记，对Web上的各种信息进行标注，浏览器会自动根据这些标记，在屏幕上显示出相应的内容，而标记本身不会在屏幕上显示出来。HTML文件一般以.htm或.html为扩展名。项目任务分析——任务 手工编写HTML网页HTML的使用规范是怎样的？ HTML是一种语言，任何语言都有其使用规范，即语法。HTML的使用规范主要体现在标记的使用上。（1）标记 标记是由相应的英文嵌在“ ”内构成，如HTML、HEAD、BODY等。“ ”是标记不可或缺的一部分。 标记有开始标记和结束标记之分。开始标记由标记名组成，如HEAD；结束标记由/标记名组成，如/HEAD。 标记还分单标记和双标记。①单标记：只有一个开始标记，用于说明一次性的指令，如BR、HR等标记。②双标记：由开始标记和结束标记两部分构成，需要成对出现，如TITLE…/TITLE、FONT…/FONT等标记。（2）属性 很多标记还拥有属性，用这些属性来进一步描述该标记的作用。属性必须放在开始标记中。一个标记可以有多个属性项，各属性项的次序没有限定，各属性之间用空格分隔。以下是插入一个水平线的标记，其中有width（宽度）、size（高度）、color（颜色）3个属性。HR width=”100%” size=”3” color=”#FF0000”HTML HEAD 头部元素，元素属性及内容 /HEAD BODY 主体元素，元素属性及内容 /BODY/HTML项目任务分析——任务 手工编写HTML网页（3）注释标记 在HTML中，可以使用！- - …- -标记对文档进行注释，从而使HTML源代码更易于阅读和理解。注释标记可以放在HTML中的任何地方，注释的内容在浏览器中是不显示的。HTML文档的结构是怎样的？ HTML 文档（即网页）主要由文档头（Head）和文档主体（Body）二部分组成 。项目任务分析——任务 手工编写HTML网页title元素定义HTML文档的标题meta http-equiv=Content-Type content=text/html; charset=UTF-8 /meta name=description content=IKEA 宜家家居是来自瑞典的全球最大的家具和家居用品零售商。访问宜家官网，获取9000多种产品的详细信息以及源源不断的家居灵感。 / meta name=keywords content=IKEA,宜家家居官网-提供客厅，卧室，厨房，各类家居灵感和产品解决方案。 /