写在前面
想了很久不晓得该怎么起始这个专栏，怎么算简单，怎么算有趣，生怕一不小心就难了，倘若直接讲一个整的小工具的研发吧，又必须阅读者必须必定的基本，倘若讲某一个好玩的技巧，又与编程违背，思来想去决定从web起始做这个专栏，一点一点做起一个完整的个人博客会更有成就感。这个系列完成后还会有硬件上的教程，基于我参加设备人比赛和有些专利小发明的经验。
为了做到简单和不乏味，我尽可能缩短每篇文案的长度，讲最要紧的有些部分，倘若想要深入科研，还需读者搜索更加多的资料。
什么是HTMLHTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (Hyper Text Markup Language)HTML 不是一种编程语言，而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag)HTML 运用标记标签来描述网页简单来讲，html便是用一套通用的标记来暗示网页中的元素
html中的标签HTML 标签是由于尖括号包裹的重要词，例如HTML 标签一般是成对显现的，比如 和标签对中的第1个标签是起始标签，第二个标签是结束标签起始和结束标签亦被叫作为开放标签和闭合标签html长什么样
<html>
<head>
<title>Hello</title>
</head>
<body>
<h1>Hello, world!</h1>
</body>
</html>
一个简单的例子便是上面这般，其中，这般即是标签,被尖括号括起来的即是内容，title中的内容即是该页面的标题
一个基本的html最少应该包含html,head,title,body,即头尾，标题 html 中的文本描述网页body 中的文本是可见的页面内容h1 中的文本被表示为标题p 中的文本被表示为段落你能够新建一个文本文档，复制这段内容进来，另存为hello.html用浏览器打开就可看到效果
工具
经过上面这个txt研发不难发掘，windows自带的notepad编写代码不太好用，这儿我举荐一下microft的visual studio code 40多Mb的体积，智能提示，代码高亮
官方主页 双击打开根据提示就可完成安装
插件
vscode 自带的插件机制使得扩展功能非常方便，这里举荐有些好用的html研发插件
open defaut broser
VSCode 不可经过内置界面来直接在浏览器中打开文件。此扩展将添加一个 [Open With Default Browser] 选项到右键菜单，使您在客户端（Firefox，Chrome，IE）中打开命令面板选项。TODO Highlight
此工具能够在你的代码中的标记出所有的 TODO 注释，以便在推送到生产环境之前容易跟踪任何未完成的业务。默认状况下，它会查询 TODO 和 FIXME 重要字，当然，您亦能够添加自定义表达式。Prettier
Prettier 是日前 Web 研发中最受欢迎的代码格式化程序。安装了这个插件，它就能够自动应用 Prettier，并将全部 JS 和 CSS 文档快速格式化为统一的代码样式Color Info 这个方便的插件，将为你供给你在 CSS 中运用颜色的关联信息。你只需在颜色上悬停光标，就能够预览色块中色彩模型的（HEX、 RGB、HSL 和 CMYK）关联信息了。打开的vscode左侧找到插件搜索你想用的插件，点击安装就能够运用了。
| 
发表于 2024-6-29 15:39:50
