<!--告诉浏览器的规范类型-->
<!DOCTYPE html>
<html lang="en">
<!--网页头部-->
<head>
<!-- 开放标签-->
<!-- meta标签描述网站本身的特征 charset:字符集-->
<meta charset="UTF-8">
<!-- 网页关键字-->
<meta name="keywords" content="测试,java">
<!--网页描述 常常用作搜索引擎优化SEO-->
<meta name="description" content="这是html的基础学习网页">
<!-- 闭合标签-->
<!-- <title> 网页标签名-->
<title>网页标签</title>
</head>
<!--网页主题\内容-->
<body>
<!--标题标签-->
<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<!--段落标签-->
<p>第一段</p>
<p>第二段</p>
<!--换行标签:在同一段里面换行-->
<p>
这是一段话,
<br>这里换行了,
<br>这里也换行了.
</p>
<!--分割线-->
<hr>
<!--字体格式-->
<h2>字体格式</h2>
<P>
<strong> strong是粗体</strong>
<b>b也是粗体</b>
</P>
<p>
<em> em是斜体 </em>
<i>i是意大利体</i>
</p>
<!--特殊符号-->
<p>
特殊符号:& ;
<br>
空格:
<br>
大于小于:><
<br>
版权:©
</p>
<!--列表标签-->
<hr>
<h1>列表标签</h1>
<!--有序列表,适用于问答-->
<b>有序列表</b><br>
<ol>
<li>java</li>
<li>python</li>
<li>运维</li>
</ol>
<!--无序列表,网页导航,侧边栏-->
<b>无序列表</b><br>
<ul>
<li>要素1</li>
<li>要素2</li>
<li>要素3</li>
</ul>
<!--<dl> 自定义列表, 网站底部，产品类别-->
<b>自定义列表</b><br>
<dl>
<!--data title-->
<dt>data title</dt>
<!-- data detail-->
<dd>第一条</dd>
<dd>第二条</dd>
<dd>第三条</dd>
</dl>
<!--表格标签
tr: 行标签,以下为三行的标签
td: 行中数据标签，以下每一行有四个数据
border: 边框宽度
-->
<hr>
<h1>表格标签</h1>
<table border="1px">
<tr>
<!-- colspan跨列-->
<td colspan="4">1</td>
<!-- <td>2</td>-->
<!-- <td>3</td>-->
<!-- <td>4</td>-->
</tr>
<tr>
<!-- rowspan跨行-->
<td rowspan="2">5</td>
<td>6</td>
<td>7</td>
<td>8</td>
</tr>
<tr>
<!-- <td>9</td>-->
<td>10</td>
<td>11</td>
<td>12</td>
</tr>
</table>
</body>
</html>
浙公网安备 33010602011771号