首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【JavaWeb】75:写一个登录案例

【JavaWeb】75:写一个登录案例

作者头像
刘小爱
发布2020-07-30 10:02:54
4070
发布2020-07-30 10:02:54
举报
文章被收录于专栏:零基础自学Java零基础自学Java

今天是刘小爱自学Java的第75天。

感谢你的观看,谢谢你。

从今天开始就要进入前端的学习了。

关于数据库这一块暂时也告一段落了,其中后续会做一个思维导图的总结。想把数据库完全学清楚,几天的学习肯定是远远不够的。毕竟要知道数据库在大学可是一门课,要花一整学期的时间来学。

同样前端的学习也只是初步对其有一个了解,想要精通需要专门花大量的时间去学。

学Java毕竟还是以后台为主。

一、html介绍

全称:hyper text markup language,也就是超文本标记语言。看一个网页:

里面有视频,图片,超链接,当然还有最基础的文本。

所以为什么叫超文本?因为有很多内容超出了文本的范畴。

那它是如何将这些内容展示出来的的呢?

鼠标右键查看网页源代码,得到如下页面:

网页源代码有两千多行,太多了,我只截图了其中很小的一部分。反正html差不多就是这样的一个东西。

它本质上其实也是文本,但是依靠浏览器可以将其解析成各种各样的格式。

emm我总感觉对html的理解太过于肤浅了,还是直接用实际操作来说明吧。

二、基本标签

和Java语言一样,其实用记事本也就能完成html代码的编写,如下图:

在记事本中编写好代码后,将.txt后缀名改成.html,最后直接用浏览器打开即可。

这就是关于html最基础的一个代码编写。

当然肯定是有专门的web前端开发工具,使用起来也更加地简便。

但正所谓一事不从二主,使用idea也能完成html的编写。

其中html中的注释格式为:<!-- -->;Idea中注释的快捷键都是Ctrl+Shift+/(Ctrl+/)

①文档声明:html指的就是html5.0版本,如果是其它版本要说明版本号。

②html:根便签也就是html标签。

③head:顾名思义就是网页的头部。

④meta charset:使用的编码是UTF-8。

⑤title:浏览器的标题。

⑥body:网页的主体,这也是最主要的一个标签,网页的主要内容都是在这个标签里面。

标签都是成双成对的,<html></html>这就是一对标签。当然也有自关闭的标签:<hr/>,就像这种格式,自己就将自己关闭掉了。

三、文本标签

1正文标题标签此标题是正文标题,是在网页里面的内容,和title不一样,title是浏览器标题。

<h><h>这就是一个文本标题标签,h即headLine的简写,大标题的意思。

从上图可以发现,当数字大于或等于7时,标题的效果就和正文是一样的。

也就是说一共只有6级标题,h1表示一级标题,h6表示六级标题。

2hr:horizontal水平线标签

这个hr可不是公司里的hr,是水平线的意思,代码如下:

其中标签里面有几个属性:

  • size:大小,100px(px是像素的意思)
  • width:宽度,可以设定水平线的宽度,从红色和绿色的宽度就能看出来。
  • align:排列的意思,红色居右(right)、蓝色居中(center)、绿色居左(left)
  • color:颜色,可以用对应的单词表示(比如red也就是红色)

其中颜色还可以用RGB(光的三原色:红绿蓝)表示:

任何一种颜色都可以使用这三种颜色组成。

160,255,153就是RGB颜色,每一种颜色的表示范围为1个字节,也就是0到255。

最小就是000,000,000,最大就是255,255,255。

而在程序里面使用十六进制表示的,0到255用十六进制表示就是00到ff。

最小就是000000,最大就是ffffff,其中格式要求在前面有一个#。

以上这几种属性基本上大多数标签都有。

3字体标签

font,字体的意思,但是该标签在html5.0中被css取代了,所以过时了。但是如果企业中用的是html4.0或者更早的版本,font也是很常见的,所以对其要有一定的了解。

①size、color、face

  • size:字体大小,最大是7,最小是1,默认是3.
  • color:上面已经做过说明,不再赘述。
  • face:字体格式(比如楷体,微软雅黑)

②b标签:将字体加粗,用过文本编辑器的基本都熟悉。

③i标签:将字体弄成斜体,一样也很常见。

④br标签:作用是换行。

⑤p标签:段落标签,paragraph,和换行相比较,其有一个明显的段落间距。

以上便是对html的一个基本说明,还有很多标签后续再学习。

最后

谢谢你的观看。

如果可以的话,麻烦帮忙点个赞,谢谢你。

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2020-06-28,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 刘小爱 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、html介绍
  • 二、基本标签
  • 三、文本标签
  • 最后
相关产品与服务
数据库
云数据库为企业提供了完善的关系型数据库、非关系型数据库、分析型数据库和数据库生态工具。您可以通过产品选择和组合搭建,轻松实现高可靠、高可用性、高性能等数据库需求。云数据库服务也可大幅减少您的运维工作量,更专注于业务发展,让企业一站式享受数据上云及分布式架构的技术红利!
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档