zoukankan      html  css  js  c++  java
  • 一天搞定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>
    
  • 相关阅读:
    FastCgi与PHP-fpm之间是个什么样的关系
    MySql的like语句中的通配符:百分号、下划线和escape
    mysql将int 时间类型格式化
    navicat 结合快捷键
    MySQL中concat函数
    case when then else end 用法
    PhpStorm主题
    Having与Where的区别
    无需图形界面环境下的浏览器
    Socket常见错误
  • 原文地址:https://www.cnblogs.com/TCB-Java/p/6853981.html
Copyright © 2011-2022 走看看