超文本标记语言 (HTML) 是我们用来制作网页的标记语言。它是您在互联网上遇到的每个网站的基础。将 HTML 视为构建 Web 所需的砖块。一旦我们编写了 HTML 代码,我们就可以向页面添加其他语言,例如 CSS 和 JavaScript,以添加交互性、样式等。
想象一下您将在文字处理器中创建的文档。该文档通常会使用不同的字体大小来指示文本的各个部分,例如页眉、主要内容、页脚、目录等。HTML 是构建该文档并设置文本大小的过程。
HTML 提供网站的结构和布局。我们使用各种元素来定义该结构。但是为了让浏览器以我们想要的方式出现,必须明确告诉它每段内容是什么。HTML 是我们交流和告诉计算机如何呈现的方式。计算机可以解释我们的 HTML 元素并将它们翻译到屏幕上。
一、文本标签
文本标签包括标题、正文、段落等。常用的标签包括:
标题标签:
<h1>
、<h2>
、<h3>
、<h4>
、<h5>
、<h6>
正文标签:<p>
、<br>
、<strong>
、<em>
、<del>
、<ins>
段落标签:<div>
标签内换行:<br>
标签内嵌套:<span>
特殊字符:<code>
例子:
创建一个标题
<h1>这是一个标题</h1>
创建一个段落
<p>这是一个段落。</p>
在标签内换行
<p>这是一个段落,
这是第二行。</p>
在标签内嵌套
<p>这是一个段落,
这是第二行。
这是第三行。
</p>
特殊字符
<p>这是一个段落,
这是<strong>强调</strong>文本。
</p>
二、列表标签
列表标签用于创建无序列表和有序列表。
可以使用 HTML 的 for 循环和 HTML 伪元素来创建无序列表和有序列表。
例子:
创建一个带有换行的有序列表,有序列表使用编号来编排项目,编号可以采用数字或引文字母开头,通常各项目间有先后的顺序性。在有序列表中,主要使用<ol>
和<li>
两个标签以及 type
和 start
两个属性。
<ul>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ul>
使用 for 循环和 HTML 伪元素创建无序列表
<ul>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ul>
使用 HTML 的 for 循环和 HTML 伪元素创建有序列表
<ol>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ol>
三、表格标签
表格标签用于创建表格。常用的标签包括:
<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>
</tbody>
</table>
本文通过一个简单的网页制作过程,介绍了HTML的基础、语法、标签和使用规则。HTML是网页制作的基础和核心,它包含了大量的标签和属性,能够帮助开发人员准确清晰地表现网页的内容和结构。目前,HTML已经发展成为HTML5版本,为网页的制作和开发提供了更多能力和特性。