HTML：构建网站的骨架

HTML（HyperText Markup Language）是构建网页的基础，它定义了网页的结构和内容。以下是一些HTML的基础知识：

HTML标签

HTML标签用于定义网页中的不同元素，如标题、段落、图片等。以下是一些常见的HTML标签：

<!DOCTYPE html>
<html>
<head>
    <title>我的第一个网页</title>
</head>
<body>
    <h1>欢迎来到我的网站</h1>
    <p>这是一个段落。</p>
    <img src="image.jpg" alt="图片描述">
</body>
</html>

HTML属性

HTML属性用于提供关于标签的额外信息。以下是一些常见的HTML属性：

  • src：指定图片的路径
  • alt：当图片无法加载时显示的文本

CSS：美化网站的样式

CSS（Cascading Style Sheets）用于美化网页，它定义了网页的布局、颜色、字体等样式。以下是一些CSS的基础知识：

CSS选择器

CSS选择器用于选择页面中的元素。以下是一些常见的CSS选择器：

  • id选择器：使用#符号，如#title
  • 类选择器：使用.符号，如.text
  • 标签选择器：直接使用标签名，如h1

CSS样式

CSS样式用于定义元素的样式。以下是一些常见的CSS样式：

  • color：设置文本颜色
  • background-color：设置背景颜色
  • font-size：设置字体大小
#title {
    color: red;
    background-color: yellow;
    font-size: 24px;
}

JavaScript：让网站动起来

JavaScript是一种用于网页的脚本语言，它可以让网页具有交互性。以下是一些JavaScript的基础知识：

JavaScript变量

JavaScript变量用于存储数据。以下是一些常见的JavaScript变量：

  • var：声明变量
  • let：声明变量（ES6及以后版本）
  • const：声明常量（ES6及以后版本）
var name = "张三";
let age = 18;
const gender = "男";

JavaScript函数

JavaScript函数用于执行特定任务。以下是一个简单的JavaScript函数示例：

function sayHello() {
    alert("你好！");
}

总结

通过学习HTML、CSS和JavaScript，你可以轻松打造个性化网站。以下是一些学习资源：

希望这篇文章能帮助你入门Web前端开发，祝你学习愉快！