Posts

Showing posts from April, 2024

Style basic

  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < title > Title </ title >     < style >                 /* #blue{             background: blue;         }         .div{             background: green;             border: solid 2px;         }         div{             background: red;             height: 500px;             width: 500px;         } */         * {             background : red ;             height : 500px ;             width : 500px ; ...
Post a Comment
Read more

marquee

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> </head> <body> <marquee behavior ="alternate" ><h1> Computer </h1></marquee> <marquee direction ="right" ><h1> Computer </h1></marquee> <marquee direction ="up" ><h1> Computer </h1></marquee> <marquee direction ="down" ><h1> Computer </h1></marquee> </body> </html>
Post a Comment
Read more

list script link meta

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <meta charset ="UTF-8" > <meta name ="description" content ="Free Web tutorials" > <meta name ="keywords" content ="HTML, CSS, JavaScript" > <meta name ="author" content ="John Doe" > <meta name ="viewport" content ="width=device-width, initial-scale=1.0" > <link rel ="stylesheet" href ="style.css" > </head> <body> <ol start ="5" > <li> item1 </li> <li> item2 </li> <li> item3 </li> </ol> <ul> <li> item1 </li> <li> item2 </li> <li> item3 </li> </ul> <select name ="city" > <option value ="yavatmal...
Post a Comment
Read more

a tag

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> #Home { background : #9c5151 ; height : 800 px ; } #Contact { background : #689c51 ; height : 800 px ; } #About { background : #51799c ; height : 800 px ; } </style> </head> <body> <a href ="#Home" > Home </a> <a href ="#Contact" > Contact </a> <a href ="#About" > About </a> <div id ="Home" > <h1> Home </h1> </div> <div id ="Contact" > <h1> Contact </h1> </div> <div id ="About" > <h1> About </h1> </div> </body> </html>
Post a Comment
Read more

input

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> </head> <body> <input type ="button" disabled value ="Login" > <br> <input type ="button" value ="Login" ><br> <input type ="password" placeholder ="Password" ><br> <input type ="email" placeholder ="Email" ><br> <input type ="color" name ="color" ><br> <input type ="text" ><br> <input type ="file" multiple accept ="image/jpeg,image/png" ><br> <input type ="hidden" ><br> <input type ="reset" ><br> <input type ="range" max ="100" min ="10" ><br> <input type ="number" placeholder ="Number" inputmode =...
Post a Comment
Read more

Video Audio

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> </head> <body> <video controls controlsList ="nodownload" loop autoplay muted > <source src ="file_example_MP4_480_1_5MG.mp4" > </video> <audio controls > <source src ="file_example_MP4_480_1_5MG.mp4" > </audio> </body> </html>
Post a Comment
Read more

iframe

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> </head> <body> <h1> iframe </h1> <iframe src ="https://tenor.com/search/images-gifs" width ="500" height ="600" > </iframe> </body> </html>
Post a Comment
Read more

Img Map

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> </head> <body> <img src ="computer.jpg" alt ="" usemap ="#computer" > <map name ="computer" > <area shape ="rect" coords ="9,27,511,323" target ="_blank" href ="https://www.lg.com/in/monitors/fhd-qhd/24mk600m-w/?utm_source=google&utm_medium=cpc&utm_campaign={campaign.id}&utm_adgroup={adgroup.id}&utm_ad={creative.id}&utm_placement=&utm_device=c&utm_matchtype=&utm_adposition=&utm_network=x&gad_source=1&gclid=EAIaIQobChMItOrlg7jXhQMVAKVmAh3wmwUXEAQYAiABEgIUvPD_BwE" > <area shape ="poly" coords ="644,27,786,10,967,201,995,612,847,638,635,631,652,580,620,574" href ="table.html" > <area shape ="circle" coords ="510,573,57" href ...
Post a Comment
Read more

Table

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> </head> <body> <table border ="2" > <tr> <td> Sr. </td> <td> Name </td> <td> Roll </td> </tr> <tr> <td> 1 </td> <td> Tejas </td> <td> 1001 </td> </tr> <tr> <td> 1 </td> <td> Tejas </td> <td> 1001 </td> </tr> <tr> <td> 1 </td> <td> Tejas </td> <td> 1001 </td> </tr> </table> <table border ="2" width ="400" > <tr> <td rowspan ="2" > 1 </td> <td> 2 </td> <td> 3 </td> </tr> ...
Post a Comment
Read more

Basic tag 1

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> </head> <body> <main> <section> <center> <h1> Computer </h1> <h2> Computer </h2> <h3> Computer </h3> <h4> Computer </h4> <h5> Computer </h5> <h6> Computer </h6> With WebRTC, you can add real-time communication capabilities <br> to your application that works on top <br> of an open standard. It supports video, voice, and generic </center> </section> <section> <div> Computer Div </div> </section> <span> span </span> <b> Computer </b> <br> <i> Computer </i><br> <u> Computer </u><br> 4 <sub> 2 </sub...
Post a Comment
Read more