这是我参与「第五届青训营 」伴学笔记创作活动的第 1天。今天
的内容是前端技术的入门，包括了HTML,CSS,JS等内容。HTML方面，第一天主要讲解了HTML的基础内容。
html的基本结构及基础代码。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h1>页面标题</h1>
<p>段落内容</p>
</body>
</html>
及有序列表（ul、li；ol、li），无序列表（dl、dt、dd），超链接（a），图片（img），播放器（audio、video），引用（cite）等基础html代码内容。
<div class="box">
<div id="left">
<img class="head" src="pic/head.jpg" alt="大头照">
<p></p>
<p></p>
<p></p>
</div>
<div id="middle">
<img class="tie" src="pic/tie.jpg" alt="领带">
</div>
<div id="right">
<p></p>
<p class="rh">
</p>
</div>
</div>
还有html的结构图。整个页面用div来做结构并且分为三个版块来制作网页。
CSS方面，讲解了通过外链，嵌入，内联等三个方式使用CSS。
外链：<link rel="stylesheet" href="/css/style.css">
嵌入： <style>
div{
background-color: aquamarine;
text-align: center;
font-size: 32px;
}
</style>
内联：<p style="border: 8px;">段落内容</p>
还有各种选择器，常用的选择器 id选择器，类选择器，属性选择器等。
#right{
width: 340px;
height: 240px;
float: right;
}
#middle{
width: 100px;
height: 240px;
float: left;
}
#left{
float: left;
width: 150px;
height: 240px;
}
通过float属性来将三个板块并列放在盒子之中。
JS方面目前只学习了JS的编码原则，各司其责、组件的封装、过程的抽象等。
我的理解就是所有的功能都由相对应的代码（如html实现页面结构，css美化页面，js实现页面功能，js中页面的小功能也相对完整独立。）所控制，互相之间的协作实现整个页面的需求，但是作为单独的功能由一组编码决定一个功能，多组代码间互相独立、互不干扰。组件的封装，则是让一个网页需要的组件，功能能更快捷，更模块化的实现。
学习的感受。
而在今天的学习中，我感受到我自身的知识体系并不规范，牢固，在今天的学习中我认为我个人的前端知识需要更加的规范。而今天的学习中，大部分学习都是在讲解基础的代码和前端的概念，这些内容可以让自身更加了解前端的学习需要什么；前端的学习中需要修正的方向。 在学习中学的并不止是如何打代码，还要学习对于整个需要实现的需求的概念。 HTML的结构要怎么做？结构的制作是否保持规范，让其他一起工作的同事能理解自己的用意。代码并不是只拿来实现效果，背后的结构同样重要。 CSS的美化要怎么做才能明了的实现？通过各种的选择器和基础的代码组合出来的美化效果，怎样才能做到结构条理清晰也很重要。 JS的概念，如何写出好的JS代码。 这些都是以前不曾考虑的问题，在今天的学习中逐渐理解，学会这些基础的内容。
