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

最新推荐文章于 2024-04-21 11:41:04 发布

Java仗剑走天涯

最新推荐文章于 2024-04-21 11:41:04 发布

阅读量2.7k

点赞数 8

分类专栏：前端基础HTML5/CSS3 文章标签： HTML 常用标签

本文链接：https://blog.csdn.net/baidu_37107022/article/details/71424882

版权

前端基础HTML5/CSS3 专栏收录该内容

46 篇文章 2 订阅

订阅专栏

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>