美文网首页
HTML-标签1

HTML-标签1

作者: aofeilin | 来源:发表于2022-08-04 15:56 被阅读0次
    截屏2022-08-04 15.59.43.png

    1.注释标签 h1-h6 加粗 换行 文字越来越小

    <body>
        <h1>1级标题</h1>
        <h2>2级标题</h2>
        <h3>3级标题</h3>
        <h4>4级标题</h4>
        <h5>5级标题</h5>
        <h6>6级标题</h6>
        <hr>
        <p>
            据台媒报道,<hr><br> 昨(3日)深夜,一架大陆无人机飞过金门及北碇地须,遭台军方发射信号弹“警告驱离”。
        </p>
        <p>金防部还老调重弹称,防区运用联合情监侦手段,金防部还老调重弹称</p>
    </body>
    
    截屏2022-08-04 15.45.03.png

    2.标签分类组成和关系分类,分为单标签和双标签

     hr br
    

    3.排版标签 分为h标签(标题标签),p标签(段落标签),br标签(换行标签),br,hr标签(换行标签和水平标签)。

    4.文本格式的标签,加粗,下划线,倾斜,删除线。b,u,i,s,strong,ins,em,del

    <body>
        <!-- 文本格式化标签 -->
        <b>加粗了</b> <strong>加粗了</strong> <br>
        <u>下划线</u> <ins>下划线</ins>
        <i>倾斜</i> <em>倾斜</em></em>
        <s>删除线</s> <del>删除线</del>
    </body>
    

    5.媒体标签,图片标签,视频标签,音频标签。img audio video

    图片标签 :标签中的属性,src  width height  alt title
    
    路径 :相对路径分类:同级目录./,下级目录,上级目录../。
           
    音频标签,(mp3,wav,ogg)
    Audio 默认不显示控件,controls autoplay 自动播放, loop循环播放。
    
    视频标签。  
     video 视频标签  controls 显示播放控件,autoplay自动播放,loop循环播放
    视频可以静音播放,
    
    <body>
        <!-- 图片标签 -->
        <!-- src属性名 = 属性值 一个标签可以存在多个属性,
            标签名和属性之间和属性之间都用空格隔开 
            title:鼠标放在上面等待一会就显示-->
        <img src="https://img1.baidu.com/it/u=3491353355,426611978&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=889" title="放在这里">
        <!-- alt 替换文本 网页加载不出来替换文本 图没有-->
        <img alt="猫咪">
        <!-- title 停在图片上会显示出来 -->
        <!-- width height 设置其中一个如果另一个没有设置,会自动比例缩放。图片此时不会变形 -->
        <img src="https://img1.baidu.com/it/u=3491353355,426611978&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=889" title="放在这里" width="80">
    
    </body>
    
        <!-- 单曲循环 loop -->
        <!-- autoplay 自动播放 -->
        <!-- 控件显示 -->
        <audio src="" controls autoplay loop></audio>
    
    <body>
        <!-- video 视频标签  controls 显示播放控件,autoplay自动播放,loop循环播放 muted静音播放-->
        <video src="" controls  autoplay muted></video>
    </body>
    

    6.链接标签 a 属性 controls, autoplay, loop,muted

    <body>
         <a href="https://www.baidu.com/" target="_self">跳转到百度</a>
         <br>
         <a href="./h1-h5.html" target="_blank">跳转到标题标签html</a>
         <br>
         <!-- 通链接 空链接 -->
         <a href='#' target="_self" >跳转到标题标签html</a>
    </body>
    

    7.demo

    图像.gif

    index.html

    <body>
        <h1>
            今日搜索热词
        </h1>
        <hr>
        <h2> 1、解放军重要军事演训行动已开始爆</h2>
        <p>8月4日12时至7日12时,解放军重要军事演训行动进行,并组织实弹射击。此次实战演训选择环岛六大区域,在此期间, <a href="page1.html" target="_blank">有关船只和飞行器不允许进入。</a></p>
        <h2> 1、解放军重要军事演训行动已开始爆</h2>
        <p>8月4日12时至7日12时,解放军重要军事演训行动进行,并组织实弹射击。此次实战演训选择环岛六大区域,在此期间, <a href="page2.html" target="_blank">有关船只和飞行器不允许进入。</a></p>
    </body>
    

    page1

    <body>
        <h1>
            今日搜索热词
        </h1>
        <hr>
        <h2>音频文件</h2>
        <audio src="" controls autoplay loop></audio>
    </body>
    

    page2

    <body>
        <h1>
            今日搜索热词
        </h1>
        <hr>
        <h2>视频文件</h2>
        <video src="" controls autoplay loop></video>
    </body>
    

    相关文章

      网友评论

          本文标题:HTML-标签1

          本文链接:https://www.haomeiwen.com/subject/hvwywrtx.html