本文介绍了HTML中的标题标签使用、文本对齐、段落和换行技巧，以及基本结构如doctype和meta标签的设置。还详细讲解了图片的插入方法，包括绝对路径和相对路径，以及图片属性如src、alt和title的含义。
一、网页标题
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
一号标题字体最大，六号标题字体最小
标题标签都是在网页垂直显示，内容居左，加粗
建议：推荐使用2-5号标题，如果使用一号标题，一个网页推荐只有一个一号标题
了解：align="" 设置元素内容的水平对齐方式，默认left：居左，center：居中 ，right：居右
<h1 align="right">这是一号标题</h1>
<h2 align="center">这是二号标题</h2>
用以下方法可以查看别人的代码
绿色为快捷键，可以自动生成1-6标题
二、段落、换行和水平线
<!-- 段落 -->
<p align="center">这是一个段落</p>
<p align="right">这是一个段落</p>
<p>这是一个段落</p>
<!-- 练习 -->
<h3>Xiaomi 12S ULtra</h3>
<p>这真徕卡 | 专业徕卡影像</p>
<p>5999元起</p>
<!-- 换行 -->
<p>岁暮阴阳催短景，天涯霜雪霁寒宵。
<br>虽则一路紧赶慢赶，但等方多病将马拴到一旁的树干上疾步过来的时候，笛飞声第一壶酒已经喝完了。
<br>
积雪将树的枝丫压弯，斜斜的擦过亭子檐角，冬日昼短夜长，此时日头便西斜了，正正好好挂在覆着白雪的枯枝上，如同一个红彤彤的、浑圆的果子。
</p>
<br>即break，换行，是一个单标记
<p>岁暮阴阳催短景，天涯霜雪霁寒宵。
<br>虽则一路紧赶慢赶，但等方多病将马拴到一旁的树干上疾步过来的时候，笛飞声第一壶酒已经喝完了。
<br>
积雪将树的枝丫压弯，斜斜的擦过亭子檐角，冬日昼短夜长，此时日头便西斜了，正正好好挂在覆着白雪的枯枝上，如同一个红彤彤的、浑圆的果子。
</p>
<!-- html默认width单位为像素，width是水平方向宽度，size是竖直方向宽度 -->
<hr color="blue" width="500" size="20" align="center" >
<p>“不好意思啊，阿飞。”
<br>
人未到，声先至，笛飞声抬手给对面的酒杯里满上，酒壶刚刚放下，方多病就一步跨过两级台阶过来。
</p>
三、基本结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html><!DOCTYPE html>
<!-- document type 文档类型说明 ————作用：浏览器按照版本来解析该文件
H5标准：不区分大小写，结束标签可以省略
XHTML:严格的htmL,区分大小写，结束标必须闭合
浏览器的混杂模式：没有文档类型声明，所有浏览器按自己的标准解析代码
浏览器的标准模式：有文档类型声明，所有浏览器按当前标准解析代码
不是html标签 -->
<html lang="en">
<!-- language是english，英语 -->
<!-- 网页的头部开始，title是网页的标题，只能有一个
meta是一个单标记，是文档级元数据（head中的标签）元素
charset是字符集，支持中文，UTF-8是中文编程常用代码格式
name是元数据的名称，content是元数据的内容-->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<!-- 网页的头部结束 -->
description和keywords中的词用来优化搜索引擎（SEO）
四、图片
在 HTML 中，图像由`<img>` 标签定义。
`<img>` 是空标签，意思是说，它只包含属性，并且没有闭合标签。
要在页面上显示图像，你需要使用源属性（src），src 指 "source"，源属性的值是图像的 URL（Uniform Resource Locator,统一资源定位器） 地址。
SRC
1.绝对路径（网址）
右击图片—复制网址
2.相对路径（htmL文件找图片）
2.1平级直接写
·/:表示平级
2.2下一级: /
2.3上一级：../
<body>
<!-- src是路径，路径有绝对路径和相对路径
图片常见后缀：jpg png（背景透明）gif（动图）webp（高清）psd(ps稿) -->
<img src="https://c-ssl.duitang.com/uploads/item/201906/27/20190627184602_fggvm.thumb.700_0.gif" alt="">
<br>
<img src="1.png" alt="">
<!-- 同一等级 -->
<br>
<img src=".\图片\3.jpg" alt="">
<!-- 下一等级 -->
<br>
<img src="../2.jpg" alt="">
<!-- 上一等级 -->
</body>属性：
> src：路径
>alt：为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。
>title：鼠标悬停给予提示
>width：设置图片的宽度，属性值默认单位为像素
>height：设置图片的高度，属性值默认单位为像素
243
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
