Chapter2-HTML.pptxVIP

Chapter2HTML管理科学与工程学院 刘政敏liuzhengmin525@163.com本章主要内容1、HTML概述2、HTML文档结构3、HTML基本语法4、HTML主要标签Page ? 一、HTML概述1、HTML:超文本标记语言 (HyperText Markup Language)，是用来描述网页的一种语言。2、HTML不是一种编程语言,而是一种标记语言 (markup language),是一套标签 (tag),使用标签描述网页。3、用HTML编写的超文本文档称为HTML文档/网页，后缀名为.htm,.html。Web 浏览器负责读取 HTML 文档，并以网页的形式显示出它们。4、编辑器:可用文本编辑器(Notepad,EditPlus等）或专门可视化编辑器（Dreamweaver,Frontpage,vs等）5、HTML的版本从1.0到目前的4.0,5.0Page ? HTML文件命名注意*.htm或*.html无空格规范命名,一般为英文、数字，无特殊符号(例如符号),但可以有下划线“_”。区分大小写首页文件名默认为:index.htm/ index.html default.htm/default.htmlPage ? 二、HTML文档结构文档开始HTML Head title文档的标题/title //头部其他标签 /Head Body ...// 正文部分 /Body/HTML文档头,包含描述文件的基本信息文档体,包含整个文档的主要内容文档结束Head与Body为两个独立部分，不能相互嵌套Page ? 三、HTML基本语法html head title北京欢迎您！/title /headbodyh1My First Heading/h1pMy first paragraph./p/body/html一个小例子Page ? 基本语法-续HTML标签标签一般成对出现,由开始标签和结束标签构成 标签...标签内容.../标签 标签 属性=“值”...标签内容.../标签 标签/(没有标签内容的直接在开始标签中关闭,比如br/img/) 例如，font color=“red” size=“10” face=“宋体” 北京欢迎您！/font（html5中已经取消该标签！）Page ? 注意事项：Html标签不区分大小写,但建议用小写(HTML 4推荐用小写,而在未来(X)HTML 版本强制使用小写)属性以值对形式出现,无顺序之分,用空格隔开,属性值始终包括在引号(单双引号均可)内;标签可以嵌套,但要按顺序嵌套;一定不要忘记结束标签,成对出现的,称为开始标签和结束标签。在目前的一些浏览器中,不写结束标签虽然很多情况下可以正常显示,但也有可能出现很多意想不到的错误；注释的表示方式为：!-- 内容 -- Page ? 四、HTML主要标签1、结构标签2、字体与页面控制标签3、链接标签4、表格标签5、表单标签6、框架标签7、其他标签8、相关基础知识相对重要些！Page ? (一)、结构化标签1、html.../html:表示这是一个HTML文档的开始和结束；2、head../head:描述文件的整体信息,大部分内容不会出现在浏览器中，其内部只能包含base、title、meta、link、script等几个标签。3、body../body:文档主体,定义文档的主要内容，其内部的所有内容经浏览器解释后显示在浏览器中。Page ? 结构化标签-续Head部分主要标签元素描述title文档标题(唯一必须的)meta有关页面的元信息(meta-information)base为页面上的所有链接规定默认地址或默认目标。link定义文档与外部资源的关系，最常见的用途是链接样式表。script用于定义客户端脚本style为HTML 文档定义样式信息。Page ? Header部分主要标签(1)title：设置文档标题,同时当把文档加入用户的收藏夹时，title将成为默认名称。例如：title山东经济学院/title提示：title 是 head 中唯一要求必须包含的东西！(2)base：标签为页面上的所有链接规定默认目标。例如，base target=_blank / Page ? Header部分主要标签-续(3)meta:提供有关页面的元信息(meta-information)meta标签分两大部分：Http标题信息(http-equiv)和页面描述信息(name)。meta 标签的属性定义了与文档相关联的名称/值对。属性取值作用nameauthor /description Keywords/generator 把 content 属性关联到一个名称http-equivcontent-type /expires /