根目录
HTML基础
以下是HTML基础内容及代码解释:
一、HTML文档结构
html
<!DOCTYPE html> <html> <head> <title>页面标题</title> </head> <body> 页面内容 </body> </html>
- `<!DOCTYPE html>`:声明这是一个 HTML5 文档类型。
- `<html>`:整个 HTML 文档的根元素。
- `<head>`:包含文档的元数据,如标题、字符编码、外部资源链接等。
- `<title>`:定义页面的标题,显示在浏览器标签页上。
- `<body>`:包含页面的可见内容,如文本、图像、链接等。
二、文本和段落
html
<p>这是一个段落。</p>
- `<p>`标签定义一个段落。
三、标题
html
<h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题</h3>
- `h1`到`h6`标签用于定义不同级别的标题。
四、链接
html
<a href="https://www.example.com">链接文本</a>
- `<a>`标签定义一个链接。`href`属性指定链接的目标地址。
五、图像
html
<img src="image.jpg" alt="图片描述">
- `<img>`标签用于插入图像。`src`属性指定图像的文件路径或 URL。`alt`属性提供当图像无法显示时的替代文本描述。
六、列表
1. 无序列表:
html
<ul> <li>列表项 1</li> <li>列表项 2</li> </ul>
- `<ul>`标签定义无序列表。`<li>`标签定义列表项。
2. 有序列表:
html
<ol> <li>列表项 1</li> <li>列表项 2</li> </ol>
- `<ol>`标签定义有序列表。
七、表格
html
<table> <tr> <th>表头 1</th> <th>表头 2</th> </tr> <tr> <td>数据 1</td> <td>数据 2</td> </tr> </table>
- `<table>`标签定义表格。`<tr>`标签定义表格行。`<th>`标签定义表头单元格。`<td>`标签定义普通数据单元格。