Posts

Showing posts from June, 2024

Background Font Css

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> . Bg { height : 100 vh ; background : #80c79c ; background-image : url ( "character_model_touchup_2.png" ) ; background-size : ; background-repeat : no-repeat ; background-size : contain ; /* background-size: 275px; */ background-position : center ; /* background-position: 60% 50%; */ background-attachment : fixed ; } body { background : #22bf60 url ( "character_model_touchup_2.png" ) no-repeat ; } pre { font-family : Ariall ; font-size : 25 px ; font-style : italic ; font-weight : bold ; font-variant : small-caps ; } </style> </head> <body> <h1> Computer </h1> <h1> Computer </h1> <pre> This chapte...

Css Selector

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> * { font-size : 10 px ; } body { background : blue ; } h1 { color : white ; } #h2 { color : yellow ; } . Bg { /*background: red;*/ background : #22bf60 ; background : rgb ( 72 , 8 , 156 ) ; } . textSize { font-size : 20 px ; } </style> </head> <body id ="body" class ="" > <h1> Computer </h1> <h1 id ="h2" class ="Bg textSize" > Computer2 </h1> <h2> Computer </h2> <h2> Computer </h2> </body> </html>

scriipt

var num1 = document . getElementById ( "num1" ) ; var num2 = document . getElementById ( "num2" ) ; function Sum () { var s= parseInt ( num1 . value )+ parseInt ( num2 . value ) ; alert (s) ; }

Script Marquee

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <link rel ="stylesheet" href ="test.css" > </head> <body> <input id ="num1" type ="text" placeholder ="Num1" value ="4" ><br> <input id ="num2" type ="text" placeholder ="Num2" value ="6" ><br> <input type ="button" onclick =" Sum () ; " value ="Sum" > <marquee> Computer </marquee> <script src ="Img%20Map/test.js" > </script> </body> </html>

ol ul select

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> </head> <body> <ol > <li> Item1 </li> <li> Item2 </li> <li> Item3 </li> <li> Item4 </li> <li> Item5 </li> </ol> <ul > <li> Item1 </li> <li> Item2 </li> <li> Item3 </li> <li> Item4 </li> <li> Item5 </li> </ul> <select> <option value ="abx" > Option1 </option> <option value ="hhjdsf" > Option2 </option> <option value ="hghjsgdf" > Option3 </option> </select> <textarea class ="form-control" id ="postCapton" placeholder ="Write your Caption (optional)" rows ="4" ></textarea> </body> </html>

a tag example 2

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> </head> <body> <a href ="#home" > Home </a> <a href ="#about" > About </a> <a href ="#contact" > Contact </a> <div id ="home" style =" height : 100 vh ; background : yellow" > <h1> Home </h1> <a href ="mailto:example@gmail.com?subject=Subject%20Here&body=Body%20text%20here" > sabir@gmail.com </a><br> <a href ="tel:+1234567890" > Call </a><br> <a href ="https://wa.me/1234567890?text=Hello%20there!" > whatsapp </a><br> </div> <div id ="about" style =" height : 100 vh ; background : green" > <h1> About </h1> </div> <div id ="contact" style =" heigh...

a tag exampl1

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> </head> <body> <a href ="a%20tag.html" > Home </a> <a href ="about.html" > About </a> <a href ="contact.html" target ="_blank" > Contact </a> </body> </html>

header footer details

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> </head> <body> <header> </header> <input type ="button" value ="Login" ><br> <button> Login </button> <details> <summary> 1. Introduction & History </summary> <p> a) Data type <br> b) Constant &amp; Variable <br> c) Operators </p> </details> <footer> </footer> </body> </html>

form

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> </head> <body> <form action ="http://localhost:55590/Myshop/LogInTest" method ="post" > <label> Email </label><br> <input type ="email" name ="email" placeholder ="Email" > <label> Password </label> <input type ="password" name ="password" placeholder ="Password" ><br> <input type ="submit" value ="LogIn" > <input type ="reset" value ="Clear" > </form> </body> </html>

