Posts

Text Image

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> img { width : 250 px ; height : 250 px ; object-fit : contain ; border-width : 7 px ; border-style : solid ; border-color : red ; border-radius : 50 % ; outline : solid 7 px blue ; /* border-top-left-radius: 31px; */ outline-offset : 7 px ; } p { color : rgb ( 189 , 77 , 674 ) ; /* direction: rtl; */ /* text-align: right; */ /* letter-spacing: 14px; */ /* word-spacing: 14px; */ /* text-indent: 43px; */ text-decoration : underline ; text-decoration-style : dashed ; text-decoration-color : red ; text-transform : uppercase ; white-space : nowrap ; text-shadow : 71 px 73 px 2 px black ; } . div { width : 250 px ; ...
Post a Comment
Read more

background font

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> body { background-attachment : fixed ; height : 500 px ; background-size : 217 px ; background-position : center ; background-repeat : no-repeat ; background-color : red ; background-image : url ( "character_model_touchup_2.png" ) ; } pre { font-family : Arial , Calibri ; font-family : Calibri ; font-style : italic ; font-weight : bold ; font-variant : all-petite-caps ; font-size : 33 rem ; } </style> </head> <body > <pre> <img src ="computer.jpg" > This chapter teaches you how to set backgrounds of various HTML elements. You can set the followings background prope...
Post a Comment
Read more

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