html 超文本标记语言
1.成对出现
<html>...</html>
2.自关闭标签 <img/> <br/>
3.属性
<img src="image/a.jpg" alt="图片"/>
4.基本结构
<html>
<head>
</head>
<body>
</body>
</html>
5.标签的分类
块级标签 自带换行
标题
<h1>....</h1>
<h6>....</h6>
对标题的赋值是在<body ></body>中
例
<html>
<head></head>
<body>
<h1>一级标题</h1>
... //一级标题最大
<h6>六级标题</h6>
</body>
</html>
段落
<p></p>
列表
1.有序列表
<ol type="A" >
<li>列表项的内容</li>
<li>列表项的内容</li>
<li>列表项的内容</li>
<li>列表项的内容</li>
</ol>
2.无序列表
<ul type=" ">
<li>列表项的内容</li>
<li>列表项的内容</li>
<li>列表项的内容</li>
<li>列表项的内容</li>
</ul>
例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<h1>HTML在线考试</h1>
<ol >
<li>HTML中,换行使用的标签是()。</li>
<ol type="A">
<li> < br/></li>
<li> < p ></li>
<li> < hr/ ></li>
<li> < img/ ></li>
</ol>
<li><img/>标签的()属性用于制定图像的地址。</li>
<ol type="A">
<li>alt</li>
<li>href</li>
<li>src</li>
<li>addr</li>
</ol>
<li>创建一个超级链接使用的是()标签</li>
<ol type="A">
<li> < a ></li>
<li> < ol ></li>
<li> < img/ ></li>
<li> < hr/ ></li>
</ol >
<li><img/>标签的()属性用来设置图片与旁边内容的水平距离。</li>
<ol type="A">
<li> hspace</li>
<li> vspace</li>
<li> border</li>
<li> alt</li>
</ol >
<li>下面HTML结构中,不属于列表结构的是()。</li>
<ol type="A">
<li> ul-li</li>
<li> ol-li</li>
<li> dl-dt-dd</li>
<li> p-br</li>
</ol>
</ol>
</body>
</html>
需要注意的是 < 代表< >代表> br/ 代表换行,在输出结果中A选项中,要想输出A选项的样式,不能在HTML编写时用<br/>形式,需用< br/ >
3.自定义列表 描述标签
<dl>
<dt></dt>
<dd></dd>
</dl>
表格
<table>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<table width="300" height="300" border="1">
<!--第1行 -->
<tr>
<td rowspan="7">2</td>
<td colspan="7">1</td>
</tr>
<!--第2行 -->
<tr>
<td rowspan="5">3</td>
<td colspan="5">17</td>
<td rowspan="7">8</td>
</tr>
<!--第3行 -->
<tr>
<td>4</td>
<td colspan="2">5</td>
<td>6</td>
<td rowspan="5">7</td>
</tr>
<!--第4行 zhongdian -->
<tr>
<td rowspan="2" colspan="2">9</td>
<td colspan="2">10</td>
</tr>
<!--第5行 -->
<tr>
<td colspan="2">11</td>
</tr>
<!--第6行 -->
<tr>
<td>12</td>
<td colspan="2">13</td>
<td>14</td>
</tr>
<!--第7行 -->
<tr>
<td colspan="5">15</td>
</tr>
<!--第8行 -->
<tr>
<td colspan="7">16</td>
</tr>
</table>
</body>
</html>
上图代码结果 从左到右的顺序
colspan表示跨列
rowspan表示跨行
table 定义表格
tr 定义行
td 定义单元格
行级标签 不带换行
持续更新...