第二十七章：Java编程之HTML

什么是HTML

HTML是个简写，全称是：Hyper Text Markup Language，其实就是我们平常看到的网页。无论是网易、天猫还是京东、拼夕夕，凡是你看到的网站都是HTML。

可能你觉得还是太神秘，教你一招揭开这些网站的面纱。

如果你使用的是Chrome浏览器，可以在网页上点击鼠标右键，选择“显示网页源代码”。

然后大家就可以看到这样的信息。

你之所以能看到漂漂亮亮的网页，其实就是上面这些字符起的作用，而你所使用的浏览器就是那个把这些字符变成网页神器。

HTML难不难？

    看到上面网页的内容，是不是感觉HTML很难啊，都不明白是什么意思？别着急，如果要学习HTML，千万不要从这些网站的网页入手，否则肯定掉坑里。这些网站上的东西太多了，程序员大佬们看得也费劲，就更别提小白了。HTML本身内容并不是很复杂，只需要一步步来，很快就能学会了。

学J

ava为什么要学习HTML？

你可能会有疑问，好好的Java编程，怎么学起HTML来了？

这个主要原因就是，Java编程当前主要就是用在网站编程这块。虽然当前提倡前后端分离，很多Java程序员不写前端了，但是不少公司还是希望Java程序员了解前端知识，万一要用的话，就可以直接上了，不必再去招个人专门搞前端。

HTML基础样例

给大家展示两个简单的HTML样例，找找感觉：

代码：

效果：

代码：

效果：

HTML概述

     HTML，是由一系列XML标签，按照一定规则排列组合形成的文本文件。用户在网页浏览器（如Edge、Chrome）中输入一个网址并按下回车键后，浏览器就发请求给网站，网站服务器将HTML文件回发给浏览器，然后浏览器根据HTML文件内容进行展示。流程如下：

HTML主要标签

      HTML总共100多个标签，但是常用的没有这么多，所以大家不必逐个去记，先学会几个常用的就好了，如果以后不会用了，上网搜一下，就可以找到很多资料。

• html标签：html文件的根标签，标记文件的开头和结尾

• head标签：网页头信息，css文件、js文件、标题还有一些元数据(meta)都放在这里

• title标签：指定网页标题

• body标签：里面存放网页正文

• p标签：显示文字

• div标签：显示一个块，里面可以放各种类型内容，如文字、列表、图片等等。
• li标签：列表子项，需要和ul或ol标签联合使用
• ul标签：无序列表

• ol标签：有序列表

• a标签：链接

• table标签：显示一个表格
• tr标签：显示表格里的行
• td标签：表示表格里的单元格

• img标签：显示图片

• hr标签：水平分割线

• br标签：换行

• form标签：表单，用于提交数据到服务器。如登录页面要输入用户名、密码，就要放到表单标签里。

声明： 因本文前期在头条发布并且当时名称为“十代码农”，所以截图带有十代码农的水印。