web页面设计基础 第1课 html基础.pptVIP

主讲人：薛 波 网页是用什么制作出来的 2015/9/11 星期五 HTML简介 2015/9/11 星期五 Hyper Text Mark-up Language 手工直接编写(例如记事本、Notepad++、EditPlus、UltraEdit) 使用图形化开发软件Dreamweaver web服务器上动态网页程序生成 HTML文档的创建方式： 超文本标记语言 什么是HTML WWW HTTP URL HTML简介 2015/9/11 星期五 HTML文档执行工具——浏览器 HTML文件基本结构 2015/9/11 星期五 html head title标题/title /head body 正文 /body /html html……/html标识网页文件的开始与结束，所有的html元素都要放在这对标记中。 head……/head标识网页文件的头部信息，如标题、有哪些信誉好的足球投注网站引擎关键字等 title……/title标识网页文件的标题 body……/body标识网页文件的主体部分 页面头部标记head 2015/9/11 星期五 title标记 2015/9/11 星期五 html head titleHTML文件标题/title /head body /body /html meta标记 2015/9/11 星期五 meta name = “*****” content = “*****” meta http-equiv = “*****” content = “*****” 作用：设置HTTP标题信息和页面描述信息，方便被有哪些信誉好的足球投注网站。 使用方法 meta标记 2015/9/11 星期五 设定网页关键字 html head title网页制作三剑客Dreamweaver、Flash、Firework综合实例教程/title meta name = “keywords” content = “网页制作三剑客Dreamweaver、Flash、Fireworks综合实例教程，计算机类” /head body /body /html 关键字数量不宜过多，简洁，高效。 meta标记 2015/9/11 星期五 设定网页描述信息 html head title网页制作三剑客Dreamweaver、Flash、Firework综合实例教程/title meta name = “keywords” content = “网页制作三剑客Dreamweaver、Flash、Fireworks综合实例教程，计算机类” meta name = “description” content=“本书以Adobe公司的网页制作三剑客Flash、Dreamweaver和Fireworks为依托，结合建立一个完整网站的实例，完全按照实际的操作流程，系统地介绍了网站的规划、设计和制作方法以及上传的全过程。” /head body /body /html meta标记 2015/9/11 星期五 设定网页字符集 html head title网页字符集设计示例/title meta http-equiv = “Content-Type” content = “text/html; charset=gb18030” /head body 中文乱码示例 /body /html 常用字符集科普 meta标记 2015/9/11 星期五 设定网页自动刷新 html head title页面自动刷新设置示例/title meta http-equiv = “refresh” content = “3” meta http-equiv = “Content-Type” content=“text/html; charset=gb18030” /head body 页面每隔3 /body /html meta标记 2015/9/11 星期五 设定网页自动跳转 html head title页面自动刷新设置示例/title meta http-equiv = “refresh” content = “3; url=” meta http-equiv = “Content-Type” content=“text/html; charset=gb18030” /head body p页面3秒钟后跳转到新浪网/p /body /html style标记 2015/9/11 星期五 html head titlestyle标签示例/title style type=“text/css” body{ background-color:red; } /style /h