📜  HTML-基本标签(1)

📅  最后修改于: 2023-12-03 14:41:57.568000             🧑  作者: Mango

HTML-基本标签

HTML(Hyper Text Markup Language)是一种用于创建网页的标记语言。在 HTML 中,页面中的内容以标签编写,标签意味着将要呈现的内容的不同部分。本文将介绍一些 HTML 中最基础的标签。

基本结构

HTML 文件以 <!DOCTYPE html> 开始。此行指示浏览器使用 HTML5 进行渲染。

<!DOCTYPE html>

<!DOCTYPE> 下面的第一个标签始终是 <html>。其中,<html> 元素是 HTML 页面中的根元素。您可以将所有其他元素放入其中。此标记包括 lang 属性,其中包括其内容的语言。

<html lang="en">

<html> 标记下,有两个必需的元素: <head><body>

<head> 元素包含所有的头部标签元素,如 <title>,以及其他元数据(meta data),如 <meta charset="UTF-8">

<head>
    <meta charset="UTF-8">
    <title>Page Title</title>
</head>

<body> 元素包含可见页面上的所有内容,如文本、图像、音频、视频、表单等。

<body>
    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>
</body>
常用标签
文本标签

HTML 有许多文本标签,这里只介绍一些常用的。

<h1>-<h6> 标签

<h1>-<h6> 标签用于定义标题。<h1> 定义最重要的标题,而 <h6> 定义最不重要的标题。

<h1>这里是标题1</h1>
<h2>这里是标题2</h2>
<h3>这里是标题3</h3>
<h4>这里是标题4</h4>
<h5>这里是标题5</h5>
<h6>这里是标题6</h6>

<p> 标签

<p> 标签用于定义段落。

<p>这是一个段落。</p>
<p>这是另一个段落。</p>

<br> 标签

<br> 标签用于在页面中插入一个换行符。

<p>第一行<br>第二行</p>

<a> 标签

<a> 标签用于定义超链接。通过在 href 属性中设置 URL,您可以创建指向其他文档、页面、图片、视频、音频等的链接。

<a href="http://www.example.com">访问示例网站</a>
图像标签

HTML 的 <img> 标签用于在页面中嵌入图像。 src 属性定义要显示的图像的 URL。

<img src="image.jpg" alt="描述图像的文字">
列表标签

HTML 有两种列表:无序列表和有序列表。

无序列表

无序列表使用 <ul> 标记。

<ul>
    <li>列表项 1</li>
    <li>列表项 2</li>
    <li>列表项 3</li>
</ul>

有序列表

有序列表使用 <ol> 标记。

<ol>
    <li>列表项 1</li>
    <li>列表项 2</li>
    <li>列表项 3</li>
</ol>
结语

本文所介绍的是 HTML 中最基础的标签。在实际开发中,HTML 中有很多标签和属性,需要根据实际需要进行选择和使用。