Posts

Showing posts from August, 2023

pesudo

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> pre { color : blue ; } pre : first-letter { color : red ; font-size : 20 pt ; font-style : italic ; } pre : before { content : url ( "../img/pointer.png" ) ; background : #68ff46 ; } pre : after { content : url ( "../img/pointer.png" ) ; background : #68ff46 ; } </style> </head> <body> <pre> Integrate all business processes and operations into one system to streamline operations, optimize resources, and provide better service to customers with ERP and CRM software. </pre> </body> </html>
Post a Comment
Read more

Layer Z-Index

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> . main { width : 500 px ; height : 500 px ; border : solid 2 px ; position : relative ; } . div1 { width : 400 px ; height : 400 px ; background : red ; position : absolute ; left : 40 px ; top : 40 px ; } . div2 { width : 400 px ; height : 400 px ; background : green ; position : absolute ; top : 20 px ; left : 20 px ; /* z-index: 1; */ } . div3 { width : 400 px ; height : 400 px ; background : blue ; position : absolute ; } </style> </head> <body> <div class ="main" ...
Post a Comment
Read more

postion sticky

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> ul { display : flex ; list-style : none ; } header { background : #0c5460 ; height : 200 px ; } . stiky { position : sticky ; top : 0 px ; left : 0 px ; right : 0 px ; } </style> </head> <body> <header> <nav> <ul> <li><a href ="#" > Home </a></li> <li><a href ="#" > About </a></li> <li><a href ="#" > Contact </a></li> </ul> </nav> </header> <header class ="stiky" style =" background : #00FF00 " > <nav> <ul> ...
Post a Comment
Read more

position card

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> . card { width : 300 px ; height : 400 px ; background : gray ; border-radius : 15 px ; position : relative ; margin : 20 px ; } . offdis { width : 68 px ; height : 35 px ; background : yellow ; position : absolute ; bottom : 10 px ; right : 0 px ; padding : 7 px ; } . new { background : #65e965 ; padding : 10 px ; position : absolute ; top : 10 px ; } </style> </head> <body> <div class ="container" style =" display : flex ; flex-wrap : wrap ; " > <div class ="card" > <span class ="...
Post a Comment
Read more

position

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> . div1 { border : solid red 2 px ; background : rgba ( 255 , 0 , 0 , 0.97 ) ; width : 400 px ; height : 400 px ; position : relative ; top : 10 px ; } . div2 { border : solid #115706 2 px ; background : #00FF00 ; width : 400 px ; height : 400 px ; } . fixed { border : solid red 2 px ; background : rgba ( 255 , 0 , 0 , 0.97 ) ; /* width: 400px; */ /* height: 400px; */ position : fixed ; top : 10 px ; right : 0 px ; left : 0 px ; bottom : 30 px ; } . div4 { position : ; } </style> </head> <body> ...
Post a Comment
Read more

overflow

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> div { border : solid ; padding : 10 px ; width : 500 px ; } p { overflow : auto ; } . p1 { overflow-x : scroll ; } . p2 { overflow-y : scroll ; } </style> </head> <body> <div> <table> <tr> <td> Data1 </td> <td> Data1 </td> <td> Data1 </td> </tr> <tr> <td> Data1 </td> <td> Data1 </td> <td> Data1 </td> </tr> <tr> <td> Data1 </td> <td> Data1 </td> <td> Data1 </td>...
Post a Comment
Read more

cursor

<!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> . a { list-style-image : url ( "img/Checkmark.png" ) ; } body { cursor : url ( 'img/Pointer_20px.png' ) , auto ; } </style> </head> <body> <ul class ="a" > <li> item1 </li> <li> item1 </li> <li> item1 </li> <li> item1 </li> <li> item1 </li> </ul> <ul > <li> item1 </li> <li> item1 </li> <li> item1 </li> <li> item1 </li> <li> item1 </li> </ul> <ul class ="a" > <li> item1 </li> <li> item1 </li> <li> item1 </li> <li> item1 </li> <li> item1 </li...
Post a Comment
Read more

Padding Margin List

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> div { width : 400 px ; height : 400 px ; border : solid ; } p { border : solid 2 px yellow ; margin : 14 px ; } . ulclass { list-style-image : url ( "img/Checkmark.png" ) ; list-style-position : outside ; marker-offset : 2 cm ; } </style> </head> <body> <div> <p> Computers are used in many fields like banking, medicine, finance and education with increased preference. With the growth of artificial intelligence, computers will soon blur lines between man and machine. Under such circumstances, a rudimentary knowledge of computers is essential for everyday work. For those who are not yet familiar with computers, now is the time to gain knowledge about this field. As children ...
Post a Comment
Read more

Table Border

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> table { border : solid ; border-collapse : collapse ; } td { empty-cells : hide ; } div { width : 400 px ; height : 400 px ; background : #0c5460 ; border-style : dashed ; border-color : red ; border-top-color : blanchedalmond ; border-width : 8 px ; /* border-radius: 240px; */ border-top-left-radius : 114 px ; } </style> </head> <body> <table width ="100" border ="solid" > <caption> Student Table </caption> <tr> <th> Sr </th> <th> Name </th> </tr> <tr> <td style =" over...
Post a Comment
Read more

Link

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> a { color : red ; font-style : italic ; font-size : 29 pt ; } a : visited { color : black ; } a : hover { color : blue ; } a : active { color : #00FF00 ; font-size : 40 pt ; } a : link { } </style> </head> <body> <a href ="#Home" > Home </a> <a href ="#About" > About </a> <a href ="#Contact" > Contact </a> </body> </html>
Post a Comment
Read more

Image

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> img { border : solid red ; width : 500 px ; margin : 10 px ; } . blur { filter : blur ( 4 px ) ; } . brightness { filter : brightness ( 0.30 ) ; } . contrast { filter : contrast ( 180 %) ; } . grayscale { filter : grayscale ( 100 %) ; } . huerotate { filter : hue-rotate ( 180 deg ) ; } . invert { filter : invert ( 100 %) ; } . opacity { filter : opacity ( 50 %) ; } . saturate { filter : saturate ( 7 ) ; } . sepia { filter : sepia ( 100 %) ; } . shadow { filter : drop-shadow ( 8 px 8 px 10 px green ) ; } . test { opacity : 50 % ; } . s { box-shadow : 8 px 8 px 10 px green ; } </style> </head> <body> <img s...
Post a Comment
Read more

text

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <link rel ="stylesheet" href ="testexcs.css" > <style> div { color : red ; /*direction: rtl;*/ text-align : center ; letter-spacing : 0.1 mm ; word-spacing : 0.5 mm ; text-indent : 0.5 mm ; text-decoration : underline blue dotted ; text-transform : capitalize ; white-space : pre-line ; } h1 { color : red ; text-shadow : 4 px 4 px 8 px ; } </style> </head> <body> <h1> Compputer </h1> <div> This chapter teaches you how to set backgrounds <br> of various HTML elements. You can set the following <br> background properties of an element:  The background-color property is used to set the background ...
Post a Comment
Read more

font-face

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <link rel ="stylesheet" href ="https://fonts.googleapis.com/css?family=Sofia" > <style> /*https://all-free-download.com/font/*/ @font-face { font-family : Sabir ; src : url ( '../font/Handwriting.ttf' ) ; unicode-range : U+?? , U+100-220 ; font-size : 28 pt ; font-family : sans-serif ; } . f1 { font-family : Sabir ; font-size : 29 pt ; } </style> </head> <body> <div class ="f1" > The font-family property is used to change the face of a font.  The font-style property is used to make a font italic or oblique.  The font-variant property is used to create a small-caps effect.  The font-weight property is used to incr...
Post a Comment
Read more

font

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> . main { border : solid black ; font-size : 29 pt ; font-style : italic ; font-weight : 200 ; font-variant : titling-caps ; } </style> </head> <body> <div class ="main" > The font-family property is used to change the face of a font.  The font-style property is used to make a font italic or oblique.  The font-variant property is used to create a small-caps effect.  The font-weight property is used to increase or decrease how bold or light a font appears.  The font-size property is used to increase or decrease the size of a font.  The font property is used as shorthand to specify a number of other font properties. </div> </body> </html>
Post a Comment
Read more

css Background

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <link rel ="stylesheet" href ="testexcs.css" > <style> div { height : 900 px ; /*width: 400px;*/ /*background-color: red;*/ border : solid black ; /*background-image: url("img/Phone_100px.png");*/ /*background-size:400px 500px;*/ /*background-repeat: no-repeat;*/ /*background-position: 400px 500px;*/ background : url ( "img/1.jpg" ) no-repeat center ; } </style> </head> <body> <div> This chapter teaches you how to set backgrounds of various HTML elements. You can set the following background properties of an element:  The background-color property is used to set the background color of an element.  The backgro...
Post a Comment
Read more

css Selector

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <link rel ="stylesheet" href ="testexcs.css" > <style> . testclass2 { color : blue ; } h1 { color : #0c5460 ; font-family : cursive ; } #ht { color : #53f816 ; font-family : "Playfair Display" , Georgia , "Times New Roman" , serif ; } p { color : #00aa88 ; } * { color : red ; } </style> </head> <body> <h1 > Computer </h1> <h1 id ="ht" > Computer2 </h1> <h1 > Computer </h1> <h1 > Computer </h1> <p> 02-May-2012 — Date sqlStartDate = new java.sql.Date(date.getTime());. when i used the above code and run that. I got the followi...
Post a Comment
Read more