web学习吧 关注:1,848贴子:15,673
  • 0回复贴,共1

java零基础到项目实战第一节课:HTML初识

只看楼主收藏回复

写在前面:java作为一门世界级编程语言金字塔顶尖的语言。需要大量的练习、练习、练习来巩固自己所获得的知识。冰冻三尺非一日之寒,希望大家在学习java的日子里一定一定要坚持不懈,严格要求。多练,多问,多百度。祝大家早日成为一名优秀的软件工程师!
文章摘要:这篇文章将给大家展现一个大致的html的世界,让大家心里对一个大致的方向以及格式有一个较为大概的了解,内容中可能会出现较为深入的代码知识,不必惊慌,这些代码知识以后都会持续在文中讲解,现在请继续学习。
html初识:首先,推荐大家2个比较好用的写html页面的软件,editplus和sublime ,在这里,我将使用sublime作为html开发软件来给大家进行代码的展示。微信公众号,java八点半特别提醒一下,不要使用一些非常强大的专业工具来帮助实现html代码,不要依赖自动提示,这样对初期没有基础的人来讲是一种灾难!
在这里,有些同学可能会想找前端的工作,或者说刚接触这行不久对方向有比较大的一个迷茫的区域,那么,如果想要找到前端的工作。以下这些知识必须要学到一个比较精通的程度:
1.html + div + css:
这是基础,不必多说。
2.Html5 + css3:
目前最流行的前端页面技术,除了IE6、7、8以外,IE9及很多浏览器已经对h5+css3 有很好的技术支持,css3的出现替代了很多的图片以及特效,许多效果是JS所难以实现的,我举个例子:

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

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

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

这样给客户的感觉是不是要比第一种普通的好很多呢?自己看着也舒服。
H5给我们增加了很多语义化的标签,包括selection,nav,article,foot,head等,还对媒体标签进行了扩增,最重要的是增入了画布(canvas),svg等效果非常酷炫的一套代码。但是canvas和svg对JS的要求非常高,甚至会应用到很多的设计模式以及算法。
3.JS
JS是前端中的一个非常重要的语言,全称是JavaScript ,同时,也是前端中一个比较难以掌握的语言,JS甚至已经单独作为一门语言荣登了2017年世界编程语言排行榜的第七名(此处应有掌声),有些有基础的同学可能会问,那JQ呢?JQ只是JS的一个封装的框架而已,会了JS,JQ自然而然就会了。


IP属地:广东1楼2017-07-02 16:01回复