Scribd Logo
Upload

Welcome to Scribd!

  • HTML Colors

    Uploaded by

    Anytime Fitness
    3 views3 pages

    Original Title

    html colors

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    3 views3 pages

    HTML Colors

    Uploaded by

    Anytime Fitness

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    of 3

    6.

    <html> <h1 style="border:2px </body>


    <head> solid </html>
    <title>sadfd</title>
    </head> Tomato;">Hello
    <body> World</h1>
    <h1 style="background- <h1 style="border:2px
    solid
    color:DodgerBlue;">Hello
    DodgerBlue;">Hello
    World</h1> World</h1>
    <p style="background- <h1 style="border:2px
    solid
    color:Tomato;">Lorem
    ipsum...</p> Violet;">Hello
    </body> World</h1>
    </html>
    7. <html> </body>
    <head> </html>
    <title>sadfd</title> 9. <html>
    </head> <head>
    <body> <title>sadfd</title>
    <h1 </head>
    style="color:Tomato;">He <body>
    llo <h1 style="background-
    color:rgb
    World</h1>
    <p (255, 99, 71);">...</h1>
    <h1 style="background-
    style="color:DodgerBlue;"
    >Lorem color:#ff6347;">...</h1>
    <h1 style="background-
    ipsum...</p> color:hsl(9,
    <p
    100%, 64%);">...</h1>
    style="color:MediumSeaG
    reen;">Ut <h1 style="background-
    color:rgba
    wisi enim...</p>
    (255, 99, 71,
    </body> 0.5);">...</h1>
    </html> <h1 style="background-
    8. <html> color:hsla
    <head>
    <title>sadfd</title> (9, 100%, 64%,
    </head> 0.5);">...</h1>
    1.
    <body> <canvas id="myCanvas" w
    idth="200" height="100" c.getContext("2d"); <svg width="100" height
    style="border:1px solid ="100">
    #000000;"> // Create gradient <circle cx="50" cy="5
    </canvas> var grd = 0" r="40" stroke="green
    ctx.createLinearGradien " stroke-width="4" fil
    2. <script> t(0, 0, 200, 0); l="yellow" />
    var c = grd.addColorStop(0, "re </svg>
    document.getElementById d");
    ("myCanvas"); grd.addColorStop(1, "wh </body>
    var ctx = ite"); </html>
    c.getContext("2d");
    ctx.moveTo(0, 0); // Fill with gradient 9.
    ctx.lineTo(200, 100); ctx.fillStyle = grd; <svg width="400" height
    ctx.stroke(); ctx.fillRect(10, 10, 15 ="100">
    </script> 0, 80); <rect width="400" hei
    </script> ght="100" style="fill:r
    3. <script> gb(0,0,255);stroke-
    var c = width:10;stroke:rgb(0,0
    document.getElementById 7. <script> ,0)" />
    ("myCanvas"); var c = </svg>
    var ctx = document.getElementById
    c.getContext("2d"); ("myCanvas"); 10.
    ctx.beginPath(); var ctx = <svg width="400" height
    ctx.arc(95, 50, 40, 0, c.getContext("2d"); ="180">
    2 * Math.PI); <rect x="50" y="20" r
    ctx.stroke(); // Create gradient x="20" ry="20" width="1
    </script> var grd = 50" height="150"
    ctx.createRadialGradien
    4. <script> t(75, 50, 5, 90, 60, 10 style="fill:red;stroke:
    var c = 0); black;stroke-
    document.getElementById grd.addColorStop(0, "re width:5;opacity:0.5" />
    ("myCanvas"); d"); </svg>
    var ctx = grd.addColorStop(1, "wh
    c.getContext("2d"); ite"); 11.
    ctx.font = "30px <svg width="300" height
    Arial"; // Fill with gradient ="200">
    ctx.fillText("Hello ctx.fillStyle = grd; <polygon points="100,
    World", 10, 50); ctx.fillRect(10, 10, 15 10 40,198 190,78 10,78
    </script> 0, 80); 160,198"
    </script>
    5. <script> style="fill:lime;stroke
    var c = 8. <script> :purple;stroke-
    document.getElementById var c = width:5;fill-
    ("myCanvas"); document.getElementById rule:evenodd;" />
    var ctx = ("myCanvas"); </svg>
    c.getContext("2d"); var ctx =
    ctx.font = "30px c.getContext("2d"); 12.
    Arial"; var img = <svg height="130" width
    ctx.strokeText("Hello document.getElementById ="500">
    World", 10, 50); ("scream"); <defs>
    </script> ctx.drawImage(img, 10, <linearGradient id=
    10); "grad1" x1="0%" y1="0%"
    6. <script> </script> x2="100%" y2="0%">
    var c = <stop offset="0%"
    document.getElementById 8. <html> style="stop-
    ("myCanvas"); <body> color:rgb(255,255,0);st
    var ctx = op-opacity:1" />
    <stop offset="100
    %" style="stop-
    color:rgb(255,0,0);stop
    -opacity:1" />
    </linearGradient>
    </defs>
    <ellipse cx="100" cy=
    "70" rx="85" ry="55" fi
    ll="url(#grad1)" />
    <text fill="#ffffff"
    font-size="45" font-
    family="Verdana" x="50"
    y="86">SVG</text>
    Sorry, your browser
    does not support inline
    SVG.
    </svg>

    13.

    You might also like