• 1.html


    案例:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>新闻</title>
    </head>
    
    <h1>美联储3天接盘近20万亿资金</h1>
    <hr width="500" align="left">
    <p>最新数据显示,8月密歇根大学消费者信心指数初值为70.2,较7月下跌了11点,创下近10年来纪录新低(自2011年12月以来),远远低于市场的预估数据。除了消费者这端以外,企业这边对未来的经济前景也不太乐观。在受调查的企业中,仅有39%的小企业主认为美国经济将在一年之内有所改善,远低于7月的50%。
    </p>
    <p>分析指出,上述数据表现疲软的原因,除了因为美国目前的通胀水平过高,还有就是德尔塔毒株导致的病例激增,让大家普遍降低了消费欲望。据悉,由于近段时间的新增病例持续增加,像美国纽约国际车展活动被迫取消,谷歌、苹果、亚马逊和贝莱德集团等美国巨头都还在坚持着远程办公的行动。
    </p>
    </body>
    </html>

    效果

    上图箭头即为标签属性效果

     二.图片标签

    代码:

    <img src="mei.jpeg" title="美联储" alt="美联储2"/> 

    即可

     三.锚标签

    代码:

    <a href="http://www.baidu.com" target="_blank">跳转到百度</a>

    即可

     四.特殊字符

    代码:

    <p>这里是特殊字符&copy;/p>
    

     效果

    这里是特殊字符©

    即可

    五.列表标签ul,li

    代码:

    <ul>
        <li>红楼梦</li>
        <li>三国演义</li>
        <li>水浒传</li>
        <li>西游记</li>
    </ul>
    

      即可

    六.表格

     

    代码

    <table align="center"  border="1" cellpadding="0" cellspacing="0" width="600">
        <tr>
            <th>主机名</th>
            <th>IP</th>
            <th>Status</th>
        </tr>
        <tr>
            <td>web01</td>
            <td>192.168.1.1</td>
            <td>Online</td>
        </tr>
        <tr>
            <td>web02</td>
            <td>192.168.1.2</td>
            <td>Down</td>
        </tr>
    </table>
    

      效果

    即可

    七.表单

     

    代码:

    <form action="" method="post">
        <label for="username">用户名:<input type="text" name="username" id="username" size="10" maxlength="5" /></label><br>
        <label for="password">密码:<input type="password" name="password" id="password"/></label><br>
        <label for="gender">性别:<input type="radio" name="gender" value="2" id="gender" checked />保密
               <input type="radio" name="gender" value="0"/>man
               <input type="radio" name="gender" value="1"/>women
        </label><br>
        <label for="hobby">
            爱好:<input type="checkbox" name="hobby" id="hobby" checked/>eat
              <input type="checkbox" name="hobby" id="hobby" checked/>sleep
              <input type="checkbox" name="hobby" id="hobby"/>beat dou dou
        </label><br/>
         <label for="intro">自我介绍:<br/>
              <textarea name="intro" id="intro" cols="30" rows="10"></textarea><br/>
         </label>
        <label for="grade">
            学历:<select id="grade">
            <option value="1">初中</option>
            <option value="2">高中</option>
            <option value="3" selected>大学</option>
            <option value="4">硕士</option>
            <option value="5">博士</option>
        </select><br>
        </label>
              <input type="submit" value="提交">
              <input type="reset" value="reset">
    
    </form>
    

      效果

    即可

  • 相关阅读:
    mybatis-plus 插件
    mybatis-plus 逆向工程模板
    mybatis-plus 使用
    response.getWriter()
    String.length()和String.getBytes().length
    mybatis 中有趣的符号#与$
    html动画实现
    把我坑惨的一个update语句
    我们为什么不用 Select * 吗?
    Java 正则表达式
  • 原文地址:https://www.cnblogs.com/hbxZJ/p/15143136.html
Copyright © 2020-2023  润新知