📅  最后修改于: 2023-12-03 15:37:48.862000             🧑  作者: Mango
HTML(Hypertext Markup Language)是一种用于创建网页的标准标记语言。HTML使用标记(code)来描述网页的结构和内容。HTML标记通常成对出现,包括一个开始标记和一个结束标记。
下面是一个基本的HTML文档结构,应包含在<html>
和</html>
标记之间:
<!DOCTYPE html>
<html>
<head>
<title>网页标题</title>
</head>
<body>
网页内容
</body>
</html>
<!DOCTYPE html>
用于定义文档类型为HTML5。<html>
标记用于表示文档的开始。<head>
标记用于包含文档的元数据,例如标题和头部样式表。<title>
标记定义文档的标题。<body>
标记包含文档的主要内容。HTML提供了6个标题级别。标题级别随着数字1-6逐渐减小。以下是每个级别的标题:
<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>
HTML中的文本可以包装在<p>
标签中,表示一个段落:
<p>这是一个段落。</p>
可以使用<strong>
和<em>
标记使文本加粗和斜体:
<p><strong>粗体文本</strong>和<em>斜体文本</em>。</p>
使用<a>
标记来创建链接:
<a href="https://www.example.com">这是一个链接</a>
href
属性用于指定链接的URL地址。在这个例子中,链接指向https://www.example.com。
使用<img>
标记来插入图像:
<img src="image.jpg" alt="图像描述">
src
属性用于指定图像的URL地址。alt
属性用于提供图像的文本描述,以便屏幕阅读器等辅助技术能够理解图像。图像应该总是使用<img>
标记来插入。
HTML提供了两种类型的列表:有序列表和无序列表。
无序列表使用<ul>
标记表示,每个列表项使用<li>
标记表示:
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>
有序列表使用<ol>
标记表示,每个列表项使用<li>
标记表示:
<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ol>
使用<table>
标记来创建表格:
<table>
<thead>
<tr>
<th>表头1</th>
<th>表头2</th>
<th>表头3</th>
</tr>
</thead>
<tbody>
<tr>
<td>单元格1</td>
<td>单元格2</td>
<td>单元格3</td>
</tr>
<tr>
<td>单元格4</td>
<td>单元格5</td>
<td>单元格6</td>
</tr>
</tbody>
</table>
<thead>
标记用于表示表格的表头,<tr>
表示表格的行,<th>
表示表头单元格,<tbody>
表示表格的主体,<td>
表示除表头外的单元格。
这些是HTML的基础知识,可以用于创建简单的网页。HTML有许多其他标记,可以用于添加其他类型的内容,例如表单和多媒体。