HTML新手入门笔记笔者是一名刚入行(坑)的前端小菜鸡，从今年3月份差不多开始准备，毕业六月份来深圳找工作。工作后又跟着

前言

笔者是一名刚入行(坑)的前端小菜鸡，从今年3月份差不多开始准备，毕业六月份来深圳找工作。工作后又跟着芳芳老师2020年的前端系统课刷一遍基础，旨在巩固之前的囫囵吞枣。有一个问题是学了总忘，遂记成博客~

HTML 历史

HTML 诞生于1990年左右，由蒂姆·伯纳斯-李（Tim Berners-Lee）发明。不仅如此，李爵士还发明了 HTTP ， URL 。并且自己手写了第一个浏览器(类似于你正在使用的谷歌浏览器)，手写了第一个服务器(类似于百度服务器)。最终成功的用自己写的浏览器访问了自己写的服务器，成为人类历史上第一个上网的人。了解更多

WHY ?

为什么要发明这些呢？为了内容共享，李爵士当时提出了一个构想：创建一个以超文本系统为基础的项目，方便研究人员分享及更新讯息。原因是当时信息传递很不方便，还是通过发邮件，如果一个文件更新了，得一个一个的发给同事们。基于此李爵士便提出了这个构想。

最初的构想(如何写出一个网页)

如果你有一段文字想要放在网页上

上面的内容虽然能够看懂，但是不好看。

于是就用HTML来写，

写完之后变成这个样子

用 HMTL 写了之后，文章的逻辑表现出来了，并且还能让浏览器知道哪里是标题；哪里是链接；哪里是列表。

最初的 HTML

以上就是最初的 HTML (HyperText Markup Language),超文本传输协议。最初 HTML 只有18个标签，到如今只有11个还健在。 但是最新版的 HTML 有大概110多个标签。了解更多

HTML5 技术集

新标签、新属性
新的通信技术: WebSockets、WebRTC等
离线存储技术: LocalStorage、断网检测
多媒体技术: 视频、音频
图像技术: Canvas、SVG、WebGl
Web增强技术: History API、全屏
设备相关技术: 摄像头、触摸屏
新的样式技术: CSS 3新的 Flex、 Grid布局方式

HTML 起手式

Emmet 感叹号。也就是!(英文下的感叹号)+tab键。之后你会看到:

常用表章节标签

标题 h1 ~ h6
章节 section
文章 article
段落 p
头部 header
脚步 footer
主要内容 main
旁支内容 aside
划分 div

全局属性

class
contenteditable
hidden
id
style
tabindex
title

内容标签

ol + li
ul + li
dl + dt + dd
pre
hr
br
a
em
strong
code
q
blockquote

有兴趣的可以对着敲一下，看看都是什么效果~

我爱编程，编程使我快乐~

HTML新手入门笔记

前言

目录