一些前端基础知识分享

一些前端基础知识分享

这是我参加前端培训班的第三天，以前在网上看，很多人质疑it培训机构，其实当自己当下的工作和生活陷入困境后，重新寻找一个方向并且为之努力是很快乐的一件事情，就比如，我辞职参加培训后，不仅学会了租房，见了很久不见的朋友，还遇到了很多志同道合的前端er们，他们大多都积极向上，阳光洒脱，热爱学习，我觉得我能很快融入到这个新环境中，很庆幸今年做出了辞职学前端的决定。

今天老师讲解了安装WEB前端助手这个插件，可以协助开发，介绍了各类学习网站，当然提到了很多熟悉的网站，比如w3c（网站链接：https://www.w3school.com.cn/)，菜鸟教程（网站链接：https://www.runoob.com/)，MSDN（网站链接：https://developer.mozilla.org/zh-CN/docs/Learn)，慕客网（网站链接：https://class.imooc.com/)，实验楼（网站链接：https://www.shiyanlou.com/）等等，老师也告诉我们应该学会分享一些自己的技术博客，无论难易，比如在CSDN，博客园，知乎，简书等等，甚至可以在word press搭建自己的博客网站。

 HTML中标签元素分为块级元素，行内元素，可置换元素三种类型，可置换元素，行内元素在限定的屏幕宽度内是不会换行的，块级元素会自动进行换行。通过设置宽度width区分行内元素和可置换元素，常用的块级元素包括和h1-h6/p/ul/table/from/div等，行内元素包括a/span/，行内块元素包括img/input/select/textarea/button/label等。

 img标签中alt属性可以在图片未加载时提示一些文本信息，title属性可以在鼠标悬停在图片上时对该图片进行一定的简单描述。

 a标签是行内标签，href决定了标签被点击后将跳转到那个文件，必须给出此属性，如果没有这个属性，<a>标签会类似于一个<span>一样的文本标签，且不会给文字设置颜色和下划线。

 href的值，也就是要跳转的文件类型，可以是如下类型：

 一个http/https协议的网站，一个站内网页，一个电子邮件地址一张图片，一个文本文件，一个应用程序。

 当前浏览器能识别的类型如网站地址，图片地址，txt文档地址就会正常显示，若遇到不能识别的类型如zip，doc，excel，ppt就直接下载

 taeget属性决定以何种方式进行跳转或打开新的文件（是在当前窗口还是新窗口打开），当值为"_blank"，将在一个新的浏览器窗口或标签页中打开页面或文件，当值为"_self"，将在当前浏览器窗口打开页面或文件

 将<a>标签的href属性值设置为#+当前页面中指定元素的id值后，该超链接将不再是进行页面间的跳转或是文件的打开了，而是实现在当前页面的跳转。

 <a>标签也能定义一个文件的下载，并设置文件的名字。用download属性为其定义名称。

 将a标签的href属性赋值为#top，点击链接可以让当前网页回到最顶部。

 <a>没有href，如同一个span标签，表示普通文本 </a>

 <a href="#"> #号(描点链接相关，只有#时表示默认) </a>

 <a href=""> 空格(表示刷新效果) </a>

 <a href="javascript:void()"> void(会执行js代码，返回空，什么都不做) </a>

 <a href="javascript:alert(666)"> alert(666),(会执行js代码，弹框) </a>

 a标签未访问是蓝色状态，即将访问呈红色状态，已访问过的呈紫色状态。

 昨天了解了bootstrap之后，去百度搜索到如下这句话：

 bootstrap是一个做网页的框架（目前最流行的WEB前端框架），就是说你只需要写HTML标签调用它的类你就可以很快速的做一个高大上的网页，你不用担心兼容问题，提供了很多样式供你选择！比如你需要做一个网站的导航对吧，你自己写的话你需要写很多代码，但是如果你使用bootstrap框架来写的话，只需要写好HTML标签然后调用类名就可以了！

 去bootstrap中文网（网站链接：https://www.bootcss.com/），看他的API就能够快速的上手！

 不知道这个世界上无数的前端小白看到这句话是个什么感觉，我感觉就是，哇！It's amazing 哈哈，讲真的，就是说之前学习过的基础知识能有一个框架将其结合成一个完整的网页了，我一定要学会它！不过我得先去完成我的作业，练习打字和记单词，嘻嘻。