<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>复习所有学过的知识</title>
</head>
<body>
<h1>h1段落标签</h1>
<h2>h2段落标签</h2>
<h3>h3段落标签</h3>
<h4>h4段落标签</h4>
<h5>h5段落标签</h5>
<h6>h6段落标签</h6>
<p>这是一个段落标签</p>
<em>斜体的强调标签</em>
<strong>加粗的强调标签</strong>
<mark>被颜色标记的强调标签</mark>
<q>加上双引号的引用标签</q>
<cite>斜体的引用标签</cite>
<blockquote>单独成一行的引用标签</blockquote>
<small>小字小字标签</small>
<del>删除标签被划掉了</del>
<ins>添加补充标签有下划线</ins>
<br>
<big>大字大字标签</big>
<sub>下标的标签</sub>
<sup>上标的标签</sup>
<abbr title="teacher被缩写了">t</abbr>
<acronym title="web will">ww</acronym>
<pre>原样格式输出 字体小一点 输出</pre>
<bdo dir="rtl">文字反方向输出</bdo>
<hr>
<p>title:设置标题的提示文本</p>
<p>style:设置元素的样式</p>
<p>id:设置元素的id</p>
<p>class:设置元素类名</p>
<p>插入图片<img src=1.jpg width="100" height="50"></p>
<p>设置普通链接<a href="http://www.baidu.com" target="_blank" style="text-decoration:none">baidu没有下划线</a></p>
<p>以图片作为链接<a href="http://www.baidu.com" target="_blank"><img src="1.jpg" width="100" height="50"></a></p>
<p>iframe属性</p>
<a href="http://www.baidu.com" target="abc">百度</a>
<br>
<iframe name="abc" width="100" height="50" src="http://www.baidu.com" frameborder="0"></iframe>
<p>热区链接</p>
<map name="linyu">
<img src="1.jpg" usemap="linyu" width="100" height="50" alt="">
<area shape="circle" coords="0,0,50" href="http://www.baidu.com" alt="" target="linyu">
<p>polygon多边形 rectangle矩形</p>
</map>
<hr>
<p>邮件链接</p>
<a href="mailto:1046418726@qq.com">youjian</a>
<h1>关于表格</h1>
<table border="1">
<caption>标题</caption>
<tr>
<th>表头</th>
<td>两行三列</td>
<td>两行三列</td>
</tr>
<tr>
<th>表头</th>
<td>两行三列</td>
<td>两行三列</td>
</tr>
</table>
<table border="1">
<tr>
<td colspan="2">跨列</td>
</tr>
<tr>
<td>的双方将课文后</td>
<td>符合我好烦</td>
</tr>
</table>
<table border="1">
<tr>
<td rowspan="2">跨行</td>
<td>的罚款零售价</td>
</tr>
<tr>
<td>符合我好烦</td>
</tr>
</table>
<table border="1" cellpadding="20" cellspacing="20">
<tr>
<td>跨列</td>
<td>符合我好烦</td>
</tr>
<tr>
<td>的双方将课文后</td>
<td>符合我好烦</td>
</tr>
</table>
<p>表格的frame属性 void:没有外边框 above:外边框只有上边框 below:外边框只有下边框 hsides:显示上部和下部 vsides:显示左部和右部 lhs:显示左外边框 rhs:显示右外边框</p>
<p>表格的rules属性 none:没有内边框和线条 groups:组和烈之间的线条 rows:显示航线条 cols:显示裂线条 </p>
<ul>
<li>无序列表</li>
<li>无序列表</li>
<li>无序列表</li>
<ol>
<li>有序列表</li>
<li>有序列表</li>
<li>有序列表</li>
</ol>
</ul>
</body>
</html>
所有基本html标签汇总复习篇
最新推荐文章于 2022-04-02 21:16:47 发布