这篇HTML学习日记详细介绍了HTML的基础标签，包括工作原理、常用开发工具、网页基本结构，如双标签、单标签、标题标签、段落标签、换行、水平线、字体样式、图像和超链接等。通过例子展示了如何使用这些标签创建和布局网页内容。
文章目录
前言
HTML是超文本标记语言，一个html的文件就是一个网页，一个网页由标签组成。
学习HTML最开始的时候就是学习并记忆HTML标签的语法、效果、语义。
- 语法： 标签的代码怎么写
- 效果： 浏览器渲染标签后的默认效果（可以通过css修改默认效果）
- 语义： 标签的含义，在合适的场景使用合适的标签
一、工作原理？
一个网页是一个扩展名为.html的文件，这个文件中由特定的网页标签组成。当用户在浏览器(终端)的地址栏中输入网址后，浏览器发起http请求目标服务器；服务器通过http响应请求，如果是一个网页，则响应的内容即html代码；浏览器通过解释并执行标签代码，最终渲染成为用户看到的页面效果。
二、开发工具
编写网页可以通过记事本，但是记事本使用起来非常的不方法，不能够提高开发效率
- sublime增强版的记事本
- notepad++
- HbuilderX（免费）
- webstorm(收费)
- [viso studio code]
三、网页的基本结构
一个网页必定由一个特定的结构构成,网页称为超文本标记语言。由标签构成。标签有双标签和单标签之分。
1.双标签
双标签的开始标签和结束标签必须是相同的，双标签之间可以编写子标签或者文本。换而言之，标签可以嵌套编写。
<开始标签 属性="值"></结束标签>
2.单标签
<标签名 属性="值" />
一个完整的网页，就是由N个这样的单标签以及双标签构成。代码如下（示例）：
<!--告诉浏览器，我们的页面支持html5标签-->
<!DOCTYPE html>
<html>
<!--这个是html中的注释，注释的内容不会被浏览器解释执行-->
<!--网页的头部-->
<head>
<!--设置页面编码方式-->
<meta charset
最低0.47元/天 解锁文章
399
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
