作为一名前端小白，我在此记录下学习前端的过程。总的来说，这个 html 学习了 2 天左右，这个文章写了1 天左右，下一步计划准备学习 css，每天都过的很充实，每天都在成长的路上飞快奔跑。虽然在前端浩瀚的大海里边学到了一点点，但与昨天的自己相比，是一大步。html在前端开发里面扮演基层的岗位，正是有了html，前端才有了骨架。再经过CSS的加工，才能成为我们熟悉的页面。接下来我们一起来学习前端第一步，下面就开始吧！ 了解html是什么？ 超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。我们可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。 HTML文档的后缀名 .html
.htm
以上两种后缀名没有区别，都可以使用。
在这里我们以开发工具vscode进行开发环境搭建。学习html是前端的第一步，接下来我们来看看前端的内容大概有哪些呢？
1.HTML 基础 1.1HTML 标题（Heading）是通过
-
标签来定义的。 HTML 段落是通过标签
来定义的。 HTML 链接是通过标签 来定义的。代码如下
HTML 图像是通过标签 来定义的.图像的名称和尺寸是以属性的形式提供的。
1.2
HTML 水平线
标签在 HTML 页面中创建水平线。
hr 元素可用于分隔内容。
1.3 HTML 注释 可以将注释插入 HTML 代码中，这样可以提高其可读性，使代码更易被人理解。浏览器会忽略注释，也不会显示它们。 注释写法如下:
1.4 HTML 提示 - 如何查看源代码 你是否看过一些网页然后惊叹它是如何实现的。如果您想找到其中的奥秘，只需要单击右键，然后选择"查看源文件"（IE）或"查看页面源代码"（Firefox）或是“F12”，其他浏览器的做法也是类似的。这么做会打开一个包含页面 HTML 代码的窗口。
1.5 HTML 折行
如果您希望在不产生一个新段落的情况下进行换行（新行），请使用
标签：
1.6 HTML 输出- 使用提醒 对于 HTML，您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。
当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。
代码如下：
效果如下：
2.HTML 文本内容 2.1HTML 文本格式化标签
如何实现缩写或首字母缩写。
使用 pre 标签对空行和空格进行控制。p标签做不到的空行和空格，pre可以做的很easy~
文本下划线与删除线
2.2 HTML 样式- CSS CSS (Cascading Style Sheets) 用于渲染HTML元素标签的样式。可以这样理解，css让html有了色彩，变得更好看了！
CSS 可以通过以下方式添加到HTML中:
内联样式- 在HTML元素中使用"style" 属性
内部样式表 -在HTML文档头部 区域使用 元素 来包含CSS
外部引用 - 使用外部 CSS 文件
最好的方式是通过外部引用CSS文件.
2.3 HTML 样式实例 - 字体, 字体颜色 ，字体大小 2.4 HTML 样式实例 - 文本对齐方式 2.5 HTML 样式标签
2.6 图像标签（ ）和源属性（Src），Alt属性
2.7 设置图像的高度与宽度
注意: 加载页面时，要注意插入页面图像的路径，如果不能正确设置图像的位置，浏览器无法加载图片，图像标签就会显示一个破碎的图片 。 2.8 HTML 图像标签
2.9 HTML 表格 表格由
标签来定义。每个表格均有若干行（由 标签定义），每行被分割为若干单元格（由 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
2.10 HTML 表格和边框属性 如果不定义边框属性，表格将不显示边框。有时这很有用，但是大多数时候，我们希望显示边框。 使用边框属性来显示一个带有边框的表格：
2.11 HTML 表格表头 表格的表头使用 | 标签进行定义。
大多数浏览器会把表头显示为粗体居中的文本： 2.12 HTML 列表 HTML无序列表 无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。 无序列表使用
HTML 有序列表 同样，有序列表也是一列项目，列表项目使用数字进行标记。 有序列表始于
|
|---|
