HTML代码演示
<!DOCTYPE html>
<html>
<head>
<title>复习的第一个网页知识</title>
<meta charset="utf-8">
</head>
<body>
<a name="one">one</a>
<font size="6" color="red" face="楷体">这是常见标签的演示</font>
<h1>这是h1标签</h1>
<h2>这是h2标签</h2>
<h3>这是h3标签</h3>
<h4>这是h4标签</h4>
<h5>这是h5标签</h5>
<h6>这是h6标签</h6>
<br>
<b>这是粗体标签</b>
<br>
<i>这是斜体标签</i>
<br>
<u>这是下划线标签</u>
<br>
<p>这是段落标签</p>
<br>
<p>空 格</p>
<a name="two">two</a>
<br>
<hr>
<h2>html中特殊字符的使用与演示</h2>
<h6><：这是小于号的演示</h6>
<h6>>：这是大于号的演示</h6>
<h6>&:这是和号的演示</h6>
<h6>"：这是引号的演示</h6>
<h6>'：这是撇号的演示</h6>
<br>
<hr>
<h2>html中文字列表标签的使用与演示</h2>
<ol type="A">
<li>有序的第一个标签</li>
<li>有序的第二个标签</li>
<li>有序的第三个标签</li>
</ol>
<br>
<h4>无序列表的使用</h4>
<ul type="square">
<li>无序列表的第一个标签</li>
<li>无序列表的第二个标签</li>
<li>无序列表的第三个标签</li>
</ul>
<br>
<h4>定义列的使用</h4>
<dl>
<dt>定义列表的第一个</dt>
<dd>这时定义列表的使用</dd>
<dt>定义列表的第二个</dt>
<dd>这是定义列表的使用</dd>
<dt>这是定义语的行</dt>
<dd>这是定义说明的行</dd>
</dl>
<br>
<hr>
<h2>html中超链接的使用</h2>
<a href="http://www.baidu.com" target="_blank">百度一下</a>
<br>
<a href="#one">one</a>
<a href="#two">two</a>
<br>
<hr>
<h2>html中的表格</h2>
<table border="1px" align="center" width="700px" cellpadding="10px" cellspacing="0px">
<caption>这是表格的练习</caption>
<tr align="center">
<th>第一个表格</th>
<th>第一个表格内容</th>
</tr>
<tr align="center" bgcolor="red">
<td>第二个表格</td>
<td>第二个表格内容</td>
</tr>
<tr valign="top" height="100px">
<td>第三个表格</td>
<td>第三个表格内容</td>
</tr>
</table>
<br>
<hr>
<h2>表格中的单元格的合并</h2>
<table border="1px" cellspacing="0px">
<tr align="center">
<td colspan="2">1</td>
<td colspan="2">2</td>
</tr>
<tr align="center">
<td>1.1</td>
<td>1.2</td>
<td>1.3</td>
<td>1.4</td>
</tr>
<tr align="center">
<td>2.1</td>
<td>2.2</td>
<td>2.3</td>
<td>2.4</td>
</tr>
</table>
</body>
</html>
代码结果
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
