HTML网页制作.ppt
《HTML网页制作.ppt》由会员分享,可在线阅读,更多相关《HTML网页制作.ppt(77页珍藏版)》请在咨信网上搜索。
1、HTML语言语言目标描述 HTML 文档的结构使用基本的 HTML 标签在 HTML 文档中插入特殊字符 在 HTML 文档中创建超级链接2HTML 简介3超文本提供链接到其他页面或同一页面的其他位置的文本标记可以用标签标记页面的不同部分以正确显示语言HTML 可用于可用于:控制页面和内容的外观发布和检索联机文档创建联机表单插入诸如音频剪辑和视频剪辑等对象HTML 文档示例4学习 HTML欢迎来到 HTML 世界HTML 代码浏览器处理代码并进行显示编辑器和浏览器5学习 HTML欢迎来到 HTML 世界HTML 代码代码在编辑器中编写 HTML 代码浏览器显示 HTML 文档/页面编辑器 2-
2、26需要在编辑器中键入源代码示例:DreamWeaverMacromedia Dreamweaver 是一种专业的 HTML 编辑器,用于设计、编码、开发网站、网页和强大的 Web 应用程序。HTML 文档结构7学习 HTML 欢迎来到 HTML 世界HTML 网页头部部分主体部分标签标记 HTML 文档的开始和结束这部分包括标题和其他说明信息。包括在 标签内这部分包含文本、图像和链接。它包括在 标签内HTML 标签 2-28学习 HTML 欢迎来到 HTML 世界标签标识 BODY 元素属性属性提供有关元素的附加信息值分配给属性的内容META 标签 2-1META 标签是一个特殊的 HTML
3、 标签,提供有关网页的信息,如作者姓名、公司名称和联系信息等许多搜索引擎都使用 META 标签信息例如,要将 Graham Browne 指定为作者,则使用以下 META 标签:9META 标签 2-2http-equiv 属性可用来代替 META 标签中的 name 属性 10 表示有效期:格林尼治标准时间 2005 年 9 月 12 日,星期一 14:25:27 属性值:具体的过期时间属性名称:网页过期 表示每隔2秒,自动刷新网页 演示:自动刷新的例子HTML 基本元素标题 段落换行符预先格式化字符格式化列表水平线字体图像特殊字符超级链接11标题12动物世界从大自然获得灵感从大自然获得灵感
4、从大自然获得灵感从大自然获得灵感从大自然获得灵感从大自然获得灵感H1 到到 H6 标签用于指定不同级别的标题标签用于指定不同级别的标题段落标签13诗词学习我是第一段我是第二段左对齐显示居中显示右对齐显示 标签用于标记段落标签用于标记段落换行符只要在文本中放入 标签,就会强制换行 14诗词学习我是第一行我是第二行 我是第一段我是第二段 标签15诗词学习诗词学习静夜思静夜思 床前明月光床前明月光 疑是地上霜疑是地上霜 举头望明月举头望明月 低头思故乡低头思故乡 HTML 标签用于显示具有预先定义格式的文本(如 HTML 文档中所示)字符格式化标签16学习 HTML这很有趣这很有趣足球是最令人喜爱的
5、运动之一足球是最令人喜爱的运动之一。信息技术是发展的关键信息技术是发展的关键。水的分子式是水的分子式是 H 2 O。3 2 等于等于 9。此标签用于对文本应用各种格式,如粗体、斜体、下划线、下标、上标等列表简介列表用于按逻辑方式对数据分组17 玫瑰花向日葵兰花苹果桔子水仙芒果水果苹果 芒果桔子花卉水仙兰花向日葵玫瑰花列表类型:无序列表 18星期中的每一天星期日星期一星期二星期三星期四星期五星期六无序列表也称为“项目列表”列表类型:有序列表 有序列表的属性19星期中的每一天星期日星期一星期二星期三星期四星期五星期六 在有序列表中,列表项以自动生成的顺序显示 使用水平线20动物世界老虎的夜间视觉
6、老虎的夜视能力优于人类的夜视能力五倍以上 标签属性 alignWidthSizeNoshade 标签用于在页面上绘制水平线 使用字体和属性21动物世界了解有关动物的更多信息斑马的特性没有任何两匹斑马的斑纹是完全一样的,因此每匹斑马都是独一无二的 可以按名称或十六进制值指定颜色可以为字体指定的大小范围为从 1 到 7可以指定一列字体,各字体间用逗号分隔。浏览器以最先找到的字体显示文本 元素及其相关属性(如 SIZE、COLOR 和 FACE)可用于控制网页上文本的显示 插入图像 2-122 标签用于在 HTML 文档中插入图像。标签的两个常用属性是 SRC 和 ALIGN。SRC 属性用于指定要
7、插入的图像位置。ALIGN 属性用于指定图像相对于文本的对齐方式。插入图像 2-223动物世界让我们看看这些可爱的动物底部对齐顶部对齐居中对齐 插入特殊字符 2-1某些字符在 HTML 中具有特殊意义,如小于号(空格;插入特殊字符 2-2特殊字符特殊字符字符实体字符实体大于号()>>小于号()<<引号(“)""®®©©&号&&25创建超级链接26了解鸟类了解鸟类会弹琴的狗狗会弹琴的狗狗 单击此处查看单击此处查看绝对和相对路径名27要链接到另一目录(C:example)下的页面,可编写 或 要链接
8、到同一目录(C:html)下的页面,可编写 或 C:html 目录目录C:example目录目录Doc1.htmDoc3.htmDoc2.htmDoc4.htm绝对路径名绝对路径名相对路径名相对路径名链接到同一文档的某个部分2-1锚记标签用于使用户“跳”到文档的某个部分 HTML 的 NAME 属性用于创建锚标记 为达到这种跳转效果,请在 HREF 参数中使用该标记28主题名称主题名称链接到同一文档的各个部分2-229.狮子斑马印度豹狮子狮子的吼声从八公里之外就能听到!雄狮(很容易从鬃毛识别出雌雄)的重量达 250 公斤。而雌狮则要轻得多,只有 180 公斤。斑马没有任何两匹斑马的斑纹完全一样
9、,因此每匹斑马都是独一无二的。斑马也称为黑白条纹相间的马.演示:锚链接例子链接到其他文档的特定位置30让我们深入了解一些动物狮子斑马印度豹Animals.htm狮子狮子的吼声从八公里之外就能听到!雄狮(很容易从鬃毛识别出雌雄)的重量达 250 公斤。而雌狮则要轻得多,只有 180 公斤。Animaldetails.htm电子邮件链接用户可从网页发送电子邮件31海豚充分交流,密切配合据说,海豚的交流模式几乎与人类的一样复杂!请将您的疑问发送至 David Fernandez总结 2-1HTML 标签一般配对使用,不区分大小写标签都具有属性。属性提供关于网页上 HTML 元素的附加信息META 标
10、签放置在网页的标题处以提供关于页面的信息。搜索引擎常会用到这些标签标题级标签使用32总结 2-2段落标签使用无序列表使用标签,有序列表使用标签字体标签超链接标签超链接文本33表格行行列列列标题在在 HTML 文档中,广泛使用表格来存放网页上的文本和图像文档中,广泛使用表格来存放网页上的文本和图像单元格单元格表格标题使用表格 姓名 性别 分数 Robert M 80 .创建表格 代表表格的开始,border=2表示边框尺寸为2表示行,这是表格的第一行,有三列数据,代表列 表格的第二行,有三列数据表格的第三行,也有三列数据学员档案信息 姓名 性别 分数 Robert M 80 .表格的标题表示表格
11、标题表示行或列标题,粗体显示 表格的第二行,有三列数据表格的第三行,有三列数据 学员档案信息 姓名 性别 分数 Robert M 80 .表格的对齐方式整个表格居中姓名列默认左对齐 性别列居中 分数列右对齐 合并单元格(跨列)创建表格 第一学期第二学期 数学 科学 英语 数学 科学 英语 98 95 80 95 87 88.COLSPAN=“n”属性表示属性表示跨多少列跨多少列 合并单元格(跨行)创建表格 螺母 螺栓 锤子 第一季度一月250010001240 二月300025004000.ROWSPAN=“n”属性表示属性表示跨多少行跨多少行 学员档案信息 姓名 性别 分数 Robert M
12、 80 Mary F 18 表格的背景色和尺寸设置 表格的颜色设置:表格的背景色 行的背景色 列的背景色 颜色值可以采用 RGB(red/green/blue)红绿蓝十六进制值表示,如红色#FF0000,或是一些预定义色彩名称:red,blue,yellow等。表格的尺寸设置:例如:表示一个长为200像素,宽为100像素的表格。表示一个宽为窗口的20%,高为窗口的10%的表格。1880分数FM性别MaryRobert姓名学员档案信息学员档案信息表单输入元素-7课堂练习:请编写HTML代码表单METHOD=“post或或get”表单ACTIONMETHOD指定提交后由服务器上哪个处理程序处理指定
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- HTML 网页 制作
1、咨信平台为文档C2C交易模式,即用户上传的文档直接被用户下载,收益归上传人(含作者)所有;本站仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿,我们不确定上传用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的版权、权益或隐私,请联系我们,核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据,平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺,下载前须认真查看,确认无误后再购买,务必慎重购买;若有违法违纪将进行移交司法处理,若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传,付费前请自行鉴别,如您付费,意味着您已接受本站规则且自行承担风险,本站不进行额外附加服务,虚拟产品一经售出概不退款(未进行购买下载可退充值款),文档一经付费(服务费)、不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印,是因预览和防盗链等技术需要对页面进行转换压缩成图而已,我们并不对上传的文档进行任何编辑或修改,文档下载后都不会有水印标识(原文档上传前个别存留的除外),下载后原文更清晰;试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓;PPT和DOC文档可被视为“模板”,允许上传人保留章节、目录结构的情况下删减部份的内容;PDF文档不管是原文档转换或图片扫描而得,本站不作要求视为允许,下载前自行私信或留言给上传者【胜****】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用;网站提供的党政主题相关内容(国旗、国徽、党徽--等)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
6、文档遇到问题,请及时私信或留言给本站上传会员【胜****】,需本站解决可联系【 微信客服】、【 QQ客服】,若有其他问题请点击或扫码反馈【 服务填表】;文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“【 版权申诉】”(推荐),意见反馈和侵权处理邮箱:1219186828@qq.com;也可以拔打客服电话:4008-655-100;投诉/维权电话:4009-655-100。