HTML概述及常用标签

最新推荐文章于 2023-02-10 18:22:50 发布

十月红莲

最新推荐文章于 2023-02-10 18:22:50 发布

阅读量543

点赞数 1

文章标签： html

本文链接：https://blog.csdn.net/m0_51785393/article/details/125380762

版权

一、HTML是什么？

HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。

二、HTML基本结构

代码如下（示例）：

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

</head>

<body>

</body>

</html>

三、HTML中的标签

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

常见标签

行内元素HTML标签：

<i></i,>标签：作用：定义斜体字

<span></span>标签：作用：表示跨距、跨度，一行可以放多个span是一个小盒子

块级元素HTML标签：
<p></p> 标签：文字标签块级元素定义一个段落
<div></div>标签：表示分割、分区，一个div独占一行，可以想象成一个大盒子
<img>标签：是一个单标签，负责定义图像
<video><video>标签：作用：定义视频（video 或者 movie）

HTML5中常用的语义化标签

<header>
表示页面中一个内容区块或整个页面的标题。
<section>
页面中的一个内容区块，比如章节、页眉、页脚或页面的其他部分，可以和h1、h2...等元素结合起来使用,表示文档结构。
<article>
表示页面中一块与上下文不相关的独立内容,比如一篇文章。
<aside>
表示<article>标签素内容之外的、与<article>标签内容相关的辅助信息。可用作文章的侧栏
<hgroup>
表示对整个页面或页面中的一个内容区块的标题进行组合。
<figure>
表示一段独立的流内容,一股表示文档主体流内容中的一个独立单元。
<figcaption>
定义<figure>标签的标题。
<nav>
表示页面中导航链接的部分。
<footer>
表示整个页面或页面中一个内容区块的脚注。一般来说，它会包含创作者的姓名、创作日期以及创作者的联系信息。