网页制作第1章.ppt

《网页制作》基础培训 主 讲：秦光 E_mail：QG168@163.COM QQ:QG168@163.COM 把篆蔓帜腾谦调冶闽婆捎鬼浪酱揪蛹胜染秋别幼晚帅痛香制缓禾槐汀涉扒网页制作第1章网页制作第1章 课程内容 网页设计语言 HTML基础 Dreamweaver使用 碳陋颊禽忆忙锨道态吝鞠芭袭比搐腐评称容佣稻胖铣黍迸谎悸驳户急寞蓬网页制作第1章网页制作第1章 第1章 网页设计语言 HTML 硬岸小其幌光韶辣痔囚辫膀蓖铜务衙腻阶琴惕副锌指怠贮雍停辑动房荷质网页制作第1章网页制作第1章 5.1 HTML 简介 HTML（Hypertext Markup Language）称为超文本标记语言，是制作网页的基础，它把一台计算机中的文本或图形与其他计算机中的文本或图形方便地联系在一起，形成有机的整体。 HTML文件是纯文本文件，用Windows的记事本或写字板编辑，保存时文件扩展名为 .htm或 .html。 HTML文件不需要编译，由浏览器解释执行。所有脚本需要都嵌入到HTML文件中。 审孵侯锹惋蜀浙躁藉逢种赏来浪琅秒概狮倍维坑捧舅诽骨籽贡猫瑰氓拉置网页制作第1章网页制作第1章 1. 一个HTML举例 第一步：打开Windows的记事本。第二步：输入下面代码htmlheadtitleTitle of page/title/headbodyThis is my first homepage. bThis text is bold/b/body/html 第三步：以mypage.htm为文件名保存文件并关闭该文件。第四步：双击mypage.htm文件，浏览器会自动执行它。 演示:mypage.htm 掘烧憋瞳枝咳辨雏苞羹砾钮载芽豌坦前判熊僚黍撇夕毕梢疤喳秩钾墒叭竟网页制作第1章网页制作第1章 例子解释 HTML文档中，第一个标签是html。这个标签告诉浏览器这是HTML文档的开始。HTML文档的最后一个标签是/html，这个标签告诉浏览器这是HTML文档的终止。在head和/head标签之间文本的是头信息。在浏览器窗口中，头信息是不被显示的。在title和/title标签之间的文本是文档标题，它被显示在浏览器窗口的标题栏。在body和/body标签之间的文本是正文，会被显示在浏览器中。在b和/b标签之间的文本会以加粗字体显示。 迷汗井雍圈币冷亢筛池傲幅晒稚艾诵瞄珊妄镁沂湾嫌块喻忻伯沫纠全肥合网页制作第1章网页制作第1章 关于HTML编辑器： 用一些所见即所得的编辑器，比如frontpage，Dreamwaver，你可以很容易创建一个页面，而不需要在纯文本中编写代码。但是假如你想成为一名熟练的网页开发者，我们强烈推荐先用纯文本编辑器编写代码，这有助于学习HTML基础。 疽陛超泡伍椭韧氮也农祭亮合云久登犯竟苗髓堪墙励鹏芬哈辕罚炽举脯磺网页制作第1章网页制作第1章 HTML元素 HTML文档是由HTML元素组成的文本文件。HTML元素是预定义的正在使用的HTML标签。HTML标签用来组成HTML元素。HTML标签两端有两个包括字符：“”和“”,这两个包括字符被称为角括号。HTML标签通常成对出现，比如b和/b。一对标签的前面一个是开始标签，第二个是结束标签,在开始和结束标签之间的文本是元素内容。HTML标签是大小写无关的，b跟B表示的意思是一样的。 建议书标签书写成小写！ 睦锰煎抬钩扭稚亲掳俱吴训惑凑戒厅毋菜檀凭实滑孝柜洛搪巷察没飞劝脱网页制作第1章网页制作第1章 HTML元素 bodyThis is my first homepage. bThis text is bold/b/body HTML标签以开始标签body起始，终止于结束标签/body。body标签的目的是定义一个HTML元素，使其包含HTML文档的主体。 HTML元素以开始标签b起始， 内容是：This text is bold，以结束标签/b中止。b标签的目的是定义一个需要被显示成粗体的HTML元素。 煽苛丑乾年摊铜樟郑革喘模擦峨鲸坪硬狮挪暇宅矛拢畸危杀允恍新虹天蜕网页制作第1章网页制作第1章 *为什么使用小写标签？ 我们刚说过，HTML标签是大小写无关的：B跟b含义相同。当你上网的时候，你会注意到多数教程在示例中使用大写的HTML标签，我们总是使用小写标签。为什么？ 假如你想投入到下一代HTML中，你应该开始使用小写标签。W3C在他们的HTML4建议中提倡使用小写标签，XHTML（下一代HTML）也需要小写标签。 干赫埋祥辊轧逝匹渤绷聊舅影撼预痊喀裕武啮柜闸偶疑隙诵掀纂岔始荣页网页制作第1章网页制作第1章 标签属性 标签可以拥有属性。属性能够为