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

时间：2022-07-22 09:15:39

1.常用标签说明

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

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

2.其他类标签演示

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

代码：

<!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标签演示

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

代码：

<!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>

相关文章