整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
在前面：java作为一门世界级编程语言金字塔顶尖的语言。需要大量的练习、练习、练习来巩固自己所获得的知识。冰冻三尺非一日之寒，希望大家在学习java的日子里一定一定要坚持不懈，严格要求。多练，多问，多百度。祝大家早日成为一名优秀的软件工程师！
文章摘要：此篇文章会带领大家创建一个html最简单的页面，以及在页面中增加一些简单的内容。
我先给大家放2张我以前教学的时候，开课前给学生画的图：
这2张图应该已经比较清晰明了的告诉你，学习java前端需要具备的一些主观和客观方面的东西，我就不多做解释了，以后我的文章中，会以代码图片及展现效果居多，尽量减少文字的占比。让大家对所学的知识有一个更直观的感受。
言归正传，想要编写html代码，首先需要一个后缀为.html的文件，这个文件怎么创建呢？最简单的方式，建一个txt，然后把后缀改为.html，用编辑器打开，就可以编写代码了。
当然，txt界面太丑，笔者这里选用sublime,该编辑器也可以直接加载一个html模板，选择菜单→新建文件(模板)→html,当然，前提要先设置好这个模板，具体设置方法这里就不做详细介绍了，百度上一大堆。新建完成后，产生一个代码如下的页面：
然后在<body></body>标签体之间打入一行代码
用浏览器打开该文件，显示如下图，说明这个html文件已经创建成功了，能够正常的编写代码。
零基础的同学一定对刚才的代码比较疑惑，虽然照着写能实现功能，但是这些代码各自又都是什么意义呢？ 我用注释的方式上图来告诉大家：
首先，html 的标签分为自闭和标签和闭合标签
自闭和标签：就是没有结束标签，比如上图的<meta>标签，该标签是没有结束标签相呼应的。
闭合标签：有开始和结束标签，比如上图的<html><body><h1>标签，他们都有一个</html></body></h1>相呼应
在上图中，我用过了比较多的 < !-- -- >标签，这是html里的注释标签，在编写代码的过程中，勤加注释是一个非常非常好的习惯，不仅方便了他人也方便了以后自己代码的维护。所以说，不加注释的代码都是在耍流氓。
我们80%的页面标签代码都会写在<body></body>标签里面,什么是标签，至少包含< > 和标签元素，比如<div><a><p><input>等，标签还有标签属性和属性值，标签属性和属性值在第一个标签内容中，如果是多个标签则以空格符号分割 ，如图：
Div 是整个html中最常用的一个标签元素，<div></div>类似于一个盒子，里面可以承载各种各样的元素标签，大家看到的所有的网站都是靠着div一个个的盒子规划开来，最后拼接在一起的，形成了一个完整的页面。
那么如何去建立一个div呢？首先，我们在html的<body></body>标签中加入一个<div></div>标签 ，但是单纯的加入标签并不会在页面中产生肉眼可见的东西，因为我们还要定义这个div的宽，高，背景色，边框等等，详见如下代码：
这样的一行代码，最后展现出来的效果是：
我们来一点点的剖析这一行代码：
Style:style 是元素标签里的一个标签属性，他的作用是可以定义该标签的样式。里面的样式格式是xxx:xxx; 每一组样式都是这样的定义，冒号用来隔开样式属性和样式属性值，最后以分号结尾.
width:定义该元素的宽
height:定义该元素的高
background:定义该元素的背景颜色(也可使用red,yellow等颜色定义)
border:定义该元素的边框
4px 代表边框粗细，
solid 代表边框样式, 边框样式又分为solid(实框)、dotted(虚框)
red代表边框颜色,边框颜色也可用#ccc,#112233这种形式表现
Div里可以放入文字、图片、标签元素等各式各样的东西。下面我演示一下如何放入照片：
首先，放入照片要使用到<img>标签，这是一个自闭和标签，所有没有结束标签。
Src代表图片的路径，width,height 代表图片的宽度和高度 ,alt是图片的描述
这个路径可以是相对路径，也可以是绝对路径。
相对路径：就是相对于这个网页的路径，比如图片和网页在同一个文件夹下，那么src处就直接填图片的文件名字就可以，若建了一个文件夹images，图片放在该文件夹中，同时这个文件夹和网页在同一个位置，那么src所填的就是images/图片名字.jpg
绝对路径：即从头开始写路径，如src = “C:/xxx/xxx/xxx/xxx.jpg”
假设我现在的图片位置和网页位置同处一处
最后的效果：
我这里改大了DIV的宽度和高度，若图片所设的宽高大于DIV的宽度高度，那么将会发生溢出的情况，同学们可以自己去试一下，这种溢出的情况也有对应的标签可以做调整，这个我们后面再讲。
这边特别提醒一点，如果div没有设定宽度width,则默认为等同浏览器宽度的宽度，若div没有设定高度，则该div根据div中内容进行高度的伸缩，div中的内容有多高，div就有多高，如图，我把width和height全部去掉：
上图width和height全部去掉，所以，width默认跟浏览器宽度等宽，高度为图片的高度。
文字的话就比较简单了，代码贴上：
最后结果：
第二句文字才是div创建出来的文字，我解释一下style里面的样式：
Font-size:文字大小，px为单位(像素)
Font-family:文字样式，分为很多，这个可以去word文档里找找
Font-weight：文字加粗，bold是一种默认加粗的大小。
End.
来源：公众号“java编程”
运行人员：中国统计网小编（微信号：itongjilove）
微博ID：中国统计网
中国统计网，是国内最早的大数据学习网站，公众号：中国统计网
http://www.itongji.cn
ava开发已经悄无声息的走进我们的生活中，无论是手机软件、手机Java游戏还是电脑软件等，只要你使用到电子产品就会碰到和Java有关的东西，更多的企业正采用Java语言开发网站，也心音了好多志同道合的朋友开始加入Java开发的行列。千锋教育强势推出的Java+大数据的新课程，为更多的Java学习者打造更加先进的Java开发技术。
我们知道在Java的学习中，Javaweb是我们的必修阶段，而在Javaweb开发中，我们学习的第一课便是HTML5和CSS的入门基础。我们常说的要浏览的网页就是由HTML语言来编写的，而CSS就是能让我们的网页更加绚丽。通过HTML和CSS的编码来显示我们的网页。所以web开发的必备技能便是HTML和CSS。
那什么是HTML呢?HTML就是超文本标记语言。下面是千锋小编为大家准备的HTML的发展史，教你一步一步踏入Java的世界。
HTML1.0-2.0，分别是在1989年和1991年诞生，起初的这两个版本只有几个基本的标签，而且做出来的网页也不是很好看，但已经支持了超文本。所以几乎web上的每一个人都有他们的主页。
HTML3是在1995年的时候诞生，那时候还诞生了一场漫长而残酷的浏览器战争，Netscape和 microsoft都在试图争霸世界，每个浏览器都在不断的增加自己的专用扩展包。
HTML4有1998年诞生，此时浏览器战争结束web标准诞生，HTML的结构和表现分离到两种语言，一种语言用于实现结构(HTML);一种语言用于表现(CSS)
HTML4.01在1999年诞生，与HTML4相比只是做了一些简单的修补，所有的浏览器都采用一直的标准，除了IE浏览器，所以web开发人员都要单独做一些工作。
XHTML在 2001年诞生，是XML和HTML的结合，只是XHTML相比于HTML的标准更加严格。但是web开发人员对HTML的灵活性更加的拥护。
HTML5是沿用了HTML4.01的大部分特性，提供了体现web新发展的新特性，完全支持XHTML风格的代码，从此HTML5成为大家公认的标准。也就是我们现在都在用的版本HTML5。
HTML5 目标是书写简洁的HTML代码，创建更加简单的web程序。而我们HTML5常用的标签：标题标签、段落标签、无序列表标签、有序列表标签等
我们目前用的CSS3是CSS的新标准，是对CSS2的更新，就像我们美丽的图片，和我们在照片中做的特效，将我们的网页装饰的更加精彩，我们看起来更加舒服。
高楼之所以能高峨耸立，是因为有地基的权利支撑;同样的Java开发之所以能够尽善尽美，是因为我们的HTML和CSS的完美助力，学习Java开发从千锋开始吧!
千锋JavaEE+云数据讲师团汇集行业顶尖师资，以从业经验5年以上的技术大咖面授教学，原华为技术官、IBM技术负责人、中兴项目负责人为首的千锋讲师，撑起国内JavaEE+云数据教学第一道防线，力保Java的教学品质。选择千锋Java培训，是你成功的开始，过程中的努力，让你的成功成为必然!
avaScript 的基本语法和对象体系，是模仿 Java 而设计的。但是，JavaScript 没有采用 Java 的静态类型。正是因为 JavaScript 与 Java 有很大的相似性，所以这门语言才从一开始的 LiveScript 改名为 JavaScript。基本上，JavaScript 这个名字的原意是“很像Java的脚本语言”。
JavaScript 语言的函数是一种独立的数据类型，以及采用基于原型对象（prototype）的继承链。这是它与 Java 语法最大的两点区别。JavaScript 语法要比 Java 自由得多。
另外，Java 语言需要编译，而 JavaScript 语言则是运行时由解释器直接执行。
总之，JavaScript 的原始设计目标是一种小型的、简单的动态语言，与 Java 有足够的相似性，使得使用者（尤其是 Java 程序员）可以快速上手。
*请认真填写需求信息，我们会在24小时内与您取得联系。
