4 HTML小白教程
什么是HTML
HTML(超文本标记语言)是构建网页的基础语言。它用来结构化网页内容。
HTML基本结构
一个HTML文档的基本结构如下:
1 |
|
在这个结构中,<html>
标签是整个文档的根元素,<head>
部分包含元数据,而 <body>
部分包含所有可见内容。
常用HTML标签
标题标签
HTML中有六种标题标签,从<h1>
到<h6>
:
1 | <h1>这是一级标题</h1> |
标题标签用于定义页面的层次结构。
段落标签
用<p>
标签来定义段落:
1 | <p>这是一个段落。</p> |
链接标签
使用<a>
标签来创建链接:
1 | <a href="https://www.example.com">访问示例网站</a> |
href
属性指定链接的目标URL。
图像标签
使用<img>
标签插入图像:
1 | <img src="image.jpg" alt="示例图像"> |
src
属性指定图像路径,alt
属性提供图像的替代文本。
列表标签
有序列表
使用<ol>
标签创建有序列表:
1 | <ol> |
无序列表
使用<ul>
标签创建无序列表:
1 | <ul> |
表格标签
创建表格的基本结构如下:
1 | <table> |
<tr>
表示表格行,<th>
表示表头,<td>
表示单元格内容。
表单标签
创建表单的基本结构如下:
1 | <form action="/submit" method="post"> |
<form>
标签用于创建表单,<input>
标签用于输入数据。
HTML注释
使用<!-- 注释内容 -->
添加注释:
1 | <!-- 这是一个注释 --> |
注释在浏览器中不会显示,但对开发者有用。
常见的HTML错误
- 忘记关闭标签
- 使用无效的标记
- 不正确的文档结构
确保每个标签都正确配对并嵌套。
参考与实践
4 HTML小白教程