一、HTML基础术语
1. HTML
- 定义:HyperText Markup Language,超文本标记语言,用于创建网页的标准标记语言。
- 作用:定义网页的结构和内容。
2. 元素
- 定义:HTML文档中的标记,用于表示网页中的不同部分。
- 示例:
<html>、<head>、<title>、<body>、<p>、<a>等。
3. 标签
- 定义:HTML元素的名字,通常由一对尖括号包裹。
- 示例:
<html>、<body>、<p>、<a>等。
4. 属性
- 定义:描述HTML元素的额外信息。
- 示例:
href(用于<a>标签)、src(用于<img>标签)等。
5. 容器元素
- 定义:包含其他元素的HTML元素。
- 示例:
<div>、<span>、<header>、<footer>等。
6. 自闭合标签
- 定义:不需要成对出现的HTML标签。
- 示例:
<img>、<br>、<input>等。
二、CSS基础术语
1. CSS
- 定义:Cascading Style Sheets,层叠样式表,用于描述HTML元素的样式。
- 作用:控制网页的布局、颜色、字体等外观。
2. 选择器
- 定义:用于定位HTML元素的规则。
- 示例:类选择器(
.class)、ID选择器(#id)、标签选择器(p)等。
3. 属性
- 定义:CSS样式中的关键词,用于描述元素的特定外观。
- 示例:
color、background-color、font-size等。
4. 值
- 定义:用于描述CSS属性的具体数值。
- 示例:
red、#ff0000、12px等。
5. 伪类
- 定义:用于描述元素的特定状态。
- 示例:
:hover、:active、:focus等。
6. 伪元素
- 定义:用于描述元素的特定部分。
- 示例:
:first-letter、:first-line、:before、:after等。
三、JavaScript基础术语
1. JavaScript
- 定义:一种轻量级、解释型、基于原型的编程语言,用于网页的交互性。
- 作用:实现网页的动态效果和行为。
2. 变量
- 定义:用于存储数据的容器。
- 示例:
var x = 5;、let y = "Hello, world!";、const z = true;
3. 数据类型
- 定义:变量可以存储的数据类型。
- 示例:
number、string、boolean、null、undefined等。
4. 函数
- 定义:用于执行特定任务的代码块。
- 示例:
function sayHello() { console.log("Hello!"); }
5. 事件
- 定义:用户或浏览器与网页交互时触发的事件。
- 示例:
click、mouseover、keydown等。
6. 对象
- 定义:由属性和方法组成的实体。
- 示例:
var person = { name: "Alice", age: 25 };
通过以上基础词汇的介绍,相信你已经对HTML前端开发有了一定的了解。接下来,你可以根据自己的需求,深入学习相关知识点,不断积累实践经验,成为一名优秀的前端开发者。祝你学习愉快!
