【HTML学习】HTML基础和常见的元素标签

最新推荐文章于 2024-07-06 10:50:45 发布

经云

最新推荐文章于 2024-07-06 10:50:45 发布

阅读量485

点赞数 5

分类专栏：技术杂项文章标签： html 学习前端

本文链接：https://blog.csdn.net/weixin_42206314/article/details/139959753

版权

6 篇文章 0 订阅

订阅专栏

HTML（HyperText Markup Language，超文本标记语言），是一种用来告知浏览器如何组织页面的标记语言，通常由一系列的元素（Element）组成，这些元素可以用来包围或标记不同部分的内容，使其以某种方式呈现或者工作。

元素是网页的一部分，在 XML 和 HTML 中，一个元素可以包含一个数据项，或是一块文本，或是一张照片，亦或是什么也不包含。一个典型的元素包括一个具有一些属性（Attribute）的开始标签（Opening Tag），中间的文本内容和一个结束标签（Closing Tag）。

<p class=“nice”>hello world</p>

如上所示：

如下表，分类包含块级元素和内联元素，其中块级元素可以互相嵌套，通常单独占一行，而内联元素只能嵌套在块级元素之中，不会换行。如：

<p>我喜欢<em>李白</em>和<strong>苏轼</strong>，你呢？</p>

空元素，指的是没有结束标签，没有文本内容的元素。如<img>

标签	说明	分类
<p>学习HTML</p>	段落	块级元素
<em>学习HTML</em>	斜体强调	内联元素
<strong>学习HTML</strong>	着重强调	内联元素
<img src= “https://inews.gtimg.com/om_bt/ OHyQqgC_5oi4Vm0tlH49XvJzqNBHo2Zryxx5F_be5N2cIAA/ 1000“/>	插入一张指定的图片	空元素，内联元素
<a href=”https://www.baidu.com”>百度</a>	超链接	块级元素
<html></html>	包裹页面所有内容	根元素
<head></head>	需要包含在页面中，但不希望显示的内容	头元素
<body></body>	需要显示在页面中的内容	体元素
<meta `charset="utf-8"`/>	元数据元素
<title></title>	设置页面的标题。显示在浏览器标签上的内容。
<h1></h1> <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6>	不同级别的标题，h1最大，h6最小。	块级元素
`<link rel="stylesheet" href="my-css-file.css" />`	加载css文件
`<script src="my-js-file.js" defer></script>`	加载javascript脚本文件
<ul></ul>	无序列表组	块级元素
<ol></ol>	有序列表组	块级元素
<li></li>	列表项（包裹在列表组标签内）	块级元素
<mark></mark>	背景颜色（默认黄色）	内联元素

关注