HTML基本知识

<!-- 1.自动生成HTML代码
    <html+tab
2.p标签
3.h1-h6标签
4.<hr><br>
5.a标签
6.特殊符号,&nbsp;
7.<strong></strong>和<em></em>
8.无序列表,ul   li
9.有序列表,ol   li
10.定义列表 dl dt dd
11.table  tr th td
12.img
13.form
    label,input(text,password,radio,checkbox,submit,reset)
    select()
    textarea -->
具体代码:
<!DOCTYPE html>
<!-- <html lang="en"> -->
<head>
    <meta charset="UTF-8">
    <title>标题</title>     
</head>
<body>
    <p id="top"></p>
    <a href="http://www.fhdq.net/ts/177.html" target="_blank" title="点击跳转">特殊符号链接</a>
    <h1>一级标题</h1>
    <p>这是<br><strong>吴森</strong>的一个<em>段落</em></p>
    <hr>
    <p>    
            <h3>静&nbsp;夜&nbsp;思</h3>
                [唐] 李白<br>    
            床前明月光,疑是地上霜。<br>    
            举头望明月,低头思故乡。
    </p>
    <h2>歌手</h2>
    <!-- 无序列表 -->
    <ul>
        <li>李哈哈</li>
        <li>李小壮</li>
        <li>许嵩</li>
    </ul>
    <h2>歌手排行榜</h2>
    <!-- 有序列表 -->
    <ol>
        <li>李哈哈</li>
        <li>李小壮</li>
        <li>许嵩</li>
    </ol>
    <!-- 定义列表 -->
    <dl>
        <dt>帮助</dt>
        <dd>如何注册</dd>
        <dd>如何播放</dd>
        <dd>如何下载</dd>
    </dl>

    <table border="1" cellspacing="0" >
        <!-- 添加表格标题以及居中显示 -->
        <caption>歌曲信息</caption>  
        <tr>
            <th>ID</th>
            <th colspan="2">歌名和歌手</th>
            <th>格式</th>
        </tr>
        <tr>
            <td>1</td>
            <td>爸爸妈妈</td>
            <td rowspan="2">李荣浩</td>
            <td>.MP3</td>
        </tr>
        <tr>
            <td>2</td>
            <td>麻雀</td>
            <!-- <td>李荣浩</td> -->
            <td>.mp3</td>
        </tr>
    </table>


    <a href="http://www.baidu.com">
        <img src="https://dss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=2779570103,872955341&fm=26&gp=0.jpg" width="100">
        <img src="1.png" width="200" alt = "海边风景" title="标题">
    </a><br>
    


    <form accept="http://www.baidu.com" method="post/get">
        <p>
            <label for="u">账号:</label>
            <input id="u" type="text" value="账号" placeholder="请输入账号">
        </p>
        
        <p>
            <label for="pwd">密码:</label>
            <input id="pwd" type="password" value="密码">
        </p>
        <p>
            男:<input type="radio" name="sex" checked="checked">
            女:<input type="radio" name="sex">
        </p>
        <p>
            打球<input type="checkbox" checked="checked">
            唱歌<input type="checkbox" checked="checked">
        </p>
        <p>
            <select name="class">
                <option value="a">打球</option>
                <option value="b">玩游戏</option>
                <option value="c" selected="selected">吹牛逼</option>
            </select>
        </p>
        <p>
            <select  multiple="multiple">
                <option value="a">打球</option>
                <option value="b">玩游戏</option>
                <option value="c" selected="selected">吹牛逼</option>
            </select>
        </p>
        <p>
            <textarea placeholder="吾之荣耀,离别已久" rows="10" cols="6">
                
            </textarea>
        </p>
        <p>
            <input type="submit" value="submit">
        </p>
        <p>
            <!-- 重置表单 -->
            <input type="reset" value="重置">
        </p>
        

    </form>
    <!-- <button>不常用按钮</button> -->



    <div></div>
    <br>
    <a href="#top" title="点击一下,回到顶部">回顶部</a>
    <a href="mailto:2096706824@qq.com">发送邮件</a>
</body>
</html>
View Code

 

posted @ 2020-08-17 21:01    阅读(67)  评论(0编辑  收藏  举报