Posts

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 ; ...

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>

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...

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>

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 =...

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>

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>