使用标题标签、段落标签、换行标签、图片标签、超链接标签、表格标签设计HTML的常用标签简单网页
时间: 2024-10-24 08:18:34 浏览: 19
20.2 HTML 常用标签
在HTML中,用于创建基本网页结构的常用标签主要包括:
1. **`<html>`**:这是文档的根元素,所有的其他标签都应放在这个标签内。
```html
<html>
...
</html>
```
2. **`<head>`**:包含页面元数据,如标题 `<title>` 和可能的样式表 `<link>` 或 JavaScript 文件 `<script>`。
```html
<head>
<title>我的网页</title>
<!-- 样式表或脚本 -->
</head>
```
3. **`<body>`**:内容区域,显示用户看到的实际网页内容。
```html
<body>
<h1>欢迎来到我的网站</h1>
<!-- 内容... -->
</body>
```
4. **`<header>`**:页面头部,通常包括导航栏和标题。
```html
<header>
<nav><a href="#">首页</a> | <a href="#">关于我们</a></nav>
</header>
```
5. **`<p>`**:段落标签,用于文本描述。
```html
<p>这是一段示例文字。</p>
```
6. **`<img>`**:插入图片,需要指定`src`属性指明图像文件路径。
```html
<img src="image.jpg" alt="图片描述">
```
7. **`<a>`**:创建超链接,`href`属性指向链接的目标地址。
```html
<a href="https://www.example.com">点击这里访问CSDN</a>
```
8. **`<table>`**:创建表格,`<tr>`定义行,`<td>`定义单元格。
```html
<table>
<tr>
<td>列1</td>
<td>列2</td>
</tr>
<!-- 更多行... -->
</table>
```
9. **`<br>`**:换行标签,用于强制新行。
```html
这是第一行<br>这是第二行
```
阅读全文