Blogger Information
Blog 5
fans 0
comment 0
visits 9010
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
html常用标签合集
花舞花落淚的博客
Original
1502 people have browsed it

实例

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>html常用标签合集</title>

</head>

<body>

    <!-- 段落标记 -->

    <div>

    <h1>꧁༺ 花舞ら花落淚༻ ꧂</h1>

    <p>花开花落花无悔,缘来缘去缘如水。</p>

    <p>要想幸福一点,心就要简单一点</p>

    <p>要想洒脱一点,对生活要求就简单一点</p>

</div>

<hr>

<!-- 段落加文本修饰 -->

<div>

        <h2>花舞ら花落淚</h2>

    <p>花开花落花<b>无悔</b>,缘来缘去缘如水。</p>

    <p>要想幸福一点,心就要<em>简单</em>一点</p>

    <p>要想<font color="#FF0000">洒脱</font>一点,对生活要求就简单一点</p>

</div>

<hr>

<div>

     <!-- 无序列表 -->

     <h3>花舞ら花落淚༻</h3>

     <ul>

         <li>花开花落花无悔,缘来缘去缘如水。</li>

         <li>要想幸福一点,心就要简单一点</li>

         <li><a href="#">要想洒脱一点,对生活要求就简单一点</a></li>

     </ul>

     <hr>

     <!-- 有序列表 -->

     <ol>

        <li>花开花落花无悔,缘来缘去缘如水。</li>

        <li>要想幸福一点,心就要简单一点</li>

        <li>要想洒脱一点,对生活要求就简单一点</li>

     </ol>

</div>

<!-- 表格  -->

<hr>

<div>

     <table>

         <th>产品名称</th>

         <th>产品价格</th>

         <th>产品颜色</th>

         <th>***数量</th>

         <tr>

             <td>手机</td>

             <td>1800</td>

             <td>灰色</td>

             <td>2部</td>

         </tr>

         <tr>

             <td>电脑</td>

             <td>5000元</td>

             <td>黑色</td>

             <td>1台</td>

        </tr>

        <tr>

             <td>充电器</td>

             <td>58元</td>

             <td>白色</td>

             <td>3个</td>

        </tr>

        <tr>

             <td>保护膜</td>

             <td>29元</td>

             <td>透明</td>

             <td>5块</td>

        </tr>

     </table>

</div>

<hr>

<!-- 表单定义 -->

<div>

     <form action="index.php" methhot="post">

       <div><label>用户名: <input type="text" name="usname" value="" placeholder="请填写用户名"></label> </div>

        <div><label> 密码: <input type="password" name="password" placeholder="密码不能小于6位"></label></div>

         

          <div>性别:<input type="radio" name="gander"  value="male" id="male">    <label for="male">男</label>

                     <input type="radio" name="gander" value="female" id="female"checked ><label for="female">女</label>

                    </div>

           

          <div> 爱好: <input type="checkbox" name="hobby[]" value="basketball" id="1"><label for="1">打篮球</label>

                     <input type="checkbox" name="hobby[]" value="football" id="2" checked/><label for="2">踢足球</label>

                      <input type="checkbox" name="hobby[]" value="Shuttlecock" id="3"><label for="3">打羽毛球</label>

                      <input type="checkbox" name="hobby[]" value="Play table tennis" id="4" checked><label for="4">打乒乓球</label>

        </div>

         <div>

             <label for="city">选择城市</label>

                <select name="city" id="city" value="">

                   <option value="1">北京</option>

                   <option value="2" selected>上海</option>

                   <option value="3">深圳</option>  

                </select>

           </div>

           <div>

               <label for="text">请留言</label>

               <textarea name="toby" id="text" cols="50" rows="5"placeholder="不能少于100字"></textarea>

        </div>

        <div>

            <input type="submit"value="免费注册">

        </div>

           <div><button type="button">提交 </button></div>

           

            </form>

</div>

<div>

     <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1548325797944&di=d3a26d5f94dbdd2bbc74e9cca808fb1f&imgtype=0&src=http%3A%2F%2Fx.itunes123.com%2Fuploadfiles%2F1b13c3044431fb712bb712da97f42a2d.jpg " alt="" width="200" height="100"/>




</div>

<video src="https://vd3.bdstatic.com/mda-igrwkz2s30u9c7cu/mda-igrwkz2s30u9c7cu.mp4"width="320" height="240px" controls ></video>

</body>

</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

html标签合集!

Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post