java零基础到项目实战_java零基础到项目实战:HTML入门

105881036_1

写在前面:java作为一门世界级编程语言金字塔顶尖的语言。需要大量的练习、练习、练习来巩固自己所获得的知识。冰冻三尺非一日之寒,希望大家在学习java的日子里一定一定要坚持不懈,严格要求。多练,多问,多百度。祝大家早日成为一名优秀的软件工程师!

文章摘要:此篇文章会带领大家创建一个html最简单的页面,以及在页面中增加一些简单的内容。

我先给大家放2张我以前教学的时候,开课前给学生画的图:

105881036_2

105881036_3

这2张图应该已经比较清晰明了的告诉你,学习java前端需要具备的一些主观和客观方面的东西,我就不多做解释了,以后我的文章中,会以代码图片及展现效果居多,尽量减少文字的占比。让大家对所学的知识有一个更直观的感受。

言归正传,想要编写html代码,首先需要一个后缀为.html的文件,这个文件怎么创建呢?最简单的方式,建一个txt,然后把后缀改为.html,用编辑器打开,就可以编写代码了。

当然,txt界面太丑,笔者这里选用sublime,该编辑器也可以直接加载一个html模板,选择菜单→新建文件(模板)→html,当然,前提要先设置好这个模板,具体设置方法这里就不做详细介绍了,百度上一大堆。新建完成后,产生一个代码如下的页面:

105881036_4

然后在标签体之间打入一行代码

105881036_5

用浏览器打开该文件,显示如下图,说明这个html文件已经创建成功了,能够正常的编写代码。

105881036_6

零基础的同学一定对刚才的代码比较疑惑,虽然照着写能实现功能,但是这些代码各自又都是什么意义呢? 我用注释的方式上图来告诉大家:

105881036_7

首先,html 的标签分为自闭和标签和闭合标签

自闭和标签:就是没有结束标签,比如上图的标签,该标签是没有结束标签相呼应的。

闭合标签:有开始和结束标签,比如上图的

标签,他们都有一个相呼应

105881036_8

在上图中,我用过了比较多的 < !--="" --="">标签,这是html里的注释标签,在编写代码的过程中,勤加注释是一个非常非常好的习惯,不仅方便了他人也方便了以后自己代码的维护。所以说,不加注释的代码都是在耍流氓。

我们80%的页面标签代码都会写在标签里面,什么是标签,至少包含<> 和标签元素,比如

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值