[教程]HTML5最基本的自定义表格代码

2022-3-9 19:38:00  人气 10620    网站源码  

大家好,这里是羽兮社区源码教程!

有什么不懂欢迎发帖提问!

以下是最基本的自定义表格,大家可以学习一下!


<!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>空&nbsp;&nbsp;&nbsp;格</p>
<a name="two">two</a>
<br>

<hr>
<h2>html中特殊字符的使用与演示</h2>

<h6><:这是小于号的演示</h6>
<h6>>:这是大于号的演示</h6>
<h6>&amp;:这是和号的演示</h6>
<h6>&quot;:这是引号的演示</h6>
<h6>&apos;:这是撇号的演示</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>
<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>

. “做个清淡寡言的男孩子,安静于暖,安然于甜,目有所望,心有所想,人生百味,自己体会,以诚挚之心,领岁

发表回复

   


  通知楼主
暂无回复!

猜你喜欢

刷新 换一批