小白的前端之路第一课，一些基础代码和DIV布局
- 前言
其实我这个小白也学习前端一些时间了，不过很多都是在网上找到的视频自学，并没有接受过正规或者系统的学习，而在前一段时间找到一个在培训班的同学之后，他给了我一套很不错的前端课程，也算是我开始正式系统的学习前端了吧，今天我就分两批来写本次小白的文章，来记录下这一段时间的学习生活。
第一部分是写自己在网上找到的极客学院的视频，然后再记录下来课工场的学习，来完善自己的前端学习之路。如果有朋友有哪些意见或者建议或者学习交流经验，或者什么不太对的地方，欢迎一起交流。好了不废话了，下面开始我的学习心得了吧。
- 正片
首先来说前端开发所使用的工具，以前使用过Idea，不过由于没有太多经济支持，所以改用了webstorm，最基础的代码webstorm已经给默认给出了，不过我还是希望更多的小白同学能够自己手打一下:
<!Doctype html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
</html>`
这就是最基础的前端代码了，首先是HTML5的声明，就是代码最初一行的<!Doctype html>随后是html和/html,被包在中间的是head和body部分，他们每个部分都需要一个反斜杠来结束，这才形成一个完整的代码。在头部可以包含meta charset=“UTF-8”,这一段是字符集，具体我还不太明白，不过UTF-8貌似是万能语言，所以一般都选这个。
然后说道这个基础标签，head,body这些其实都是基础标签，一个头部，一个身体，body中写的是内容，还有一些其他的主要内容。
- 标题标签
标题标签有6个，分别是h1到h6，其中h1是最大的，而h6是最小的。
- p标签
p标签是段落标签，而段落标签的作用就是自动换行，如果加了p标签的话文章就会自己根据p标签来换行。
- 超链接
超链接其实就是a标签，不过要在a标签后面加入一个href的属性，来引导网页的链接，比如
<a href="http://www.baidu.com>这里是百度</a>
- 图片标签
图片标签是可以在程序中插入图片的标签，其中代码是img src=""
其中sec是寻找图片的路径，如果单纯把图片放入工程项目中，就直接src="图片名称"就可以了，但是如果还有一个子文件夹的话，就需要src=“主文件夹/图片名称这样来寻找了”。这就是一些最基础的内容了。
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
