一些基础的HTMLTag参考.pdf
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
HTML(HyperText Markup Language)是创建网页的标准标记语言,它通过使用不同的标签(Tag)来组织和格式化网页内容。以下是一些基础的HTML标签及其用法: 1. **标题标签(Heading Tags)**:HTML提供了从 `<h1>` 到 `<h6>` 的六级标题标签,用于设置页面的主要标题。它们的大小依次减小,`<h1>` 是最大的标题,而 `<h6>` 是最小的。例如: ```html <h1>这是一个一级标题</h1> <h2>这是一个二级标题</h2> ``` 2. **段落标签(Paragraph Tags)**:`<p>` 用于定义文本的段落。例如: ```html <p>这是一个段落。</p> <p>这是另一个段落。</p> ``` 3. **换行标签(Line Break Tags)**:`<br>` 用于在不开始新段落的情况下进行换行。例如: ```html 这是一行文本<br>换行后的文本 ``` 4. **注释标签(Comment Tags)**:`<!-- -->` 用于添加代码注释,这些注释不会在网页中显示。例如: ```html <!-- 这是一个注释,解释代码的作用 --> ``` 5. **对齐属性(Alignment Attributes)**:一些标签如 `<h1>` 支持 `align` 属性,用于设置内容的对齐方式,如居中、居右和居左。例如: ```html <h1 align="center">居中标题</h1> <h1 align="right">居右标题</h1> <h1 align="left">居左标题</h1> ``` 6. **水平线标签(Horizontal Rule Tags)**:`<hr>` 用于在内容中插入一条水平线,常用于分隔内容。例如: ```html <p>一段文字</p> <hr> <p>另一段文字</p> ``` 7. **背景颜色(Background Color)**:`<body>` 标签的 `bgcolor` 属性可以设置整个网页的背景颜色。例如: ```html <body bgcolor="blue"> ``` 这将使网页背景变为蓝色。 8. **表格相关标签**:在HTML中,`<table>` 用于创建表格,`<tr>` 代表表格中的一行,`<th>` 用于定义表头(居中、加粗显示),`<td>` 用于定义表格的单元格。例如: ```html <table> <tr> <th>表头1</th> <th>表头2</th> </tr> <tr> <td>单元格1</td> <td>单元格2</td> </tr> </table> ``` HTML的语法规则包括: - 一个标签通常由开始标签(如 `<p>`)和结束标签(如 `</p>`)组成,但某些标签如 `<br>` 是自闭合的,没有结束标签。 - 多余的空格和换行在HTML中会被压缩为一个空格。 - 有些标签如 `<h1>`、`<h2>` 等可以独立使用,无需使用 `<p>` 标签分段。 通过实践和使用在线HTML编辑器,可以更直观地了解这些标签的效果,从而更好地学习和掌握HTML的基础知识。这将有助于创建和编辑网页内容,实现网页布局和样式控制。
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![application/x-rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![application/pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![application/pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![application/x-rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![application/x-rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![application/x-rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![](https://csdnimg.cn/release/download_crawler_static/71201493/bg1.jpg)
![avatar-default](https://csdnimg.cn/release/downloadcmsfe/public/img/lazyLogo2.1882d7f4.png)
![avatar](https://profile-avatar.csdnimg.cn/default.jpg!1)
- 粉丝: 1
- 资源: 14万+
![benefits](https://csdnimg.cn/release/downloadcmsfe/public/img/vip-rights-1.c8e153b4.png)
![privilege](https://csdnimg.cn/release/downloadcmsfe/public/img/vip-rights-2.ec46750a.png)
![article](https://csdnimg.cn/release/downloadcmsfe/public/img/vip-rights-3.fc5e5fb6.png)
![course-privilege](https://csdnimg.cn/release/downloadcmsfe/public/img/vip-rights-4.320a6894.png)
![rights](https://csdnimg.cn/release/downloadcmsfe/public/img/vip-rights-icon.fe0226a8.png)
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助
![voice](https://csdnimg.cn/release/downloadcmsfe/public/img/voice.245cc511.png)
![center-task](https://csdnimg.cn/release/downloadcmsfe/public/img/center-task.c2eda91a.png)
最新资源
![feedback](https://img-home.csdnimg.cn/images/20220527035711.png)
![feedback-tip](https://img-home.csdnimg.cn/images/20220527035111.png)
![dialog-icon](https://csdnimg.cn/release/downloadcmsfe/public/img/green-success.6a4acb44.png)