HTML基础知识入门:超文本标记语言详解

需积分: 0 1 下载量 122 浏览量 更新于2024-09-18 收藏 530KB PDF 举报
<body>中我们看到了文本内容和一个换行标签<br/>,这个标签用于在文本中强制换行。 3.1.2 HTML标签 HTML由一系列的标签组成,这些标签以尖括号包围,比如 `<html>`、`<head>`、`<body>` 等。每个标签都有开始和结束标签,如 `<p>` 和 `</p>` 用于定义段落。有些标签是自闭合的,比如 `<br/>`,它们没有结束标签。HTML标签通常成对出现,但也有例外,如 `<img>` 标签,它使用 `src` 属性来指定图片源,并且没有结束标签。 3.1.3 HTML属性 HTML标签通常包含属性,属性提供了额外的信息。例如,在 `<a>` 标签中,`href` 属性用于指定链接的目标地址。在 `<img>` 标签中,`src` 属性用于指定图片的URL,`alt` 属性提供图片的文字描述。属性以名称/值对的形式存在,如 `class="example"`。 3.2 JavaScript简介 JavaScript是一种轻量级的编程语言,主要用于网页和用户交互以及控制网页行为。它可以在浏览器中运行,无需服务器支持。JavaScript可以用来改变HTML元素的内容、样式,响应用户的输入,甚至与服务器进行异步通信(AJAX)。 3.2.1 JavaScript语法基础 JavaScript语法与C++和Java相似,但更为宽松。变量声明使用 `var` 关键字,如 `var x = 10;`。条件语句如 `if...else` 用于执行条件判断,循环结构如 `for` 或 `while` 用于重复执行代码块。 3.2.2 DOM操作 文档对象模型(DOM)是HTML和XML文档的结构表示。JavaScript可以通过DOM来访问和修改页面元素。例如,通过 `document.getElementById('myElement')` 可以获取ID为'myElement'的元素,然后用 `.innerHTML` 修改其内容。 3.3 CSS简介 层叠样式表(CSS)用于控制网页的外观和布局。CSS允许将样式规则与HTML内容分离,实现内容与表现的解耦。 3.3.1 CSS选择器 CSS选择器用于选取HTML或XML文档中的元素。基本选择器包括元素选择器(如 `p`)、类选择器(如 `.myClass`)、ID选择器(如 `#myID`)和属性选择器(如 `[target="_blank"]`)。 3.3.2 CSS样式规则 样式规则由选择器和声明组成,声明由属性名和值构成,用冒号分隔,如 `color: red;`。多个声明用分号分隔。CSS可以设置字体、颜色、布局等多种样式属性。 总结: HTML是网页的基础,用于结构化内容;JavaScript负责交互和动态功能;CSS则负责页面的视觉呈现。掌握这三者的基本知识是Web开发的起点。虽然本章仅提供基础介绍,但它们是深入学习Web开发的基石。对于想要进一步提升技能的读者,建议阅读更专业和深入的教程,以深化对HTML、JavaScript和CSS的理解。