WEB前端技术第1讲 HTML概述与HTML文件.pptVIP

第1讲 HTML概述与HTML文件 1.1 基本概念 1.2 HTML文件 1.3 HTML及XHTML标记 1.4 HTML文件的编写 1.5 HTML文件的基本结构 1.1 基本概念 WWW World Wide Web（WWW或Web，万维网），是一种建立在Internet上的、全球性的、交互的、多平台的、分布式的信息资源网络，用于提供网页浏览服务，允许使用者通过“超链接”从一个页面跳到其他页面，是应用最广、发展最快的一种Internet服务。 WWW系统的组成部分： Web服务器、浏览器、HTML文件、 Internet网络 WWW涉及的三个重要概念： URL：统一资源定位器 HTTP：超文本传输协议 HTML：超文本标记语言 HTML HTML (Hypertext Markup Language，超文本标记语言）是一种文本类、解释执行的标记语言，用于编写要通过WWW显示的超文本文件 HTML诞生于20世纪90年代；最新版HTML4.01； 2000年1月，W3C公布了XHTML(可扩展标记语言)1.0版本；2001年5月发布了XHTML1.1；WHATWG（Web超文本应用技术工作组）于2004年开始组织制订HTML5规范，2008年W3C认可了HTML5，目前W3C制订了HTML5规范草案。 浏览器 浏览器：是专门用于执行HTML文件以及查看HTML源代码的一种软件。 浏览器执行HTML文件方式: 鼠标双击HTML文件 在浏览器地址栏中输入HTML文件的URL，并回车 目前主要有哪些浏览器？ 网页与网站 网页：也称Web页面，即在浏览器上显示的页面。 网站：一系列由通过各种链接关系关联起来的有共同主题的网页的集合体，包括主页以及由主页或子网页所跳转到的所有子网页 主页：主页是网站中一个特殊页面，它是网站的入口页面，其中包含指向其他页面的超链接。通常主页的名称是固定的，例如：index.html或default.html 静态网页与动态网页 静态网页：由HTML直接书写，内容不会因时因人变化，不能够在客户端与服务器端进行交互的网页称为静态网页；静态网页的扩展名为.html或.htm 动态网页：内容能够因人因时变化，且能够在客户端与服务器端进行交互的网页；网页的扩展名依据所用的编程语言来定，如.jsp、.aspx 全部由静态页面组成的 网站称为静态网站；包含有动态网页的网站称为动态网站 1.2 HTML文件 用HTML编写的文件称为HTML文件， HTML文件 是一个纯文本文件，可用任意一个文本编辑器（如记事本）来打开及编写 由标记和标记所设置的内容组成 HTML文件的执行：由浏览器直接解释执行 1.3 HTML及XHTML标记 标记作用：主要用于描述网页结构 标记放置在 和 之中，如：p。 和 内可以包含：标记名，属性及属性值等内容 有开始标记即 标记名称 和结束标记 /标记名称 之分。 标记的所有属性都是出现在开始标记中，结束标记中不出现任何属性。 标记可以嵌套使用，注意嵌套顺序不能错乱 HTML标记不区分大小写，而XHTML的所有标记都必须小写 标记类型: 单标记：只有开始标记，如br、 hr等 双标记： 具有开始标记和结束标记。如table /table HTML标记可以不用关闭，而XHTML所有的标记都必须关闭，双标记(如p/li)要有一个相应的结束标记，单标记(比如img/br等)要在标记后加一个“/”来关闭它 ，如 br/ 属性 属性为元素提供附加信息 在标记中使用attributename=“value” 来设置属性 属性放在开始标记中， HTML标记的属性可不用引号或使用单引号或双引号；XHTML标记属性值需用引号括起来，特殊情况，如需要在属性值里使用双引号，则可以用单引号代替该双引号。如： HTML 标记里面可以包含任意个属性，每个属性使用空格相分隔 ”我说‘HTML’语言“ HTML标记的属性不区分大小写，而XHTML标记的所有属性都必须小写 HTML标记的属性可以没有值，而XHTML规定所有属性都必须有一个值，没有值的就以属性名作为属性值，例如： input type=checkbox name=shirt value=medium checked=checked  checked=checked 标记语法格式： 标记名称 属性=属性值 属性=属性值 …… 设置内容/标记名称 如： font color=“#ffff33” size=“8” face=“宋体”您好/font 标记和属性的命名方法 标记命名方法: 使用标识对象的英文名全称，如：tablefont 使用标识对象