文字图片超链接精选.ppt

第 章 HTML的基本标签 讲师:蓝敏  就业技能结构图 考怒方法:可以散出陶文并的美观 HTML:熟悉各种常见标标签 表格轴(D面用 HTML:熟表格ale布局技术 HTM:熟悉杠榘(Fame)的布局技术 卜HTN:擎层方式W的角后技术 HTML:掌握CSs的常用属性,如背景、字体、细边框、图片按钮设置等 包括用户处名,口令,性别,出生日 掌挥Web客 计:10址你字度m 广端表瑰技术。。熟练使用各种表控作,并HTM:熟练没计各种阍页表单 秒能完成常見的表单验证任筹 Js:元素定位和查找 (s常见验证算法,如,比较,非空,em等的验延 考才:根掘提供的动态效果源代码。能读量并修收为类似效果 HTML熟悉DM各种元素的属惟力法 能实浏览罂端 HTML+s:元素的定位和查找 2各种窄见动态效果HM5:实现树形菜单的展开和关闭 HTML+JS::层的液、键示、出层特效 HTM+s:浮动广告、弹出广告窗口效果  本门课程目标和课程项目展示 ⑩本门课程目标 ■学完本门课程后,你能够 能制作界面美观大方、面向企业应用的静态商业网站,不含动态脚 本功能。 0课程项目展示 演示示例1:课程项目展示  本章任务 ⑩制作图文并茂的“广告”页面 查看源代码 自沟玉网干- Microsolt Internet explorer 文件保查心收素工风和取出 ROnf 卖主声时。到付款,可试用10天 水平滚动 iRiver MPs 厂「「「的铂  本章目标 ⑩会使用HTML的基本结构创建网页 0会使用文本相关标签实现文字修饰和布局 ⑩会使用图像相关标签实现图文并茂的页面 ⑩会使用超链接相关标签实现页面间的跳转  HTML文件的基本结构 ⑩HTML文档的结构 查看源代码 网页标题 工TLE我的第一两页/TTT /HEAD HEAD头部部分 BODY Hello world i HTML网页 /BODY BODY主体部分 /HM 网 变夺图是 这部分包括标题和其他说明信息。包括在HEAD./HEAD标签内  使用记事本创建网页 ⊙使用记事本创建网页 使用记事本创建网页的步骤 1、打开记事本 2、输入HTML代码 3、保存为*htm或*htm文件,注意格式问题 4、打开网页预览效果 演示示例2:如何在记事本里创建网页  META标签 向网页面中出现乱码,那如何消除乱码使其正常显示? 使用META标签 简体中文:gb2312 繁体中文:big5 纯英文网页:iso-8859 HEAD metAhttp-equive content=text/html harset=gb2312 E网页标题AIE EAD  而面背景色成显图像 网页背景色彩 网页背景图像 BODY bgcolor=#FFCCFF background=back image.GIF Hello world /BODY 查看源代码 BODY bgcolor=#FFCCFF Hello world! /BODY 为了使页面美丽大方,网页背景要尽量地浅  文本相关标签 置了字体的 0字体、字号 大小和颜色记的网用怖x )查看y)收秦)工具(r)” 标题标签H1-H6手机充值、IP卡/电话卡 移动|1 使用了 FONT标签H2 H2 淘宝集巾欢迫称换段了 淘宝网首届翠友会! 特殊符号 想做最闪亮的m吗 换行了 ⑩行的控制 会有你吗 特殊符号网站 段落标签P Copright c2007“淘宝网”A1 right. 甸完竿□□我的电脑 换行标签BR