这是我在[第四届]字节跳动青训营的第一天
初次加入字节训练营，感觉像是来到了一个充满知识和大佬的社区，相信能在这里收获一段快乐且充实的旅程。
前端基础班的第一讲，老师带我们回顾了HTML。作为前端三大件，HTML像是基石一般，虽然没有CSS那般华丽，没有Javascript那般灵动，但最朴素枯燥的，往往最值得思考的。
超文本标记语言
Hyper Text Markup Language是HTML的全称，即超文本标记语言。它包括一系列标签。通过这些标签可以将网络上的文档格式统一。网页的本质其实就是超文本标记语言，里面的文字，图片，视频等都是通过HTML的标签来添加在网页上。通常我们用文本编辑器编写HTML，然后用浏览器打开，最终网页就会被浏览器读取，然后显示在屏幕上。
文本编辑器
关于文本编辑器老师没有多讲，这里也只是个人补充，要注意的是的是，自身的编写能力远远比文本编辑器重要，编辑器只是辅助，内容的“拿捏”还是得看自己。常用的文本编辑器有：
- Notepad++
- Visual Studio Code
- Komodo Edit
- Adobe Dreamweaver
- sublime text
- VScode
浏览器
浏览器是HTML的“翻译官”，那么不同的浏览器对所编写的HTML就有可能有不同的“翻译”，导致相同的代码在不同的浏览器上显示的网页会不一样。而这就需要编写者巧妙运用标签和格式，还要在不同的浏览器打开，便于观察出差异。
HTML基本结构
<html>
<head>
<title> </title>
</head>
<body> </body>
</html>
上述是HTML的基本结构，用这些标签就可以写一个简单的网页。在这些基本标签中，可以看到基本都是成对出现的，且最后一个标签带有“/ ”。但HTML种并不是所有标签都成对出现，很多标签只用写一次，这些标签成为“自结束标签”。稍后会再详细提到。
需要新手掌握的标签
注释标签
和标签一样，注释标签内的内容不会显示在网页上，起到提醒、批注的作用，方便编写者。值得注意的是，注释标签内不能再嵌套一个注释标签，为什么不能？可以自己试试。
meta标签<meta name=" " content=" " ......>
写在标签里，也就意味着这个标签不是给使用者看的，是给浏览器看的。通过这个标签给网页设置一些元属性，搜索、网页推荐、数据爬取等方面有用处。
超链接.....
超链接标签很重要，是HTML中灵动的标签，可以跳转到别的网页，也可以跳转到原网页的其他位置。
图片标签<img src="......" alt="......">
这个标签就是自结束标签，不用成对出现。其中alt属性值表示对此图片的描述。网页图片的格式选择也是值得我们注意的地方，常见格式有jpg、png、gif、webp，选一个大小合适，清晰度符合要求的格式也很重要。（还可以将图片转为Base 64编码加快图片加载速度）
视频标签......
元素提供了 播放、暂停和音量控件来控制视频。 与 标签之间插入的内容是提供给不支持 video 元素的浏览器显示的。比如，可以写上“此浏览器无法播放本视频”，那么如果使用者的浏览器无法播放视频，就能知道页面中原本是有一个视频的。
HTML中的标签有很多，这里就只写一些我认为的基本的标签（尽管我也是新手）。更多的标签需要在实践中不断掌握，最后炉火纯青，可以边学边用多查找。
第一天的笔记就分享到这里吧。
