今天是刘小爱自学Java的第75天。
感谢你的观看，谢谢你。
从今天开始就要进入前端的学习了。
image
关于数据库这一块暂时也告一段落了，其中后续会做一个思维导图的总结。想把数据库完全学清楚，几天的学习肯定是远远不够的。毕竟要知道数据库在大学可是一门课，要花一整学期的时间来学。
同样前端的学习也只是初步对其有一个了解，想要精通需要专门花大量的时间去学。
学Java毕竟还是以后台为主。
一、html介绍
全称：hyper text markup language，也就是超文本标记语言。看一个网页：
image
里面有视频，图片，超链接，当然还有最基础的文本。
所以为什么叫超文本？因为有很多内容超出了文本的范畴。
那它是如何将这些内容展示出来的的呢？
鼠标右键查看网页源代码，得到如下页面：
image
网页源代码有两千多行，太多了，我只截图了其中很小的一部分。反正html差不多就是这样的一个东西。
它本质上其实也是文本，但是依靠浏览器可以将其解析成各种各样的格式。
emm我总感觉对html的理解太过于肤浅了，还是直接用实际操作来说明吧。
二、基本标签
和Java语言一样，其实用记事本也就能完成html代码的编写，如下图：
image
在记事本中编写好代码后，将.txt后缀名改成.html，最后直接用浏览器打开即可。
这就是关于html最基础的一个代码编写。
当然肯定是有专门的web前端开发工具，使用起来也更加地简便。
但正所谓一事不从二主，使用idea也能完成html的编写。
image
其中html中的注释格式为：；Idea中注释的快捷键都是Ctrl+Shift+/（Ctrl+/）
①文档声明：html指的就是html5.0版本，如果是其它版本要说明版本号。
②html：根便签也就是html标签。
③head：顾名思义就是网页的头部。
④meta charset：使用的编码是UTF-8。
⑤title：浏览器的标题。
⑥body：网页的主体，这也是最主要的一个标签，网页的主要内容都是在这个标签里面。
标签都是成双成对的，<html></html>这就是一对标签。当然也有自关闭的标签：
，就像这种格式，自己就将自己关闭掉了。
三、文本标签
1正文标题标签此标题是正文标题，是在网页里面的内容，和title不一样，title是浏览器标题。
image
<h><h>这就是一个文本标题标签，h即headLine的简写，大标题的意思。
从上图可以发现，当数字大于或等于7时，标题的效果就和正文是一样的。
也就是说一共只有6级标题，h1表示一级标题，h6表示六级标题。
2hr：horizontal水平线标签
这个hr可不是公司里的hr，是水平线的意思，代码如下：
image
其中标签里面有几个属性：
-
size：大小，100px（px是像素的意思）
-
width：宽度，可以设定水平线的宽度，从红色和绿色的宽度就能看出来。
-
align：排列的意思，红色居右（right）、蓝色居中（center）、绿色居左（left）
-
color：颜色，可以用对应的单词表示（比如red也就是红色）
其中颜色还可以用RGB（光的三原色：红绿蓝）表示：
任何一种颜色都可以使用这三种颜色组成。
image
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也是很常见的，所以对其要有一定的了解。
image
①size、color、face
-
size：字体大小，最大是7，最小是1，默认是3.
-
color：上面已经做过说明，不再赘述。
-
face：字体格式（比如楷体，微软雅黑）
②b标签：将字体加粗，用过文本编辑器的基本都熟悉。
③i标签：将字体弄成斜体，一样也很常见。
④br标签：作用是换行。
⑤p标签：段落标签，paragraph，和换行相比较，其有一个明显的段落间距。
以上便是对html的一个基本说明，还有很多标签后续再学习。
最后
谢谢你的观看。
如果可以的话，麻烦帮忙点个赞，谢谢你。
网友评论