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

来源：互联网发布：apache 二级域名配置编辑：程序博客网时间：2024/06/06 09:56

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>

0 0