• 零基础html学习/刷题-第三期

     之前写的html学习的文章都是零零散散的，这次出个整合的专栏，把内容集中起来，做个知识复盘，顺带刷刷题。牛客网非常值得一用，刷题也很好刷！对于基础入门最合适不过。

    博主主页：WDm-xmax 原id：GUIDM

    收入专栏：零基础html学习/刷题

    刷题网站：牛客网

    af0160ba4d9d4be194e7590942a480aa.png

     

     

    一、学习

    文本修饰-常用标签

    1、加粗

    ：仅仅为了加粗显示文本。

    ：表示该文本比较重要。

    2、倾斜

    ：仅仅为了斜体显示文本。

    ：表示加强语气。

    3、删除

    ：不支持了

    ：删除，表示为文字上加一条删除线。

    4、下划线

    ：下划线，表示为文字下方加一条横线。

    5、角标标签

    ：上角标

    ：下角标

    1. <body>
    2.     <p><b>夜间b>，伴着阵阵虫鸣，嗅着甜甜花香，睁眼一看，这不是传说中的桃源吗？p>
    3.     <p>你看，<u>潺潺溪水，悠闲的流淌着；斑斓的蝴蝶，自在的飞舞着；娇美的花儿，羞滴滴的笑着；u>俊美的青树，满足的沐浴着阳光，流泻出沁人的翠。伶俐的鸟儿，飞于蓝天，和出舒心的曲。远处，矫健的绿山，披着那柔和的纱衣，在蓝天的映衬下，愈发清秀。p>
    4.     <p>一切的一切，是那么的静谧，祥和。嘴角不自觉的扬起，丝丝惬意洋溢着。 p>
    5.     <p><em>叽叽喳喳em>，<del>恼人的嘈杂声充斥在周遭del>，适才的曲儿可不是这般。随意的掀了被子，手端一杯白水，自坐在窗前，窗外原仍是枯枝残叶满地，间杂着些许昨夜悄然而至的雪……p> 
    6.     <p>尘风乍起，扰乱一池清水的宁静。<strong>离花散落，碎了梦中人的遐想strong>。p>
    7. body>

    3d326f3ae319487a98fa73908c04d012.png

    二、刷题

    第一题

    412576841c964ef7943cb9b38b8f3e81.png

    常见属性名有：src、controls、autoplay、loop

    src:媒体文件路径

    controls:在网页内显示音频控件

    autoplay:打开网页时自动播放媒体文件

    loop:循环的英文、就是循环播放

    <audio src="" controls>audio>

    第二题

    29f4a14771f145b282e710cbafae0bb5.png

    div::after表示在div元素后插入内容。

    content 的初始值为 ‘normal’。在:before和:after上，如果指定了content 的初始值为 ‘normal’，则计算为 ‘none’ 。content 的值设置为 ‘none’ 不会生成伪元素。

    需加display:block才能显示。

    1. <style type="text/css">
    2.             /*补全代码*/
    3.             div::after{
    4.                 content:"";
    5.                 width:20px;
    6.                 height:20px;
    7.                 background-color:rgb(255, 0, 0);
    8.                 display:block;
    9.             }
    10. style>

    第三题

    262257b99d6742049300b7c4c66dfd99.png

    1.  <style type="text/css">
    2.             /*补全代码*/
    3.             div{
    4.                width:100px;
    5.                height:100px;
    6.                border:1px black solid;
    7.                border-radius:50px;
    8.             }    
    9.         style>

     第四题

    893f433dbfc040fb99c84f5d89e7cb6f.png

     padding：设置内间距；

    margin：设置外间距。

    1.  <style type="text/css">
    2.             /*补全代码*/
    3.             div.box{
    4.                 width:100px;
    5.                 height:100px;
    6.                 padding:20px;
    7.                 margin:10px;
    8.             }
    9.         style>

     

     

  • 相关阅读:
    [附源码]计算机毕业设计JAVA篮球装备商城系统
    人人都可用的Newbing部署项目
    【并发编程五】c++进程通信——信号量（semaphore)
    ClickHouse(03)ClickHouse怎么安装和部署
    破局DevOps｜8大北极星指标指引研发效能方向
    Django 03
    win10 下 ipmitool 1.8.19编译
    Webpack5学习大纲笔记
    【Axure视频教程】表格编号函数
    ES6 入门—ES6 迭代器
  • 原文地址：https://blog.csdn.net/m0_61901625/article/details/126473842