本来呢,这篇文章大概率是不会写出来的,原因有很多。首先内容很基础,其次也有很多人讲过,但是因为某些原因,我还是写了这篇文章(内心os:我也不想呜呜呜);咳咳。既然写都写了,那就往下吧。总还是要写的对吧,就当对自己这段时间学习的一种检验吧。内容可能有些偏颇,毕竟本人也不是技术大牛,技术菜的一批。就别喷了哈哈哈。这是本人总结的一些内容,希望对一些初学者能起到作用,哪怕一点。
前端学习路线 大致如下:“前端三剑客”+vue+jq框架;何谓前端三剑客?就是经典的html,css,JavaScript。这三个都是必学的,当然js我是真的不会(菜的一批哈哈哈);不过,学习是不断地,学习先对代码保持热爱,多练才能有进步。
哈哈,扯远了。我们来讲一些知识点。
HTML(超文本标记语言);是一门标记语言(划重点:是标记语言,而不是编程语言 但是,不影响你把他当成编程语言去热爱,毕竟热爱代码总没坏处) 超文本文档,是作用于浏览器的一种文档文件,也就是通俗的界面,通常以html或者htm文件名为后缀。这些文件会被浏览器直接执行。(不必安装编译器,配置环境等等,可以省去一大笔时间 有浏览器就行);简直是良心的不行。
一个html文件是由一个个标签去实现的。一个html文件的内容格式大概如下
//这是声明,告诉浏览器 这是使用什么编码去写的界面
//html 开标签
//头部标签,可以写一些东西,比如标题
//身体标签此标签里面的内容将展现给用户。
//html闭标签
综上,一个html文件的大致格式如上,也可以根据个人的习惯与喜好去使用自己的编码格式,html对格式没有过于严格的规定。所以可以比较随性。
根据上述的格式,我们可以看出,html文件是由一个个标签组成的。可以看出,这些标签大多是成双对的,<></>(左边的叫开标签,右边的叫闭合标签,他们是一对的),当然 也有例外,就比如 标签等等,只有开标签,是没有闭合标签的。这个是要注意一下的,也就是说只有<>,没有</>(就像没找到对象的我们哈哈哈)。咳咳,皮一下。
下面。我们来讲一下一些很经典的东西(真的很经典,基本打开一个写前端入门的博主写的博客,都会讲到。)
既然,我们都认识和知道了html,以及html文件是由标签构成的了。那我们来认识一下,那些最经典的,也是最基础的标签,帮助大家学习。
//头部标签
//身体(内容标签)
-
//h1-h6标签,标题标签 注意:标题随着标签数递减,可反复使用(老经典了,基本写这种博客的都写过这个内容)。
标签,这是一个比较好用的标签,具体使用方法<a herf “URL”>文字 对于有一定网络基础的来说,url一定要全,否则无法跳转。科普一下 URL的中文全称:统一资源定位符, 是连接和定位网上资源用的(我也不知道这话对不对,反正就是方便找到需要的资源用的,也就是链接)分为 协议(一般是http://或者是https://)+万维网协议(即平时说的www.)+网站域名(xxx.com)
记住一定要写全,这样在用户界面才可以真正跳转,否则是不行的。(错误写法展示如下)
<a herf=“http://www.xxx.com”>文字(这样是不行的,因为是href不是herf)一定要注意检查
(也是不行的,少了超文本协议,也是不行的)。
用标签可以实现网站间的快速跳转,节省大量的时间。但记得写对,否则又得花时间检查,会比较麻烦
标签也是一个有用的且使用的标签,可以实现插入图片等实用的功能。让你做的网页不止是文字,变得好看些。
使用方法如下
<img src"" width="" heigh=""> src 后面接着插入文件的格式如xxx.jpg width 和heigh 规定了插入的文件的长宽,可根据自己的喜好和要求去自己插入符合自己喜好的图片视频等等。是非常方便的,(注意,img 只有一个标签,没有闭合标签)
当然还有
- 等标签,由于篇幅原因,我们择期再讲,或者可以参考别的博主的文章。他们讲得更好。就先这样吧
- 等标签,由于篇幅原因,我们择期再讲,或者可以参考别的博主的文章。他们讲得更好。就先这样吧