欢迎来到天天文库
浏览记录
ID:57128829
大小:90.00 KB
页数:20页
时间:2020-08-01
《新版第3章 HTML网课件.ppt》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、电子商务网站建设高怡新编著上海建桥学院2021年7月29日第3章HTML网页设计基础3.1认识和使用HTML3.2HTML常用标记3.3HTML表单标记3.4用DREAMWEAVER设计HTML第3章HTML网页设计基础3.1认识和使用HTML3.1.1什么是HTMLHTML是一个结构化的文本标记语言,使用各种不同的标记符号来分别标识和设定不同的网页元素。每一个网页元素一般由一对标记(用尖括号<>表示的开始标记和结束标记),以及夹在这一对标记中的内容所组成。一个HTML元素的形式可表示为:<标记名称属性名称=值……>内容标记名称>注意:1.有些网页元素没有内容,即控元素,如等2.有
2、些网页元素不需要结束标记,如
等3.1.2HTML文档基本架构
这是正文部分!
3、现在
元素中;3.HTML对于网页元素的界定只依据其开始和结束标记,在开始标记中设置多个属性应以空格、Tab键和回车键分隔;4.HTML对于有些符号表示必须用半角双引号括起或用特殊标记表示,如空格用""或“ ”表示等P72;5.HTML文档中可用表示注释;6.HTML文档中的网页元素标记可以嵌套,但不能交叉。3.1认识和使用HTML3.1.3创建一个简单的HTML文档由于HTML文档是一个纯文本文件,可用任何能进行文本编辑的编辑器,如记事本、写字板和Word等,要求用户熟知HTML语法标记。目前,广泛使用可视化的网页制作软件,如FrontPage和Dream4、weaver等,能提供方便的图形操作界面,实现“可见即所得”,能自动生成HTML文档。例1请用Word编写一个HTML文档(ch3_01.htm),能在浏览器一不同字体、颜色和大小的文字显示自己基本信息:学号、姓名、性别、地址、手机号码和Email地址等。3.2HTML常用标记3.2.0通过网页制作熟悉HTML常用标记(补充)动态网页的功能通常是通过在传统HTML文档中嵌入的脚本程序实现的。为了进一步学习动态网页的制作,必须较好熟悉掌握HTML语言,在以后网页设计的过程中,建议使用查看/代码菜单命令,查看相应的HTML代码。Dreamweaver(以下简记为DM)是目前最流行的专业级网页设计工5、具。使用DM制作网页一般先要建立一个站点和选择网页类型模板。1.创建一个站点利用Dreamweaver设计网页前,应先创建一个网站,其步骤如下:选择站点/新建站点菜单命令选择新建本地信息站点,并输入站点名称和选择站点目录注意:1.可利用站点/管理站点菜单命令,建立、修改、复制和移除站点。2.设计网页必须先用站点/打开站点菜单命令打开网页所在的站点2.制作网页网站建设的主要工作就是在站点中制作网页:文件/新建文件,可在出现的空白页面上制作网页文件/从模板新建,选择页面模式,可在出现模式页面上制作页面3.2HTML常用标记3.2.1段落类标记1.标题标记P69标题文字<6、/Hn>2.分段标记P69文字3.换行标记P69文字4.横线标记P695.文本块标记P70文字例2编写一个网页(ch3_02.htm),尽可能多使用上述段落标记,仿照P71显示一家网上商店的欢迎页面。3.2HTML常用标记3.2.2文字格式标记1.字体标记P71文字2.特殊字符标记P72字符“<”用字符串"<"表示;字符“>”用字符串">"表示;字符7、“&”用字符串"&"表示;字符“"”用字符串"""表示;空格字符用字符串" "表示。例3编写一个网页(ch3_03.htm),尽可能多使用使用上述文字格式标记,仿照P73显示不同字体、颜色和大小的文字页面。3.2HTML常用标记3.2.3列表标记1.无序列表标记P73列表项1列表项
4、weaver等,能提供方便的图形操作界面,实现“可见即所得”,能自动生成HTML文档。例1请用Word编写一个HTML文档(ch3_01.htm),能在浏览器一不同字体、颜色和大小的文字显示自己基本信息:学号、姓名、性别、地址、手机号码和Email地址等。3.2HTML常用标记3.2.0通过网页制作熟悉HTML常用标记(补充)动态网页的功能通常是通过在传统HTML文档中嵌入的脚本程序实现的。为了进一步学习动态网页的制作,必须较好熟悉掌握HTML语言,在以后网页设计的过程中,建议使用查看/代码菜单命令,查看相应的HTML代码。Dreamweaver(以下简记为DM)是目前最流行的专业级网页设计工
5、具。使用DM制作网页一般先要建立一个站点和选择网页类型模板。1.创建一个站点利用Dreamweaver设计网页前,应先创建一个网站,其步骤如下:选择站点/新建站点菜单命令选择新建本地信息站点,并输入站点名称和选择站点目录注意:1.可利用站点/管理站点菜单命令,建立、修改、复制和移除站点。2.设计网页必须先用站点/打开站点菜单命令打开网页所在的站点2.制作网页网站建设的主要工作就是在站点中制作网页:文件/新建文件,可在出现的空白页面上制作网页文件/从模板新建,选择页面模式,可在出现模式页面上制作页面3.2HTML常用标记3.2.1段落类标记1.标题标记P69标题文字<
6、/Hn>2.分段标记P69文字
文字
7、“&”用字符串"&"表示;字符“"”用字符串"""表示;空格字符用字符串" "表示。例3编写一个网页(ch3_03.htm),尽可能多使用使用上述文字格式标记,仿照P73显示不同字体、颜色和大小的文字页面。3.2HTML常用标记3.2.3列表标记1.无序列表标记P73列表项1列表项
此文档下载收益归作者所有