01-HTML- 简单介绍标签、元素和属性

Gy-qwert

已于 2023-05-23 22:55:11 修改

阅读量64

点赞数

分类专栏： javaweb-HTML\CSS\JS\jQuery 文章标签： html css html5

于 2023-04-29 23:23:51 首次发布

本文链接：https://blog.csdn.net/qq_47128897/article/details/130444324

版权

javaweb-HTML\CSS\JS\jQuery 专栏收录该内容

48 篇文章 2 订阅

订阅专栏

HTML，全称为超文本标记语言（HyperText Markup Language），是一种用于创建网页的标记语言。HTML 由一系列的标签和属性组成，HTML标签都是预定义好的，用于描述网页的结构和内容。

HTML 标签

HTML 标签是由尖括号包围的关键词，比如 <html>
HTML 标签通常是成对出现的，比如 <b> 和 </b>
标签对中的第一个标签是开始标签，第二个标签是结束标签

HTML 结构标签包括 <html>、<head>、<title>、<body> 等，它们用于定义 HTML 文档的基本结构和内容。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>页面标题</title>
  </head>
  <body>
    <h1>一级标题</h1>
    <p>段落文本</p>
    <img src="image.jpg" alt="图片">
    <ul>
      <li>列表项1</li>
      <li>列表项2</li>
      <li>列表项3</li>
    </ul>
  </body>
</html>

其中，<!DOCTYPE html> 定义了文档类型，<html> 包含了整个 HTML 文档的内容，<head> 包含了关于文档的元数据，比如标题、字符集等，<title定义了文档的标题，<body> 则包含了实际显示在浏览器中的内容。在 <body> 中，可以使用 <h1> 到 <h6> 定义标题的级别，使用 <p> 定义段落，使用 <img> 插入图片，使用 <ul> 和 <li> 创建无序列表。

HTML 元素

HTML 元素是 Web 页面的构建基本单元，它们是由开始标签、结束标签及其中间的内容组成的。通过 HTML 元素，我们可以描述页面上的各种内容，比如文字、图片、链接、表格等等。HTML 元素定义了内容的类型并为其提供结构和语义。

HTML 元素具有以下特征：

HTML元素以开始标签（Opening Tag）开始，以结束标签（Closing Tag）结束，内容在两个标签之间。
开始标签和结束标签通常是成对出现的，但也有一些标签是自闭合的（Self-Closing）。
开始标签和结束标签可以包含一些属性（Attributes），用于设置元素的样式、参数等额外信息。

HTML属性

HTML 属性（Attributes）是用于定义 HTML 元素的额外信息的特性。属性通常包含一个名称和一个值，以等号 = 分隔，放在 HTML 元素的开始标签内。可以使用属性来设置元素的样式、行为和功能等。例如，可以使用“src”属性指定图像或其他媒体文件的URL，使用“href”属性添加链接到其他页面，使用“class”属性定义 CSS 样式等。

在下面这个例子中，<img> 是一个图像元素，其中 src、alt、width 和 height 是它的属性。该元素使用 src 属性指定了要显示的图像文件的 URL 地址， alt 属性用于为图像定义替代文本， width 和 height 属性用于控制图像的显示大小。这些属性将构成该元素的完整定义。

HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
属性总是以名称/值对的形式出现，比如：name="value"。
属性总是在 HTML 元素的开始标签中规定。

<img src="image.jpg" alt="图片" width="200" height="100">

Gy-qwert

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
01-HTML- 简单介绍标签、元素和属性

HTML，全称为超文本标记语言（HyperText Markup Language），是一种用于创建网页的标记语言。HTML 由一系列的标签和属性组成，HTML标签都是预定义好的，用于描述网页的结构和内容。
复制链接

扫一扫