第二章 HTML基础（上）

最新推荐文章于 2025-12-10 00:14:26 发布

原创最新推荐文章于 2025-12-10 00:14:26 发布 · 371 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html

Web前端开发专栏收录该内容

10 篇文章

订阅专栏

该博客主要介绍了HTML相关知识。包括HTML是制作网页的标准语言，由标签构成，标签有多种形式；还阐述了HTML文件结构，以及列举了如标题、段落、换行符等常见HTML标签的使用。

第一节 HTML概述

一.HTML语言、标签、元素、属性

HTML（HyperTest MarkUp Language）

“超文本标记语言”，制作网页的标准语言,标签构成。

-标签

由尖括号包围，比如<title>

通常是成对出现的

单独出现标签<image/>

标签嵌套<html><body><body><html>

第二节 HTML文件结构

<!DOCTYPE html>    //表示文档类型符合HTML5标准
<html lang="en">
<head>
  <meta charset-"UTF-8">     //meta代表元数据。charset属性：字符集编码方式。
  <title>       <title>
</head>
<body>
<body>
</html>

第三节 HTML标签

1.<h1>标题内容</h1>

一级标题比二级标题大

<h1>一级标题 heading 1</h1>
<h2>二级标题 heading 2</h2>

2.<p>段落内容</p>

<p>这是段落，每个段落自动换行。</p>
<p>段落内部文字词忽略连续    空格，
也不会显示空行，且不会换行。</p>

3.<p>文字内容 <br/> 文字内容 </p> //换行符

<p>这是一个段落。<br/>这段文字在第二行。</p>

4.空格字符&nbsp

<body>
    <p>&nbsp&nbsp&nbsp&nbsp前面为三个空格</p>
</body>

5.预留格式

<body>
    <pre>
    这是预留文本。它保留了   空格
    和空行
    </pre>
</body>

6.行内组合<span> 文本内容</span>

<p>最新<span>人口调查报告</span>指出...</p>

7.水平线hr

<p>正文段落</p>
<hr/>
<p>正文段落</p>

8.添加代码注释

<body>
    <!--这是一段注释-->
</body>