Posts

Showing posts from March, 2024

font Text

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> . p { font-family : sans-serif ; font-size : 21 px ; font-weight : 500 ; font-style : italic ; font-variant : all-small-caps ; color : #b51313 ; /* direction: rtl; */ /* letter-spacing: 4px; */ word-spacing : 21 px ; text-indent : 29 px ; font-family : Calibri , Arial ; font-size : 14 px ; text-align : center ; /* text-decoration: line-through; */ text-transform : capitalize ; } p { white-space : pre-wrap ; } h1 { color : red ; text-shadow : 0 px 28 px 5 px black ; } img { border : solid 1 px red ; border-top-right-radius : 10 px ;...

Background

  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width= < >, initial-scale=1.0" >     < title > Document </ title >   < style > body {     background-color : #323275 ;     background-image : url ( 'img/goldencar.png' );     background-size : contain ;     background-repeat : no-repeat ;     background-position : center ;     height : 500px ;     width : 500px ;     background-attachment : fixed ; }   </ style > </ head > < body >       < pre class = "div"   >         This chapter teaches you how to set backgrounds of various HTML elements. You         can set the following background properties of an element:          The backgro...

script

 index.html <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Document </ title >     < link rel = "stylesheet" href = "style.css" > </ head > < body >     < div id = "div" >     </ div >     < button onclick = " red ();" > red </ button >     < button onclick = " green ();" > green </ button >     < button onclick = " blue ();" > blue </ button >       < marquee >       </ marquee >   </ body > < script > var div = document . getElementById ( 'div' ); function red () { div . style . background = "red" ; } function green () {     div . style . background = "green" ; } function blu...

List a Marquee

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <meta name ="viewport" content ="width=device-width, initial-scale=1.0" > <meta name ="description" content ="Free Web tutorials" > <meta name ="keywords" content ="HTML, CSS, JavaScript" > <meta name ="author" content ="John Doe" > <link rel ="" > <style> #home { background : rgb ( 103 , 103 , 228 ) ; height : 500 px ; } #about { background : rgb ( 69 , 209 , 57 ) ; height : 500 px ; } #Contact { background : rgb ( 209 , 161 , 57 ) ; height : 500 px ; } </style> </head> <body> <a href ="#home" target ="_blank" > Home </a> <a href ="#about" target ="_parent" > about </a> <a h...
  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> </head> <body> <p> With Chrome profiles you can separate all your Chrome stuff. Create profiles for friends and family, or split between work and fun. </p> <pre> With Chrome profiles you can separate all your Chrome stuff. Create profiles for friends and family, or split between work and fun. </pre> <form action ="" method ="post" > <input type ="email" name ="email" ><br> <input type ="password" name ="password" > <input type ="submit" value ="Login" > <input type ="reset" value ="Clear" > </form> <input type ="button" value ="Submit" > <button> Submit </button> <details> <s...

Options

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> </head> <body> <input type ="radio" id ="male" name ="gender" ><label for ="male" > Male </label> <input type ="radio" id ="female" name ="gender" ><label for ="female" > Female </label> <select> <option value ="Yavatmal" > Yavatmal </option> <option value ="Amravti" > Amravti </option> <option value ="Yavatmal" > Yavatmal </option> <option value ="Yavatmal" > Yavatmal </option> </select> </body> </html>

Input

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> </head> <body> text <input type ="text" value ="Sabir" name ="name" id ="name" placeholder ="Please Enter Name" > <br> ra <br> <input type ="checkbox" > <br> <input type ="color" > <br> <input type ="button" value ="Submit" > <br> <input type ="submit" > <br> <input type ="file" > <br> Hidden <input type ="hidden" > <br> <input type ="number" > <br> <input type ="password" > <br> <input type ="email" > <br> <input type ="date" > <br> <input type ="time" > <br> s image <input type ="image" ...

Video Audio

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> </head> <body> <video autoplay muted controls width ="200px" > <source src ="video.mp4" type ="video/mp4" > </video> <audio autoplay muted controls width ="200px" > <source src ="video.mp4" type ="video/mp4" > </audio> </body> </html>

Img and Image MAP

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> </head> <body> <img src ="Career-Counseling-Blog-1024x1024.jpg" height ="100px" width ="100px" alt ="Computer" > <img src ="desktop-computer-2240018.jpg" usemap ="#ImgMap" > <map name ="ImgMap" > <area shape ="rect" coords ="255,62,471,306" href ="https://www.flipkart.com/frontech-pro-series-triple-inbuilt-ports-hdmi-vga-type-c-24-inch-curved-full-hd-led-backlit-va-panel-gaming-monitor-mon-0077/p/itm177adf332b6ad?pid=MONGXWYFXYVTKMJC&lid=LSTMONGXWYFXYVTKMJCDTA0PM&marketplace=FLIPKART&store=6bo%2Fg0i%2F9no&srno=b_1_1&otracker=browse&fm=organic&iid=en_2wDKELURShsnz6dxKORkkTnR6v0WIRSjYIjtiAFVFRx0COi477WtHAiLkXcNO2ts4XbKVAk39AMJ6I9gJXd2zQ%3D%3D&ppt=None&ppn=None&ssid...

HTML Table

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> </head> <body> <table border ="solid" width ="400px" height ="400px" > <tr> <th> Sr.no </th> <th> Roll </th> <th> Name </th> </tr> <tr> <td> 1 </td> <td> 1002 </td> <td> Tejas </td> </tr> <tr> <td> 2 </td> <td> 1002 </td> <td> Prem </td> </tr> <tr> <td> 3 </td> <td> 1001 </td> <td> Sabir </td> </tr> <caption > Student Table </caption> </table> <table border ="solid" width ="300px" > <tr> <th...