这是我参与「第四届青训营 」笔记创作活动的的第1天

前言

到目前为止，13次课程让我受益匪浅，本次笔记是对前端和HTML的初识印象和相关内容。

前段技术栈

前端开发是创建WEB页面或APP等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。

主要为：

HTML（内容）

CSS（样式）

JAVASCRIPT（行为）

可开发软件推荐：

主要关注

功能 美观 安全 兼容 性能 无障碍

开发环境：

浏览器：IE/Edge Chrome Firefox Safari

编辑器：vsCode vim Webstorm

基本内容

• body 文档主体部分，相当于人的肉体 在浏览器窗口中可以显示的部分 设置body标记属性可以改变Web页面显示效果。 body标记主要属性有text、bgcolor、background、link、alink、vlink、topmargin、leftmargin。

• 标签：也叫标记 由一对尖括号包含单词构成:比如，

   标签形态：
   	1.双标签（对标签）：
   		a:成双成对出现，可以包含内容（双标签的功能是由里面的内容实现的）；
   		b:有开始标签，有结束标签，结束标签在单词前有“/”；
   		
   	2.单标签：
   		a:只有开始标签，没有结束标签
   		b:单标签在开始标签中结束，通常应该在单标签的大于号前加“/”表示结束。
   		c:单标签的功能需要使用属性来实现
   		
   	3.补充meta标签               
         4.补充hr标签		
  

• 元素： 1.从开始标签到结束标签中的所有代码（即包含标签+内容） 2.单标签中的所有代码（包含属性）

代码书写规范

1.所有代码全部使用小写（养成好习惯） 2.所有标签都要正常关闭（/>） 3.所有代码必须在英文半角状态输入(很重要) 4.必须要写在最前面

		1.所有标记均以“<”开始、以“>”结束。 
		2.根据标记类型，正确输入标记，单个标记最好在右尖括号前加1个斜杠“/”，如换行标记是单标记<br/>，成对标记最好同时输入起始标记和结束标记，以免忘记。
		3.标记可以嵌套使用(后面会讲列表，列表就是嵌套使用)，但不能交叉使用(一层一层，从内往外)。 
		4.在HTML代码中不区分大小写。
		6.标记中可以设置各种属性，属性值建议用"双引号"标注起来 
		7.书写开始与结束标记时，在左尖括号与标记名或与斜杠“/”之间不能留有多余空格，否则浏览器标记不能识别，导致错误标记直接显示在页面上，影响页面美观效果。 
		8.编写HTML代码时，应该使用锯齿结构，即采用缩进风格，使代码结构清晰，便于理解和分析页面的结构，便于代码后期阅读和维护。