HTML(HyperText Markup Language)是一种用于创建网页的标准标记语言,它负责定义网页的结构和内容。CSS(Cascading Style Sheets)则用于控制网页的样式和布局,使得内容与表现分离,增强了网页的设计灵活性。JavaScript 是一种脚本语言,常用于增加网页的交互性和动态效果。
1. HTML 语法:
HTML 标记由起始标签和结束标签组成,如 `<标记名>` 和 `</标记名>`。有些标记是自闭合的,如 `<img>`。HTML 元素可以拥有属性,例如 `属性1="值"`,`属性2="值"`。长度单位通常包括相对单位像素和百分比,以及颜色表示,如单词、RGB 值和十六进制代码。
2. CSS 语法:
CSS 用于设定元素的样式,例如颜色、字体、布局等。颜色可以用单词(如 "blue")、RGB 值(如 "rgb(0, 0, 255)")或十六进制代码(如 "#0000FF")。路径可以是相对路径或绝对路径,影响元素资源的引用。
3. JavaScript 基础:
JavaScript 可以通过事件监听、函数调用等方式实现动态效果。例如,改变元素的样式、响应用户操作等。JavaScript 代码通常放在 `<script>` 标签中,可以内联于 HTML 文件或外部引用。
4. HTML 基础标记:
`<html>`、`<head>` 和 `<body>` 是 HTML 文档的基本框架。`<head>` 包含文档元信息,如 `<title>` 设置网页标题。`<body>` 包含可见内容。`<p>` 用于段落,`<br/>` 进行换行,`<blockquote>` 实现缩进,特殊字符可以通过实体引用符插入,如 ` ` 表示空格。
5. 列表和文本标记:
无序列表 `<ul>` 和有序列表 `<ol>` 用于创建不同类型的列表,`<li>` 定义列表项。文本标记如 `<h1>` 至 `<h6>` 创建标题,`<b>`、`<i>`、`<u>`、`<s>` 分别用于加粗、斜体、下划线和删除线,`<sup>` 和 `<sub>` 实现上标和下标,`<small>` 和 `<big>` 改变字体大小,`<font>` 控制文字样式。
6. 图像和画线:
`<img>` 标签插入图片,`src` 指定源,`width` 和 `height` 设定尺寸,`alt` 提供替代文本。水平线 `<hr>` 可调整大小和颜色。
7. 链接:
`<a>` 标签创建超链接,`href` 指定目标地址,`target` 控制新窗口或当前窗口打开,如 `_blank` 和 `_self`。`<a>` 标签还可以配合 `onclick` 等事件处理程序,实现更复杂的交互。
这些基本元素构成了 HTML+CSS+JavaScript 的核心概念,它们共同作用,构建出丰富的网页内容和用户体验。学习并熟练掌握这些基础知识,是成为一名合格前端开发者的基础。通过不断实践和深入学习,可以创建出更具吸引力和功能性的网页应用。