Web 前端基础入门
前端开发主要涉及三大核心技术:HTML 构建结构,CSS 控制样式,JavaScript 实现交互。下面我们从基础开始,逐步梳理这些核心知识点。
HTML 基础
基本概念
HTML(Hyper Text Markup Language)是超文本标记语言。它通过标签来控制页面内容,支持图片、音频、视频等多种媒体形式。标签通常成对出现,如 <h1> 和 </h1>,中间包裹具体内容。部分标签是自闭合的,例如 <br>。
一个标准的 HTML 文档结构如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>测试</title>
</head>
<body>
hello world
</body>
</html>
浏览器会将这些标签解析为 DOM 树结构。编写代码时,推荐使用 Visual Studio Code 等编辑器,它们能提供更好的语法高亮和自动补全功能。
常用标签
段落与换行
<p> 标签用于定义段落,浏览器会自动在段落间添加间距。如果需要紧凑的换行,可以使用 <br> 标签,它不会增加额外的垂直间距。
<p>这是一个段落</p>
<p>这是另一个段落</p>
第一行<br/>第二行
图片
使用 <img> 标签插入图片。 属性指定路径, 属性提供图片无法加载时的替代文本。路径可以是绝对路径或相对路径。


