HTML标签

去码头整点薯条~

已于 2022-12-08 09:17:18 修改

阅读量646

点赞数

文章标签： javascript 前端开发语言

于 2022-07-08 14:43:04 首次发布

本文链接：https://blog.csdn.net/qq_49793461/article/details/125676793

版权

前言

什么是 HTML？

HTML 是用来描述网页的一种语言。 HTML指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页。 HTML 标记标签通常被称为 HTML 标签 (HTML tag)。 HTML 标签是由尖括号包围的关键词，比如 HTML 标签通常是成对出现的，比如和标签对中的第一个标签是开始标签，

一般标签有结束标签开始和结束标签也被称为开放标签和闭合标签，但是有的标签没有结束标签，称为单标签。

提示：以下是本篇文章正文内容，下面案例可供参考

一、html基本结构标签

在vscode编辑器中可在英文输入法下输入"!"号快速初始化页面结构

html标签：html文档的根标签，是页面最大的标签，必有
head标签：文档的头部标签，必有
title标签：定义文档的标题，head标签中必有的标签
meta标签：是在head区域中的一个辅助性标签，不包含任何内容，用于提供有关页面的元信息，比如针对搜索引擎和更新频度的描述和关键词；meta标签的属性定义了与文档相关联的名称/值对
body标签：body 元素是定义文档的主体。body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。）body是用在网页中的一种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常用标签

1.标题标签

h1-h6
独占一行，用来修饰页面内容的标题

<!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>
    <h1>标题1</h1>
    <h2>标题2</h2>
    <h3>标题3</h3>
    <h4>标题4</h4>
    <h5>标题5</h5>
    <h6>标题6</h6>
</body>
</html>

2.段落和换行表标签

p标签分段
br标签换行—单标签

<!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>
     <p>这是一个段落</p>
     从这里换行<br />
</body>
</html>

3.文本格式化标签

1.加粗或标签
2.倾斜或标签
3.删除线< del>或< S>标签
4.下划线< ins>或标签

<!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>网页设计</title>
</head>
<body>
    <strong>strong加粗标签</strong><br/>
    <em>em倾斜标签</em><br/>
    <del>del删除标签</del><br/>
    <ins>ins下划线标签</ins><br/>
</body>
</html>