所有基本html标签汇总复习篇

<!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>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值