本文详细介绍了HTML的基础知识，包括HTML的基本框架结构、常用的标签元素，如表格、图片、超链接和表单。重点讲解了表格的结构、合并单元格，以及表单的form标签属性，如name、method、action。同时，提到了input标签的各种类型，如单行文本框、单选框、复选框和按钮，并阐述了它们的属性和用途。
HTML基本框架结构
下图是HTML的基本结构，从中我们可以看出，一个页面是由4个部分组成的。
（1）文档声明：
（2）html标签对：
（3）head标签对：
（4）body标签对：
绿叶网基础html教学知识
在HTML中，一般来说，只有6个标签能放在head标签内。
（1）title标签
网页的标题（地址栏）
（2）meta标签
一般用于定义页面的特殊信息，例如页面关键字、页面描述等。这些信息不是提供给用户看的，而是提供给搜索引擎蜘蛛（如百度蜘蛛、谷歌蜘蛛）看的。简单来说，meta标签就是用来告诉“搜索蜘蛛”这个页面是干嘛的。
（3）link标签
link标签用于引入外部样式文件（CSS文件）
（4）style标签
style标签定义元素的css样式
（5）script标签
script标签用于定义页面的JavaScript代码，也可以引入外部JavaScript文件
（6）base标签
这个标签没意义
HTML注释：<!--->又叫注释标签。<!-表示注释的开始，-->表示注释的结束。
HTML文本：
常见的标签元素
<sup> |
上标 |
|---|---|
<sub> |
下标 |
<s> |
中划线 |
<em> |
斜体 |
<strong> |
加粗 |
<u> |
下划线 |
<big> |
大字号文体 |
<small> |
小字号文体 |
<hr/> |
水平线 |
<caption> |
表格标题 |
<table> |
表格 |
<tr> |
表格行标签 |
<td> |
单元格 |
<thead> |
表头 |
<tbody> |
表身 |
<tfoot> |
表尾 |
| – | – |
表格的基本结构：
（1）表格：table标签
（2）行：tr标签
（3）单元格：td标签
（4）表格标题：caption标签
<table>
<caption>表格标题</caption>
<tr>
<td>单元格1</td>
<td>单元格2</td>
</tr>
<tr>
<td>单元格3</td>
<td>单元格4</td>
</tr>
</table>
一个完整的表格包含：table、caption、tr、th、td。为了更深一地对表格进行语义化，HTML引入了thead、tbody和tfoot标签。
thead、tbody和tfoot把表格划分为3部分：表头、表身、表脚。有了这些标签，表格语义更加良好，结构更加清晰，也更具有可读性和可维护性。
表格合并单元格：
合并行<td rowspan = "跨越的行数"></td>
合并列<td colspan = "跨越的列数"></td>
表格举例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>表格语义化</title>
<!--这里使用CSS为表格加上边框-->
<style type="text/css">
table,tr,td,th{
border:1px solid silver;}
</style>
</head>
<body>
<table>
<caption>考试成绩表</caption>
<thead>
<tr>
<th>姓名</th>
<th>语文</th>
<th>英语</th>
<th>数学</th>
</tr>
</thead>
<tbody>
<tr>
<td>小明</td>
<td>80</td>
<td>80</td>
<td>80</td>
</tr>
<tr>
最低0.47元/天 解锁文章
1104
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
