html基本标签

SmileCatLI

于 2022-11-13 18:15:49 发布

阅读量96

点赞数

分类专栏： html 文章标签： html css

本文链接：https://blog.csdn.net/SmileCatLI/article/details/127834757

版权

html 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文介绍了HTML的基础标签，包括head、meta、title、body、strong、em、del和br等，展示了如何使用这些标签实现文字加粗、斜体、删除线和换行等效果，帮助读者理解HTML语言的基本语法和网页构建。

摘要由CSDN通过智能技术生成

什么是标签以及标签的格式

在html语言标签就是用来跟浏览器进行对话的一种模式，我们通过这种对话，可以让浏览器知道我们要做什么事。

基础标签

html中的一些根标签

这是html中的一些根标签

head
- 头标签非常的中要是html中必须存在的一个标签其中包含了meta和title标签
meta
- meta标签就是可以说是一个辅助标签，搜索引擎优化(SEO)，定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果等等
title
- 这个标签就很好理解了，那么我们看图所谓一图胜千眼
这就是我们平常浏览网页的时候的标题
body
- 这个标签也是必须的，这个用来们想在网页中写什么
- eg：

基础标签

如果我们想在这里插入代码片让这个字体加粗显示我们该怎么做呢，看下面代码

<!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>CSDN-专业开发者社区</title>
</head>
<body>
    <strong>你好,csdn</strong>
</body>
</html>

我们需要用一个strong标签将我们需要加粗的文字包裹起来就可以完成加粗效果

在这里插入图片描述

如果我们想让他有斜体呢？

<!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>CSDN-专业开发者社区</title>
</head>
<body>
    <strong>你好</strong>,<em>csdn</em>
</body>
</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>CSDN-专业开发者社区</title>
</head>
<body>
	    <strong>你好</strong>,<del>hello,world</del>,<em>csdn</em>
</body>
</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>CSDN-专业开发者社区</title>
</head>
<body>
    <strong>你好</strong>,<del>hello,world</del>,<br><em>csdn</em>
</body>
</html>