HTML基础结构
HTML(超文本标记语言)是构建网页的核心语言,通过标签定义内容结构,以下是简单网页的基本框架:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">网页标题</title>
</head>
<body>
<h1>这是一级标题</h1>
<p>这是一个段落。</p>
</body>
</html>
常用标签说明
功能 | 示例 | |
---|---|---|
<h1> ~<h6> |
(一级到六级) | <h2>二级标题</h2> |
<p> |
定义段落 | <p>这是一个段落。</p> |
<a> |
创建超链接 | <a href="https://example.com">链接</a> |
<img> |
插入图片 | <img src="image.jpg" alt="描述"> |
页面样式与布局
-
文字样式
- 加粗:
<b>
或<strong>
- 斜体:
<i>
或<em>
- 换行:
<br>
- 水平线:
<hr>
- 加粗:
-
列表
<table border="1">
<tr>
<th>表头1</th>
<th>表头2</th>
</tr>
<tr>
<td>数据1</td>
<td>数据2</td>
</tr>
</table>
常见问题与解答
问题1:HTML文件的基本结构是什么?
解答:
HTML文件由<!DOCTYPE html>
声明开头,包含<html>
根标签,内部分为<head>
(定义元数据如标题、字符集)和<body>
)。
<!DOCTYPE html>
<html>
<head>…</head>
<body>…</body>
</html>
问题2:如何插入图片并调整大小?
解答:
使用<img>
标签的src
属性指定图片路径,alt
属性提供替代文本,width
/height
属性设置尺寸(或通过CSS)。
<img src="logo.png" alt="公司标志" width="200" height="1