html初识

来源:互联网 发布:淘宝刷访问量 编辑:程序博客网 时间:2024/05/21 07:09

html初识:首先,推荐大家2个比较好用的写html页面的软件,editplussublime ,在这里,我将使用sublime作为html开发软件来给大家进行代码的展示。特别提醒一下,不要使用一些非常强大的专业工具来帮助实现html代码,不要依赖自动提示,这样对初期没有基础的人来讲是一种灾难!

在这里,有些同学可能会想找前端的工作,或者说刚接触这行不久对方向有比较大的一个迷茫的区域,那么,如果想要找到前端的工作。以下这些知识必须要学到一个比较精通的程度:

1.html  + div + css:

这是基础,不必多说。

2.Html5 + css3:

目前最流行的前端页面技术,除了IE678以外,IE9及很多浏览器已经对h5+css3有很好的技术支持,css3的出现替代了很多的图片以及特效,许多效果是JS所难以实现的,我举个例子:


这是一段普通的一个按钮的代码,加了一些普通的css样式,最后结果如下:


那么,我们如果加上一些css3h5的样式呢?话不多,具体代码贴上:


这一段加上了h5css3的样式,最后效果如下:


这样给客户的感觉是不是要比第一种普通的好很多呢?自己看着也舒服。

H5给我们增加了很多语义化的标签,包括selection,nav,article,foot,head等,还对媒体标签进行了扩增,最重要的是增入了画布(canvas),svg等效果非常酷炫的一套代码。但是canvassvgJS的要求非常高,甚至会应用到很多的设计模式以及算法。

 

1.JS

JS是前端中的一个非常重要的语言,全称是JavaScript,同时,也是前端中一个比较难以掌握的语言,JS甚至已经单独作为一门语言荣登了2017年世界编程语言排行榜的第七名(此处应有掌声),有些有基础的同学可能会问,那JQ呢?JQ只是JS的一个封装的框架而已,会了JSJQ自然而然就会了。我会在后续的文章中一点一点的把我这十几年来所感悟到的JS知识毫无保留的全部输送给大家。