input 2

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> </head> <body> <input type ="text" name ="" placeholder ="Name" id ="firstname" value ="Computer" > Text <input type ="text" ><br> Date <input type ="date" ><br> datetime-local <input type ="datetime-local" ><br> submit <input type ="submit" ><br> <input type ="radio" name ="gender" id ="male" value ="Male" ><label for ="male" > Male </label> <input type ="radio" name ="gender" id ="female" value ="female" ><label for ="female" > Female </label> <input type ="file" multiple accept =".jpg,.png,.gif,.jpeg" > <input typ...

Input

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> </head> <body> <input type ="text" name ="" placeholder ="Name" id ="firstname" value ="Computer" > Text <input type ="text" ><br> Date <input type ="date" ><br> datetime-local <input type ="datetime-local" ><br> submit <input type ="submit" ><br> </body> </html>

audio

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> </head> <body> <video autoplay > <source src ="videoplayback%20(3).mp4" > </video> <audio controls > <source src ="videoplayback%20(3).mp4" > </audio> </body> </html>

video

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> </head> <body> <video controls autoplay muted loop poster ="character_model_touchup_2.png" width ="100%" > <source src ="video1.mp4" > </video> </body> </html>

img map

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> </head> <body> <img src ="apple-606761_1280.jpg" usemap ="#computer" > <map name ="computer" > <area shape ="rect" coords ="299,70,988,548" href ="Monitor.html" > <area shape ="circle" coords ="964,743,50" href ="https://www.amazon.in/Logitech-Bluetooth-Lightweight-Customisable-Easy-Switch/dp/B0CGCZHGW1/ref=sr_1_1_sspa?dib=eyJ2IjoiMSJ9.9Pjcr2cW-3X7T6wrVLfArn5DKBjXLcFKHibNAYqcKYMfLrEb5ueXlABchS4dTNyrxQ0HcShUIh1HC-JFwJJ3Nj7WAyupdraW5uRN8aL9Y9bRJXM_VHrvkG29FNm_EGylCT2_Y0rkSXfugpvWq1tVfyOHLuZPpdGIKEOhsR-i-0CYqVn6AJg81CnulOfxpE90iFZvbNMiYbBEUpM3atpX1kdwkyrXpkRiAkVRivBl1aw.gmnBRiwdDnh3GkN6h7L9ugapdl1w_8dCvQGVjnJ8kwY&dib_tag=se&keywords=mouse&qid=1718425107&sr=8-1-spons&sp_csd=d2lkZ2V0TmFtZT1zcF...

i Frame

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> </head> <body> <iframe height ="400" width ="500" src ="7ded4456ea664197c7cdf7e9c0c389342.png" > </iframe> Check Out Youtube Video Embed Google Map Embed PDF External Website </body> </html>

Table colspan rowspan

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> </head> <body> <table border ="2px" width ="400px" > <tr> <td colspan ="2" > 1 </td> <td> 3 </td> </tr> <tr> <td rowspan ="2" > 4 </td> <td> 5 </td> <td> 6 </td> </tr> <tr> <td> 8 </td> <td> 9 </td> </tr> </table> </body> </html>

Table 1

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> </head> <body> <table border ="2px" bgcolor ="red" width ="500px" > <tr> <th> Sr </th> <th> Name </th> <th> Marks </th> </tr> <tr> <td> 1. </td> <td> Sabir </td> <td> 43 </td> </tr> <tr> <td> 2. </td> <td> Tejas </td> <td> 73 </td> </tr> <tr> <td> 3. </td> <td> Prem </td> <td> 66 </td> </tr> </table> </body> </html>

hr b strong i u sub su p pre

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> </head> <body> <center> <h1> Computer </h1> <h2> Computer </h2> <h3> Computer </h3> <h4> Computer </h4> <h5> Computer </h5> <h6> Computer </h6> SELECT appointment.*,doctors.FirstName FROM appointment <br> inner join doctors on appointment.DoctorId=doctors.Id <br> Where YEAR(StartDate) =@year_ AND MONTH(StartDate)=@month_ AND appointment.DocID=@DocID <br> ORDER BY id DESC; </center> <div> Computer </div> <hr> <span> <b> Computer 2 </b><br> <strong> Computer 2 </strong><br> <i> Computer 2 </i><br> <u> Computer 2 </u><br> 4 <sup> 2 </sup><br> 5 ...