DW-第9章HTML基础.pptx

第9章网页制作 HTML5基础 主讲：孙洪娟;本章任务目标;9.1WWW服务的基本概念; WWW是一个全球性的信息系统，使计算机能够在Internet上相互传送基于超媒体的数据信息。 WWW也可以用来建立Intranet（企业内部网）的信息系统。 WWW具有三个统一： 1.统一的资源命名方式：URL（统一资源定位符，即网址）。 2.统一的资源访问方式：HTTP （超文本传输协议）。 3.统一的信息组织方式：HTML（超文本标记语言）。;9.1.2 WWW服务的常用术语;9.1.3 Web的特点和结构;9.2 HTML5基本概念; 在一个HTML文档中，必须包含html/html标记，并且放在一个HTML文档中的开始和结束位置。即每个文档以html开始，以/html结束。html/html之间通常包含两个部分，分别是head/head和body/body，head标记包含HTML头部信息，如文档标题、样式定义等。Body包含文档主体部分（网页内容）。需要注意的是，HTML标记不区分大小写。;为了便于读者从整体把握HTML文档结构，通过一个HTML页面来介绍其整体结构，示例代码如下： !doctype html html head meta charset=utf-8 title无标题文档/title /head body /body /html;html head title欢迎进入HTML世界/title /head body p体验网页的魅力！/p /body /html;!doctype 声明必须位于HTML5文档中的第一行。也就是位于html标记之前。该标记告诉浏览器文档所使用的HTML规范。 html/html说明本页面使用HTML语言编写，使浏览器软件能够准确无误地解释、显示。 head/head是HTML的头部标记，头部信息不显示在网页中，此标记可以保护其中的其他标记，它用于说明文件标题和整个文件的一些公用属性，可以通过style标记定义css样式表，通过script标记定义JavaScript脚本文件。;9.4.1 HTML头部标记; title/title。 title是head中最重要的组成部分，它包含的内容显示在浏览器的窗口标题中，如果没有title，浏览器标题栏显示本页的文件名。 body/body。 body包含HTML页面的实际内容，显示在浏览器窗口的客户区中。 例如：文字、图像、动画、超级链接以及其他HTML相关的内容都是定义在body标记里面。;举例说明：主体标记 body table width=200 border=0 cellspacing=0 cellpadding=0 tr tdnbsp;/td /tr /table /body 主体是Web页的主要部分,定义的信息将显示在Web页中。;Html 5新增的结构标记有footer/footer和header/header标记，应用在手机网页中，但是，这两个标记还没有获取大多数浏览器支持。 header标记定义文档的页眉（介绍信息）如下： header h1欢迎访问主页/h1 /header; footer标记定义文档的页脚（日期、联系人、版权）如下： footer 版权 联系人 /footer;html中， 标记是HTML语言最基本的单位，每一个标记都是由””开始 ””结束，HTML语言标记通常都是成对出现，如body/body由首标记标记名/标记名和尾标记。除了成对出现的标记外，还可能出现单独标记，如: br单独标记在相应位置插入元素就可以。 HTML标记分为两种类型 ： 一种是标识标记(一般属于双标记) 标识标记表示某种格式的开始或结束，如title标记，表示网页的标题，p标记，表示网页中的段落。;一种是描述标记（一般属于单标记） 描述标记也可以称为标记的属性， 如：body font-size=“12” font-size标记就属于描述标记，也可以称为标记的属性。;在HTML语言中，注释由开始标记”!--”和结束标记”--”组成，两个标记之间的内容，会被浏览器解释为注释，而不在浏览器上显示。;列表标记：;列表标记 dl/dldt/dtdd/dd（列表标记） ① dl/dl用来创建一个列表; ② dt/dt用来创建列表中的上层项目; ③ dd/dd用来创建列表中最下层项目; dt/dt和dd/dd都必须放在dl/dl标记之间;列表标记：例如： html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8 / title无标题文档/title /head