基础结构
HTML 网站由多个层级的标签构成,核心结构如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<body>
</html>
头部常用标签
作用 | 示例 | |
---|---|---|
<link rel="stylesheet" href="style.css"> |
引入外部 CSS 文件 | 加载样式表 |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
适配移动设备屏幕 | 响应式设计支持 |
<script src="script.js"></script> |
引入外部 JavaScript 文件 | 添加交互功能 |
结构
功能 | 示例 | |
---|---|---|
<h1>~<h6> |
标题层级(<h1> 为最高级别) |
<h1>网站主标题</h1> |
<p> |
段落文本 | <p>这是一个段落。</p> |
<a href="https://example.com"> |
超链接 | 点击跳转到指定 URL |
<img src="image.jpg" alt="描述"> |
图片 | 显示图像并添加替代文本 |
<ul>/<ol> |
无序/有序列表 | 配合 <li> 使用 |
<table> |
表格 | 含 <tr> (行)、<td> (单元格) |
常见问题与解答
问题1:为什么网页显示乱码?
答:可能未声明字符编码,需在 <head>
中添加 <meta charset="UTF-8">
,确保浏览器正确解析中文或其他特殊字符。