HTML的基础语法和文本标签!

最新推荐文章于 2025-08-13 18:56:06 发布

原创最新推荐文章于 2025-08-13 18:56:06 发布 · 232 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #html #html5

JAVA基础专栏收录该内容

18 篇文章

订阅专栏

HTML基本结构:

HTML⽂件的扩展名为 .html 或者 .htm
HTML⽂本的结构包括“头”部分（head）、和“主体”部分（body），其中“头”部提供关于⽹⻚的信息，“主体”部分提供⽹⻚的具体内容
HTML是由：标签和内容构成, 每个HTML⻚⾯都有两部分构成(head头和body体)，其最外层是 … 标签包裹
HTML标签（标记）的语法是由 < 和 > 括起来。
HTML标签有两种：双标签： <标签名>…</标签名> 和单标签： <标签名 />
HTML标签中还可以添加属性： <标签名属性名1=“值1” 属性名2=“值2” 属性名n=“值n”>…</
标签名>
HTML标签规范：标签名⼩写、属性使⽤双引号、标签要闭合。规范不遵守浏览器不会报错，会尽量解析，⼤不了不显示效果 ^_ 。

<!DOCTYPE html>
<html lang="en">
 <head>
 <meta charset="UTF-8">
 <title>⽹⻚标题</title>
 <!-- 此处可以写各种⻚头属性设置、CSS样式和JavaScript脚本等... -->
 </head>
 <body>
 ⽹⻚显示内容
 </body>
</html>

HTML注释

html⽂档代码中可以插⼊注释，注释是对代码的说明和解释

HTML中HEAD头部设置

head标签作⽤于⽹⻚的头部，它的内容不会在正⽂中显示出来，主要完成对当前⻚⾯的各种设置
在head中常包含如下⼦标签：
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
 <head>
 <meta charset="UTF-8">
 <title>⽹⻚标题</title>
 <meta name="Keywords" content="关键字" />
 <meta name="Description" content="简介、描述" />
 <link type="text/css" rel="stylesheet" href="**.css"/>
 <style type="text/css">
 嵌⼊css样式代码
 </style>
 <script >
 JavaScript脚本程序
 </script>
 </head>
 <body>
 <h3>⽹⻚显示内容</h3>
 </body>
</html>

HTML文本标签

常⽤⽂本标签如下：
<hn>...</hn> 其中n为1–6的值。标题标签（加粗、独⽴⾏）
... 斜体
... 强调斜体
... 加粗
... 强调加粗
<cite></cite> 作品的标题（引⽤）
... 下标 ... 上标
<del>...</del> 删除线

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>⽂本标题示例</title>
</head>
<body>
 <h3>HTML标签实例--⽂本标签</h3>
 <h1>h1标题</h1>
 <h2>h2标题</h2>
 <h3>h3标题</h3>
 <h4>h4标题</h4>
 <h5>h5标题</h5>
 <h6>h6标题</h6>
 <i>i: 斜体标签</i> <br/>
 <em>em: 强调斜体标签</em> <br/>
 <b>b: 加粗标签</b><br/><br/>
 <strong>strong: 强调加粗标签</strong><br/>
 <del>del: 删除线</del><br/>
 <u>u: 下划线</u> <br/><br/>
 ⽔分⼦：H<sub>2</sub>O <br/>
 4<sup>2</sup>=16
</body>
</html>