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

最新推荐文章于 2023-02-28 20:08:39 发布

前端hacker97

最新推荐文章于 2023-02-28 20:08:39 发布

阅读量584

点赞数

分类专栏： html历史网页历史 web标准 html+css+js 文章标签： html

本文链接：https://blog.csdn.net/qq_24928451/article/details/44891099

版权

html历史网页历史 web标准 html+css+js 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

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

前端hacker97

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
所有基本html标签汇总复习篇

复习所有学过的知识 h1段落标签 h2段落标签 h3段落标签 h4段落标签 h5段落标签 h6段落标签这是一个段落标签斜体的强调标签加粗的强调标签被颜色标记的强调标签加上双引号的引用标签斜体的引用标签单独成一行的引用标签小字小字标签
复制链接

扫一扫