Web前端开发技术——HTML、CSS、JavaScript 教学课件 作者 聂常红第1讲 html概述与HTML文件.ppt

《Web前端开发技术——HTML、CSS、JavaScript 教学课件 作者 聂常红第1讲 html概述与HTML文件.ppt》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、第1讲HTML概述与HTML文件1.1基本概念1.2HTML文件1.3HTML及XHTML标记1.4HTML文件的编写及执行1.5HTML文件的基本结构学习目标掌握HTML概念理解浏览器、网页、网站、静态及动态网站等概念理解HTML及XHTML标记的语法掌握HTML文件的基本结构熟悉HTML文件的编写方式及执行方式1.1基本概念WWWWorldWideWeb（WWW或Web，万维网），是一种建立在Internet上的、全球性的、交互的、多平台的、分布式的信息资源网络，是Internet所提供的服务之一。WWW基本组成内容：URL：统一资源定位器HTTP：超文本传输协议HTML：超文本标记语

2、言HTMLHTML(HypertextMarkupLanguage，超文本标记语言）是一种文本类、解释执行的标记语言，用于编写要通过WWW显示的超文本文件HTML诞生于20世纪90年代；最新版HTML4.01；2000年底，W3C公布了XHTML(可扩展标记语言)1.0版本；2001年5月发布了XHTML1.1HTML与SGMLSGML（StandarGeneralizedMarkupLanguage，标准通用标记语言），用于描述定义一套实际标记语言的方法HTM正是根据SGML制定的一套用于制作超文本文件的简单标记语言，是SGML的一个具体应用浏览器浏览器：是专门用于执行HTML文件以及查

3、看HTML源代码的一种软件。浏览器执行HTML文件方式:鼠标双击HTML文件在浏览器地址栏中输入HTML文件的URL，并回车网页与网站网页：也称Web页面，即在浏览器上显示的页面。网站：一系列由通过各种链接关系关联起来的有共同主题的网页的集合体，包括主页以及由主页或子网页所跳转到的所有子网页主页：主页是网站中一个特殊页面，它是网站的入口页面，其中包含指向其他页面的超链接。通常主页的名称是固定的，例如：index.html或default.html（.html或.htm后缀表示HTML文档）静态网页与动态网页静态网页：由HTML直接书写，内容不会因时因人变化，不能够在客户端与服务器端进行交互

4、的网页称为静态网页；静态网页的扩展名为.html或.htm动态网页：内容能够因人因时变化，且能够在客户端与服务器端进行交互的网页；网页的扩展名依据所用的编程语言来定，如.jsp、.aspx全部由静态页面组成的网站称为静态网站；包含有动态网页的网站称为动态网站1.2HTML文件用HTML编写的文件称为HTML文件，HTML文件是一个纯文本文件，可用任意一个文本编辑器（如记事本）来打开及编写由标记和标记所设置的内容组成HTML文件直接由浏览器解释执行，无需编译1.3HTML及XHTML标记标记放置在<和>之中，如：

。<和>内可以包含：标记名，属性及属性值等内容有开始标记即<标记名称>和结

5、束标记之分。标记的所有属性都是出现在开始标记中，结束标记中，不出现任何属性。HTML标记不区分大小写，而XHTML的所有标记都必须小写标记可以嵌套使用，注意嵌套顺序不能错乱标记类型:单标记：只有开始标记，如
、

6、HTML标记的属性可不用引号或使用单引号或双引号；XHTML标记属性值需用引号括起来，特殊情况，如需要在属性值里使用双引号，则可以用单引号代替该双引号，如：HTML标记里面可以包含任意个属性，每个属性使用空格相分隔”我说‘HTML’语言“HTML标记的属性不区分大小写，而XHTML标记的所有属性都必须小写HTML标记的属性可以没有值，而XHTML规定所有属性都必须有一个值，没有值的就以属性名作为属性值，如：＜inputtype="checkbox"name="shirt"value="medium"checked="checked">checked="checked"标记语法格式：<标记名

7、称属性=属性值属性=属性值……>…如：您好标记和属性的命名方法标记命名方法:使用标识对象的英文名全称，如：

使用标识对象的英文名首字母，如

使用标识对象的英文名缩写，如

---

属性命名方法:使用标识对象的属性英文名全称，如：使用标识对象的属性英文名

当前文档最多预览五页，下载文档查看全文

侵权申诉 举报

此文档下载收益归作者所有

下载文档

当前文档最多预览五页，下载文档查看全文

点击下载本文档

• 版权提示
• 下载文档

举报

温馨提示：
1. 部分包含数学公式或PPT动画的文件，查看预览时可能会显示错乱或异常，文件下载后无此问题，请放心下载。
2. 本文档由用户上传，版权归属用户，天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容，确认文档内容符合您的需求后进行下载，若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误，付费完成后未能成功下载的用户请联系客服处理。

相关文章

更多

• htmlcssjavascript技术大全
• html和css-web前端开发技术习题答案
• html、css、javascript技术附录
• Web前端开发技术——HTML、CSS、JavaScript教学课件作者聂常红第二讲javascript编程基础.ppt
• Web前端开发技术——HTML、CSS、JavaScript教学课件作者聂常红第五讲javascript内置对象.ppt
• Web前端开发技术——HTML、CSS、JavaScript教学课件作者聂常红第3讲文字、段落、列表及图片标记.ppt
• Web前端开发技术——HTML、CSS、JavaScript教学课件作者聂常红第三讲在网页中嵌入脚本的方式.ppt
• Web前端开发技术——HTML、CSS、JavaScript教学课件作者聂常红第5讲框架及表单标记.ppt
• Web前端开发技术——HTML、CSS、JavaScript教学课件作者聂常红第一讲CSS层叠样式表.ppt
• Web前端开发技术——HTML、CSS、JavaScript教学课件作者聂常红第一讲javascript概述.ppt

相关标签

前端开发 JavaScript 聂常红 ppt 课件 概述 教学 文件 作者 技术