《网页制作工具-HTML.ppt》由会员分享，可在线阅读，更多相关《网页制作工具-HTML.ppt（29页珍藏版）》请在三一办公上搜索。
1、网页制作工具HTML,什么HTML 语言 HTML结构和语法规则 常见的HTML标签,HTML语言,HTML语言（超文本标记语言）：是万维网上的通用语言。,HTML,HTML文档本身就是文本格式的文件，所以HTML代码可以用记事本、写字板、word等文本编辑软件编辑，编辑完后保存时注意把文件的扩展名改为.htm或.html,HTML基本结构,标题,主题标签,头标签,HTML 标签（Tag）语法,用刮起，一般成对出现同一标签可以有许多属性属性顺序先后无关可以不设属性值,我又聪明又美丽又有知识又可爱,.,书写方式,标记名文件或超文本标记名 例如：你好！标记名 属性名=“属性值”文本或超文本标记名
2、例如：你好！连接1标记名 例如：,常用的标签,表示段落 设置字体 水平线 回车换行 表格 表行 单元格 滚动字幕,加油！继续练习,.,HTML源代码,基本结构：,创建HTML文档,头标签,主体标签,超链接标记,1、本地链接我是连接2、网站链接百度3、书签链接我是连接,理解动态HTML P109,1、了解动态HTML的核心技术及其基本知识2、体验javaScript和CSS在动态网页中应用3、使用javaScript和CSS优化你的网页,动态HTML,什么是客户端脚本语言,客户端脚本语言是指可以直接对客户端进行编写并使页面发生动态变化的脚本语言。常用的客户端脚本语言：JavaScript、VBS
3、cript,用JavaScript制作动态HTML,在动态网页设计中，免费的JavaScript特效代码可以用专门的特效软件，也可以从专题网站下载，然后直接使用或者对其进行简单修改后就可以使用。关键是：代码要放到合适的位置,JavaScript客户端脚本语言,Javascript是一种面向浏览器的网页脚本编程语言将JavaScript嵌入HTML页面中时，必须使用标签，JavaScript代码放在标签内Javascript程序放置的位置：HTML网页的之间,方法一：嵌入网页,alert(你好！)放在之间,方法二：外调文件,（*.js文件要提前写好、保存好。）,动态HTML设计原则,尽量精简，不
4、要过多使用动画过度的闪烁易让人头痛合理使用滚动字幕，变换选择框,CSS样式表,CSS（Cascading Style Sheets）层叠样式表，简称样式表 P112样式：用一个指定的名字来标识和保存的一组有关字符和段落格式的选项集合。例：word中的样式项,CSS样式表的功能,1、精确控制页面里每一个元素的字体样式、尺寸、背景、边框等；2、简化网页代码，加快下载显示的速度；3、可以同时定义或修改多个页面，大大减少了重复劳动的工作量。,CSS样式表的实现,嵌入式样式表内联式样式表外联式样式表,知识回顾,html head head body bodyhtml,段落,表格,按钮,在HTML中的位置：具体标签内。例：,嵌入式样式表,功能：对具体的标签作具体的调整，其范围只限于本标签。,内联式样式表,定义语句：/定义的样式代码 放置位置：在 之间；功能：内联式样式表只对代码所在的网页有效。,内联式样式表,例如：h3 font-family:宋体;font-size:12pt;color:blue,外联式样式表,格式：位置：在 之间功能：把样式定义成一个“.css”文件；然后 在每个需要用到这些样式的网页里引用这个CSS文件。（*.css文件要提前写好、保存好。）,小结,加油！继续练习,
