第一天--html

<!Doctype html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>我的第一个html</title>
    </head>
    <body>
        <h1>我的第一个标题</h1>
        <p>我的第一个段落</p>
        <a href="javascript:;">这是一个链接</a>
        <h1>这是标题一</h1>
        <h2>这是标题二</h2>
        <h3>这是标题三</h3>
        <h4>这是标题四</h4>
        <h5>这是标题五</h5>
        <h6>这是标题六</h6>
        <hr>
        <p>上面有个使用标签hr出现的水平线</p>
        <p>这个<br />段落<br />展示分行效果</p>
        <h1>春晓</h1>
        <p>春眠不觉晓,处处闻啼鸟,夜来风雨声,花落知多少。</p>
        <b>这是粗体</b>
        <i>这是斜体</i>
        <strong>这是粗体</strong>
        <em>这是斜体</em>

        <code>这是电脑自动输出字体</code>
        <p>这是<sub>下标</sub> 这是<sup>上标</sup></p>
        <pre><span>中间自由放置位置</span>
<span>与代码内的位置展示在网页上一致</span>         我空格了,空了好几个格
 我换行又空一格没有用代码,直接用空格键和enter键     <span style="color:red;">这就是pre标签的好处</span>
        </pre>
        <p>该段文字从左到右</p>
        <p><bdo dir="rtl">该段文字从右到左</bdo></p>
        <p><del>删除字效果</del> <ins>字有下划线效果</ins></p>
        <var>定义变量</var>
        <blockquote>定义长引用</blockquote>
        <cite>定义引用/引证</cite>
        <br />
        <dfn>定义一个定义项目</dfn>
        <address>定义地址</address>
        <a href="https://www.baidu.com/">文本</a>这是一个指向百度的文本链接
        <br />
        <a href="https://www.baidu.com/" target="_blank">在新窗口中打开百度</a>
    </body>
</html>

posted @ 2016-09-26 13:46  言不可道尽  阅读(149)  评论(0编辑  收藏  举报