HTML语言详解:从基础到HTML5

需积分: 25 1 下载量 181 浏览量 更新于2024-08-17 收藏 2.03MB PPT 举报
HTML(超文本标记语言)是用于创建网页和应用程序的标准标记语言,它允许内容创作者通过标记来定义文本、图像、链接等各种元素的结构和样式。HTML的全称是HyperText Markup Language,其核心在于“超文本”和“标记语言”两个概念。 超文本是指HTML文档中不仅包含纯文本,还可能包括图像、音频、视频、链接到其他网页或资源的链接等多类型的信息。而标记语言则是指HTML文档由一系列的标签组成,这些标签告诉浏览器如何处理和呈现内容。例如,`<a>`标签用于创建链接,`<h1>`标签用于定义一级标题。 HTML的历史可以追溯到1990年代初,从HTML1.0版本开始,经过HTML2.0、HTML3、HTML4,直至HTML4.01,这个过程见证了HTML功能的逐步完善。随着互联网的发展,HTML5成为了目前广泛使用的版本,它引入了更多新的元素和特性,增强了网页的交互性和多媒体支持。 W3C(World Wide Web Consortium)是负责制定HTML标准的组织,从HTML4开始,W3C确保了HTML的规范化发展。XHTML1.0是HTML的一个变种,它遵循XML的严格规则,使得HTML更符合结构化数据的要求。 HTML文件通常分为两大部分:头部(head)和主体(body)。头部包含文档元信息,如标题(title),而主体则包含用户在浏览器窗口中看到的实际内容。一个基本的HTML文件结构如下: ```html <!DOCTYPE html> <html> <head> <title>页面标题</title> </head> <body> <h1>你好,欢迎!</h1> 请单击<a href="ex2-1_1.html">HelloWorld!</a> </body> </html> ``` 在HTML中,标记(标签)和元素是两个相关但不完全相同的概念。标记是像`<h1>`这样的开始和结束符号,它们定义了元素的类型。元素则是由开始标记、内容和结束标记组成的完整结构,例如`<h1>你好,HelloWorld</h1>`。有时,人们会用“标记”和“元素”互换,但严格来说,元素包含了标记及其内容。 HTML标记具有属性,这些属性提供了额外的信息来定制元素的行为。例如,`<a>`标签的`href`属性定义了链接的目标地址。在给定的描述中,`<a href="url">转向1.html</a>`和`<base href="http://localhost:8080/myApp/">`都是关于链接的实例。`<base>`标签用于设置所有相对URL的基础路径,这样当页面中其他链接没有提供完整URL时,浏览器会将基础路径与相对URL结合,形成完整链接。 HTML是构建网页和应用程序的基础,它的语言结构、标记、元素和属性共同构成了网页的骨架,使得浏览器能够正确地理解和展示内容,为用户提供丰富的网络体验。了解并熟练掌握HTML,是成为Web开发者的必备技能之一。