?????? ?? ? ?? ?? " />

? ??? ??? ???? HTML ???? ?? ???? ???? ??, ?? CDN (Content Distribution Network)? ??? ??? ??? ?????. ?? ??? ?? ??? URL? ?? ???? ??? ???? ?? ???, ?? ??? ?? ? ??? ? ???? ?? ?? ??? ??? ? ??? ??? ???? ??? ???? ???? ???? ???? ????? ????? ?? ? ? ??? ?????.

1. ??? ?? ??? ??? ??????

HTML?? ??? ? ???? ???? ????? ? ???? ?? ?????. ? ??? ?? ??? ??? ?????. ?? ???? ??? ??? ??? URL? ???? src (source)???.

 <img src="image%20url" alt="image description">

??? ??? URL? ?? ?? (???? ??? ???? ????) ?? ?? ?? (????? ?? ???? ????) ? ? ????. Instagram? ?? ?? ??? ????? ???? ??? ??? ?? ????? CDN (Content Distribution Network)? ?????. ? CDN ??? ????? ??? ??? ?? ???? URL??? ??? SRC ?? ??? ?? ??? ? ????.

?? ?? Instagram? ??? ??? ?????. https://scontent-dus1-1.cdnstagram.com/v/t51.2885-19/281440578_1088265838702 675_623856337905829714_n.jpg? stp = dst-jpg_s320x320 & _nc_ht = scontent-dus1-1.cdn instagram.com & _nc_cat = 1 & _nc_ohc = h-rdly5hfzwax9tgyme & edm = aaunw_gbaaaa & ccb = 7-5 & o h = 00_at_w7ygvusouvmzr3vi2oqytijteogbw-j74x1jsyzq9pw & oe = 62a11f98 & _nc_sid = 498da5

? ??? ?? ?? ?? ?? ??? ????? JPEG ??? ??? ?? ???? ??? URL???. ??? ??? ?? ???? ? ????.

2. ?? : ?? ???? HTML? ??????

?? ??? ??? HTML ???? ????? ?? ?? ?????. ??? SRC ??? ?? ??? URL? ??????.

??? ?? Instagram ???? HTML ???? ??????? ?? ?????.

 


    <meta charset="utf-8">
    <meta name="viewport" content="width = device-width, ?? ??? = 1.0">
    <title> ??? ?? ??? ? </title>
    
        ? {
            Font-Family : Arial, Sans-Serif;
            ????? : Flex;
            ??? ??? : ??;
            ?? ?? : ??;
            Min-Height : 100VH;
            ??? : #f0f0f0;
            ?? : 0;
        }
        .Image-container {
            ?? : 1px Solid #CCC;
            ?? : 10px;
            ??? : #fff;
            Box-Shadow : 0 2PX 5PX RGBA (0,0,0,0.1);
            ??? ?? : ??;
        }
        img {
            ?? ?? : 100%; /* ???? ????? ??? ? ??? ??*/
            ?? : ??; /* ??? ??????*/
            ????? : ??; /* ?? ???? ? ??? ??*/
            ?? : 0 Auto; / * ?? ? ?? */
        }
        p {
            ??-? : 15px;
            ?? ?? : 0.9EM;
            ?? : #555;
        }
    ???>


    <div class="image-container">
        <img src="https://scontent-dus1-1.cdnistagram.com/v/t51.2885-19/281440578_108826583%208702675_623856337905829714_n.jpg?%20stp%20=%20dst-jpg_s320x320%20&%20_nc_ht%20=%20scontent-dus1-c%20dninstagram.com%20&%20_nc_cat%20=%201%20&%20_nc_ohc%20=%20h-rdly5hfzwax9tgyme%20&%20edm%20=%20aaunw_gbaaaa%20&%20ccb%20=%207-5%20&%20&%20OH%20=%2000_AT_W7YGVUSOUVMZR3VI2OQYTIJTEOGBW-J74X1JSYZQ9PW%20&%20OE%20=%2062A11F98%20&%20_NC_SID%20=%20498DA5%20" alt="Instagram ??? ?? ?">
        CDN ??? ?? ???? ?? ? <p> Instagram ???. </p>
    </div>

? ??? html? ?? ???? ?? : ??? ??? ? ?? ? ?? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!