HTML学习总结
我们用 HTML 来构建 Web 页面即所谓的网页。根据我的学习和了解，我知道html是创造网页的骨架，它赋予网页最基本的含义。
首先在浏览器的选择上我摒弃了使用多年的360浏览器，开始使用谷歌浏览器，并且使用谷歌的搜索引擎科学上网。下载好VScode后，不禁感叹其应用商店里拓展功能的强大。这让我们学习和以后工作的效率大大提高。
通过学习，我明白整个HTML就是由一个一个元素组成且可以嵌套，这就不得不提到标签的学习了。首先是HTML最基本的骨架结构:
<!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>;
我们可以输入！+tab键的方式快速生成。其中目前我注意的:html lang=“en” 指的是网页为英文网页，中文网页则是lang=“zh-cn” ，另外UTF-8 为万国码，它几乎包括了所有的语言，我们常用它可以有效避免非本地计算机打开html时发生乱码的现象。另外
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
指定页面的图标，出现在浏览器标签上。
<title></title>:
设置页面标题，出现在浏览器标签上，当你标记/收藏页面时它可用来描述页面。
<body></body>:
包含你能在页面看到的所有内容，包括文本，图片，音频，游戏等等。
初步了解空白网页下html文件的骨架后，我们便开始学习网页的元素。一般来说，元素都有开始标签，内容，结束标签，有的则只有开始标签。我最近学会并经常使用的有：
HTML 标题（Heading）是通过<h1 - h6> 标签来定义
HTML 段落是通过标签 p来定义
HTML 链接是通过标签 a> 来定义的
HTML base 元素/HTML link 元素标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接
超链接语法，如：
<a href="https://www.baidu.com/" target="_blank">百度一下</a>
锚点，
也称为书签，用于标记页面的某个元素或位置。通过锚点，我们可以轻易的在长页面内实现跳转。先使用id属性生成某元素的锚点，然后再使用超链接指向该锚点即可。
如：
<!-- 文档其余部分 -->
<h2 id="C4">第四章 论零号病人的重要性</h2>
<!-- 文档其余部分 -->
<a href="#C4">跳到第四章</a>
<!-- 文档其余部分 -->
...
另外，我还了解到
元素是可以有相关属性的。属性包含元素的额外信息，这些信息不会在浏览器中显示出来。一个属性必须包含如下内容：
1.一个空格，在属性和元素名称之间。(如果已经有一个或多个属性，就与前一个属性之间有一个空格。)
2.属性名称，后面跟着一个 = 号。
3.一个属性值，由一对引号 “” 引起来。
我们可以用列表来呈现内容
无序列表使用ul标签，默认使用实心圆点作为每项的标志，其它的标志可以是空心圆circle，实心方块square以及不出现标志。
有序列表使用ol标签，默认使用数字作为每项的标志，其它的标志可以是大写字母A，小写字母a，罗马字母i等。
当网站需要获取我们的一些信息如：用户名、密码、选择买什么、买多少、提出意见等等时，我们就需要使用表单（form）来让用户填写或选择。
HTML 的元素可以以称为区块 或 内联的方式进行显示。
区块元素
区块元素在浏览器显示时，通常会以新行来开始（和结束）。
内联元素
内联元素相反，他们总是一个接一个进行显示，不会新起一行。
预设格式
如果你想在网页中展示一首诗或一些特别格式的文本，那么请使用pre标签。
最后，在我们需要往网页插入一些图片和文件时，可以：
<img src="https://mdbootstrap.com/img/logo/mdb192x192.jpg" alt="MDB Logo" width="200" height="200">
1.src属性为要显示图片文件的位置 URL，即图片文件的路径
2.alt属性当获取图片出现问题时显示的文字（占位符）
3.可为图片指定高宽度，但不建议（可能导致图片变形）
值得特别注意的是，我们指定文件路径时，要特别注意绝对路径和相对路径的区别。以下是相对路径的例子：
因为我们的html需要在不同的电脑上都可以呈现，所以指定文件的相对路径是比较合理的。
这就是我这一段时间以来学习html的心得总结。
1129
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
