其他分享
首页 > 其他分享> > 简单标签

简单标签

作者:互联网

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>一些简单的标签</title>
    </head>
    <body>
        
        <h1>我的第一篇博客随笔</h1><!-- 标题 -->
        <h2>我叫可口可乐</h2><!-- 小标题 -->
        <i>2020.3.14</i><!-- 斜体 -->
        <p>为什么是可口可乐而不是百事可乐呢?<br /><!-- 换行 -->
        因为<b>&nbsp;可&nbsp;口&nbsp;可&nbsp;乐</b>才是最好喝的!<!-- 加粗和空格 -->
        <del>百事</del><!-- 删除线 -->
        <u>可口</u><!-- 下划线 -->
        </p>
        
        <hr /><!-- 分割线 -->
        
        <h2>高情商的特点</h2>
        
        
        <img src="img/卡.jpeg" title="鼠标放上去显示" alt="加载失败显示" height="100px" width="100px"/><!-- 图片 -->
        
        
        <ul><!-- 无序列表 -->
            <li><a href="#">更容易读懂他人</a></li><!-- 超链接 -->
            <li><a href="#" target="_blank">抗压能力强</a></li><!-- 在新窗口打开超链接 -->
            <li><a href="#">反思自己而不去责怪他人</a></li>
            <li><a href="#">善于换位思考</a></li>
        </ul>
        <ol><!-- 有序列表 -->
            <li><a href="#">更容易读懂他人</a></li>
            <li><a href="#">抗压能力强</a></li>
            <li><a href="#">反思自己而不去责怪他人</a></li>
            <li><a href="#">善于换位思考</a></li>
        </ol>
        
        <ul type="circle"><!-- 空心样式 -->
            <li>情绪控制</li>
            <li>自律</li>
            <li>热爱自己</li>
        </ul>
        <ol type="a"><!-- 字母样式 -->
            <li>情绪控制</li>
            <li>自律</li>
            <li>热爱自己</li>
        </ol>
        
        <table border="1" cellspacing="0">
            <col width="200px"><!-- 代表第一列 -->
            <col width="100px"><!-- 代表第二列 -->
            
            <col width="75px" span="2" /><!-- 代表三四列 -->
            
            <tr align="center">
                <th colspan="3">a</th><!-- 左右合并单元格 --><!-- 表头 -->
                <td>z</td>
            </tr>
            
            <tr align="center"><!-- 对其方式 -->
                <td>1</td>
                <td>2</td>
                <td>3</td>
                <td></td>
            </tr>
            <tr>
                <td>d</td>
                <td>e</td>
                <td rowspan="2">f</td><!-- 上下合并单元格 -->
                <td>z</td>
            </tr>
            <tr>
                <td>d</td>
                <td>e</td>
                <td>z</td>
            </tr>
        </table>
    </body>
</html>

 

标签:标签,换位,抗压,读懂,nbsp,简单,他人,可口可乐
来源: https://www.cnblogs.com/chengzizhou/p/12496734.html