1.HTML的相关标签
1.标签的格式: <标签名>封装的数据</标签名>
2.标签名大小写不敏感。
3.标签拥有自己的属性：i. 分为基本属性： bgcolor=“red” 可以修改简单的样式效果。ii. 事件属性： οnclick=“alert(‘真帅！’);” 可以直接设置事件响应后的代码。
4.标签又分为，单标签和双标签。i. 单标签格式： <标签名 /> br 换行，hr 水平线。ii. 双标签格式: <标签名> …封装的数据…</标签名>
5.标签的语法格式：
①标签之间不能交叉嵌套。 ②标签必须正确关闭：1.有文本内容的标签 2.没有文本内容的标签 。③属性必须有值，属性值必须加引号。 ④注释不能嵌套
注意：html语言在具体使用的过程中比较不规范，上面的语法格式就算不遵守，在一定情况下是不会出现任何问题的，也就是不遵守上面的规则仅仅是不符合html语言，但还是能够执行的，相关的程序不会报错。
2.font字体标签
以一个例子来看font标签，在网页上显示 “我是字体标签 ” ，并修改字体为 宋体，颜色为红色，在font字体标签中，其中我们首先学习其基本属性，修改字体的样式效果，其中主要包括color、face和size这三种基本属性，font 标签是字体标签 , 它可以用来修改文本的字体 , 颜色 , 大小 ( 尺寸 )，color 属性修改颜色，face 属性修改字体，size 属性修改文本大小
...
<body>
<!-- color表示的是当前页面的背景颜色，face表示当前页面的字体，
size表示的是当前页面中的字体大小 -->
<font color="green" face=" 宋体" size="3">我是字体标签</font>
</body>
...
3.特殊字符
换行符显示在页面上（代码如下所示）：
...
<body>
<!-- 特殊字符
常用的特殊字符 :
< ===>>>> <
> ===>>>> >
空格 ===>>>>
-->
我是<br>标签<br/>
</body>
...
注意：在HTML中，我们无论在两段文字之间添加多少空格，最后显示的话只会显示一个空格，如果确实需要那么多的空格的话，那么我们就是需要 进行相关的空格输入，这样才能保证我们所需要的空格都能在页面上完全显示。
4.标题标签------标题标签是 h1 到 h7
align 属性是对齐属性：left 左对齐 ( 默认 )，center 居中，right 右对齐
<body>
<!-- 标题标签
从h1到h7的标题大小依次减小
-->
<h1 align="left">标题 1</h1>
<h2 align="center">标题 2</h2>
<h3 align="right">标题 3</h3>
<h4>标题 4</h4>
<h5>标题 5</h5>
<h6>标题 6</h6>
<h7>标题 7</h7>
</body>
5.超链接
我们在正常的页面中都是包含了各种连接进行页面的跳转的，只有这样才能让我们更好更快的浏览相关的页面，进行信息的浏览。
超链接所代表的标签是a标签，其中a标签包含href和target两种基本属性，href 属性设置连接的地址。target 属性设置哪个目标进行跳转：1._self 表示当前页面 ( 默认值 )，2._blank 表示打开新页面来进行跳转。具体代码如下（以百度的连接为例）：
<body>
<a href="http://www.baidu.com">百度</a><br/>
<a href="http://www.baidu.com" target="_self">百度_self</a><br/>
<a href="http://www.baidu.com" target="_blank">百度_blank</a><br/>
</body>
6.列表标签
列表标签主要包括有序标签（ol）和无序标签（ul）。两者使用的时候，都是采用li进行连接相关的列表项，type的这个基本属性是用来进行设置列表项前面的符号。
代码如下：
<body>
<!-- 需求 1 ：使用有序，列表方式，把东北 F4 ，赵四，刘能，小沈阳，宋小宝，展示出来
ol 是有序列表
type 属性可以修改列表项前面的符号
li 是列表项
-->
<ol type="none">
<li>赵四</li>
<li>刘能</li>
<li>小沈阳</li>
<li>宋小宝</li>
</ol>
</body>
7.img 标签
img标签是用来在 html 页面上显示图片。
img 标签是图片标签 , 用来显示图片：src 属性可以设置图片的路径，width 属性设置图片的宽度，height 属性设置图片的高度，border 属性设置图片边框大小，alt 属性设置当指定路径找不到图片时 , 用来代替显示的文本内容
在 JavaSE 中路径也分为相对路径和绝对路径 .相对路径 : 从工程名开始算，绝对路径 : 盘符 : / 目录 / 文件名。在 web 中路径分为相对路径和绝对路径两种，相对路径 :（1）. 表示当前文件所在的目录，（2）… 表示当前文件所在的上一级目录
文件名 表示当前文件所在目录的文件 , 相当于 ./ 文件名 ./ 可以省略
绝对路径 :正确格式是 : http://ip:port/ 工程名 / 资源路径，错误格式是 : 盘符 : / 目录 / 文件名
<body>
<img src="1.jpg" width="200" height="260" border="1" alt=" 找不到该图片"/>
</body>
8.表格标签
table 标签是表格标签：border 设置表格标签，width 设置表格宽度，height 设置表格高度，align 设置表格相对于页面的对齐方式，cellspacing 设置单元格间距，tr 是行标签，th 是表头标签，td 是单元格标签，align 设置单元格文本对齐方式。我们采用td标签调整格式和th标签所实现的效果是完全一样的。
<body>
<table align="center" border="1" width="300" height="300" cellspacing="0">
<tr>
<th>1.1</th>
<th>1.2</th>
<th>1.3</th>
</tr>
<tr>
<td>2.1</td>
<td>2.2</td>
<td>2.3</td>
</tr>
</table>
</body>
9.、跨行跨列表格
td标签中主要是两个基本属性实现了跨行跨列表格上的实现：colspan 属性设置跨列，rowspan 属性设置跨行。
<tr>
<td>4.1</td>
<td>4.2</td>
<td>4.3</td>
<td colspan="2" rowspan="2">4.4</td>
</tr>
特别注意的是：我们在使用跨行跨列表格的时候，一定需要注意的是对于合并表格的时候，我们需要对于那些合并前的有些格子进行相关的删除，这样才能保证相关的合并时候不会影响最终的表格实现结果。
802
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
