大家好，从今天开始，咱们来聊一聊JavaWeb这块的知识。很多哥们在学习JavaWeb这阶段知识的时候，处于一种懵逼状态，因为内容很多，但是分不清主次，分不清重点，所以学起来很吃力，不过没关系，从今天开始，我就来带着大家一点一点的学习JavaWeb这阶段的最简单最入门的知识。
整体JavaWeb知识体系一般都是分为30节的内容，咱们今天先来看看第一节需要知道知识点，HTML。关于HTML对于后台开发人员来说，重要程度相比后面大家要学习的web核心知识点来说就没那么重要，但是大家还是需要掌握一些知识点。如果大家把我接下来写的小的知识点都能弄明白的话，这一节你就可以顺利过关了。
1. 什么是html
HTML是超文本标记语言，所谓超文本最简单的理解就是一个文本文件里可以放入超链接，图片，音频等等，比较普通纯本文高级，就是超文本了，所谓标记语言，就是指里面的代码全部都是由标签拼凑而成的。关于HTML的概念，大家简单了解就可以了。
2. html的组成结构
HTML其实是一个很不严谨的标签语言，说白了，即使不按照规范写也不会怎么样，但是大家做事不能不合群，所以还是按照一个标准的规范去写吧，HTML最简单的一种结构就是，要写一对名为html的根标签，然后里面分两部分，一部分是一对名为head的标签，一部分是一对名为body的标签。具体怎么写，咱们继续往下看。
3. 写一个最简单的html
新建一个文本文件，把txt后缀名改成html，名字随便起，看你心情，于是就创建好了一个html文件。我们要在里面写一写东西。并且这样的一个文件可以通过浏览器打开。
<html>
<head>
xxx
</head>
<body>
xxx
</body>
</html>
一个最简单的标准格式就成型了。
代码编写：
4. 常用的一些标签
接下来咱们来看看我们需要知道HTML中的哪些标签，我来列举一下。
字体标签、排版标签、图像标签、列表标签、超链接标签
表格标签、表单标签、框架标签、块级标签
接下来咱们分别来说一下这些标签的使用。
5. 字体标签
<font></font>，它的最简单的格式
<font>这是一个字体标签</font>，中间可以写内容
<font color=”red” size=”7”>这是一个字体标签</font>，还可以给标签添加属性
接下里咱们来介绍一个字体标签的常用属性：
color：给字体设置颜色的。
size：给字体设置大小的，范围1-7。
关于字体标签大家知道这么多就行，简单吧。
代码编写：
浏览器显示：
6. 排版标签
排版标签里常用的标签都有哪些呢，来看看。
标题标签：
<h1>这是一个标题标签</h1>
<h6>这是一个标题标签</h6>
1最大，6最小
段落标签：
<p>这是一个段落标签</p>
居中标签：
<center>这是一个居中标签，内容可以居中显示</center>
另：
特殊字符：
在HTML中想要显示大于号，小于号这样的符号，如果写<，>是没法显示出来的，因为它们在HTML里是有特殊意义的，所以针对这样的字符 ，我们要使用特定的格式去书写了
大于号使用>
小于号使用<
空格使用
当然不止这些，在这里只是简单列举，其他的大家可以查看一些帮助文档，上面写的可是很全面的哦。
代码编写：
浏览器显示：
代码编写：
浏览器显示：
代码编写：
浏览器显示：
代码编写：
浏览器显示：
7. 图片标签
<img src=”1.jpg”>，最简单的图片标签格式
<img src=”1.jpg” align=”right”border=”3” alt=”这是一张图片”>
常用属性都有：
src:图片的路径名
align:显示的位置
border：图片边框的宽度
alt:图片的文字说明
代码编写：
浏览器显示：
8. 列表标签
带有数字的列表标签：
<ol type=”类型”>
<li>列表项</li>
<li>列表项</li>
</ol>
类型可以为：i,a,A,1等
带有符号的列表标签：
<ul type=”类型”>
<li>列表项</li>
<li>列表项</li>
</ul>
类型可以为：circle,square,disc等
无符号的列表标签：
<dl>
<dt>标题</dt>
<dd>列表项</dd>
<dd>列表项</dd>
</dl>
代码编写：
浏览器显示：
代码编写：
浏览器显示：
代码编写：
浏览器显示：
9. 超链接标签
这就是一个最简单的超链接标签了。
常用的属性：
href:里面写要链接到的一个路径
target:通过浏览器打开链接之后的打开方式，是在本页面显示还是新打开一个页面显示。
代码编写：
浏览器显示：
10. 表格标签
<table>
<caption></caption>
<tr>
<th></th>
<th></th>
<th></th>
</tr>
<tr>
<td></td>
<td>></td>
<td></td>
</tr>
</table>
<table>：代表了一个表格
<tr>：代表了一行
<td>：代表了一列
<th>：标题列
<caption>：代表了表格标题
大家都应该使用过excel表格吧，里面有一个功能，就是合并单元格功能，咱们这里也是可以合并单元格的，合并列，使用colspan，合并行，使用rowspan。具体怎么使用咱们一会看图片里的代码演示。
常用属性：
border:边框宽度
cellpadding:边框和框里的内容之间的边距
cellspacing:边框与边框之间的间距，设置为0，即变成了实线
代码编写：
浏览器显示：
11. 表单标签
<form action=”XXX”>
<inputtype=”text”>
<inputtype=”password”>
</form>
表单里的内容就比较多了，属性多，属性值也多。
大家把下面这个图能看懂就OK了。
代码编写：
浏览器显示：
以上是针对HTML大家要了解掌握的一些知识点，后面还有更多内容大家尽情期待，咱们下期再见~
收藏
淘帖
踩
