一天搞定HTML----常用标签01

1.常用标签说明

这里写图片描述

这里写图片描述

2.其他类标签演示

这里写图片描述

代码:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        <!--
            div--块级元素
            span--区分样式
            h1-h6--标题
            p--段落
            strong--强调(粗体)
            em--强调(斜体)
            mark--标记
            img--图片

            src是图片的地址
                如果单独给图片一个宽或者高,那图片会按等比例缩放
                img标签是个单标签,没有一个专门的闭合标签
                它的标签类型是一个内联块
        -->
        <div>这是一个div标签</div>
        <span>这是一个span标签</span>

        <h1>标题</h1>
        <h2>标题</h2>
        <h3>标题</h3>
        <h4>标题</h4>
        <h5>标题</h5>
        <h6>标题</h6>


        <strong>这是一个strong标签</strong>
        <em>这是一个em标签</em>

        <p>如果单独给图片一个宽或者高,那图片会按等比例缩放
                img标签是个单标签,没有一个专门的闭合标签
                它的标签类型是一个内联块</p>

        <mark>这是一个mark</mark>

        <img src="img/1.jpg" alt="动物图片" />

    </body>
</html>

3.H5标签演示

这里写图片描述

代码:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <!--
            header      头部
            nav         导航
            footer      底部
            section     版块
            article     内容
            aside       附属信息
            time            时间
        -->
        <header>
            主要用于页面的头部,还可以放板块的头部
        </header>
        <nav    >导航</nav>
        <footer>页面底部</footer>
        <section>页面中的版块,用来区分页面中的不同区域</section>
        <article>文章</article>
        <aside>
            附属信息
        </aside>
        <time>用来放时间</time>
    </body>
</html>
原文地址:https://www.cnblogs.com/TCB-Java/p/6853981.html