Posts

Showing posts from May, 2024

font face

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> p : before { content : "*" ; color : red ; } p : after { content : "*" ; color : red ; font-family : Arial , Calibri ; } @font-face { font-family : "Rockers Garage" ; src : url ( "font/Rockers Garage.ttf" ) ; } h1 { font-family : Rockers Garage ; font-style : italic ; } </style> </head> <body> <div> <h1> Computer </h1> <p> The first character of this paragraph will be 5em big <br> and in red color as defined in the CSS rule above. Rest of the characters in this paragraph will remain normal. This example shows how to use :f...

sticky

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> . sticky { height : 200 px ; background : #689c51 ; height : 200 px ; background : #689c51 ; position : sticky ; top : 0 px ; } </style> </head> <body> <div> <pre> All the content and graphics published in this e-book are the property of Tutorials Point (I) Pvt. Ltd. The user of this e-book is prohibited to reuse, retain, copy, distribute or republish any contents or a part of contents of this e-book in any manner without written consent of the publisher. </pre> <pre> All the content and graphics published in this e-book are the property of Tutorials Point (I) Pvt. Ltd. The user of this e-book is prohibited to reuse, retain, copy...

fixed

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> . fixed { width : 500 px ; height : 300 px ; background : #689c51 ; position : fixed ; top : 20 px ; left : 20 px ; right : 20 px ; bottom : 20 px ; } </style> </head> <body> <div> <pre> All the content and graphics published in this e-book are the property of Tutorials Point (I) Pvt. Ltd. The user of this e-book is prohibited to reuse, retain, copy, distribute or republish any contents or a part of contents of this e-book in any manner without written consent of the publisher. </pre> <pre> All the content and graphics published in this e-book are the property of Tutorials Point (I) Pvt. Ltd. The user of this e-book is prohibited to reuse, retain, ...

reative and absolute

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> body { margin : 0 ; } . box { width : 200 px ; height : 200 px ; background : yellow ; } . ab { position : absolute ; top : 10 px ; right : 10 px ; left : 10 px ; bottom : 10 px ; } . box2 { width : 200 px ; height : 200 px ; background : blue ; } . re { width : 200 px ; height : 200 px ; background : blue ; position : relative ; top : 10 px ; /* left: 12px; */ /* right: 23px; */ } . box3 { width : 200 px ; height : 200 px ; background : lawngreen ; position : relative ; } . box3 img { width : 200 px ; height : 200 px ; object-fit : cover ; } . price { ...

display visibility scroll

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> . box { width : 300 px ; height : 300 px ; border : solid 2 px ; } . divP { display : flex ; } </style> </head> <body> <div class ="divP" > <div class ="box" > Box1 </div> <div class ="box" > Box1 </div> <div class ="box" > Box1 </div> <div class ="box" > Box1 </div> </div> </body> </html>

dimension

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> . div { background : red ; background : red ; width : 587 px ; height : 100 px ; min-width : 100 px ; max-width : 500 px ; } </style> </head> <body> <div class ="div" > You have seen the border that surrounds every box i.e. element, the padding that can appear inside each box, and the margin that can go around them. In this chapter, we will learn how to change the dimensions of boxes. </div> </body> </html>

Table

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> . t { /* border-collapse: collapse; */ border-spacing : 20 px ; caption-side : bottom ; empty-cells : hide ; } table . auto { table-layout : auto ; } table . fixed { table-layout : fixed ; } </style> </head> <body> <table class ="t" border ="2" > <caption > Student Table </caption> <tr> <td> Sr. </td> <td> Name </td> <td> Roll </td> </tr> <tr> <td> 1 </td> <td> Tejas </td> <td> 1001 </td> </tr> <tr> <td> 1 </td> <td> Tejas </td...

Link

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> a : link { color : red ; } a : visited { color : blue ; } a : hover { color : green ; font-size : x-large ; } a : active { color : yellow ; } . div { width : 200 px ; height : 200 px ; background : yellow ; } . div : hover { width : 400 px ; height : 400 px ; background : blue ; } </style> </head> <body> <a href ="index.html" > Home </a> <a href ="computer.jpg" > Computer </a> <div class ="div" > </div> </body> </html>

List

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

C# Code

using System ; using System.Collections.Generic ; namespace ConsoleApp2 { class Program { static void Main (string[] args ) { int i ; //i=100 ; //while (i < 10) //{ // Console.WriteLine("Sabir"); // i = i + 1; //i++ ++i //} //do //{ // Console.WriteLine("Sabir"); // i++; //} while (i < 10); for (i= 0 ; i< 10 ; i ++) { Console . WriteLine ( "Sabir" ) ; } int[] a = new int[ 5 ] ; a [ 0 ] = 1000 ; a [ 1 ] = 2000 ; a [ 2 ] = 3000 ; a [ 3 ] = 4000 ; a [ 4 ] = 5000 ; //for(i=0;i<5;i++) //{ // Console.WriteLine(i + "=" + a[i]); //} foreach(int item in a ) { Console . WriteLine ( "=" + item) ; } //int[,] b = new int[3,3]; //for (i=0;i<3;i++) //{ // for (int j = 0; j < 3;j++) // { // ...

margin

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> . parent { border : solid 2 px red ; } . child { height : 300 px ; border : solid 2 px blue ; width : 300 px ; } . list { list-style : url ( "Done_20px.png" ) ; } </style> </head> <body> <div class ="child" > The margin property defines the space around an HTML element. It is possible to use negative values to overlap content. The values of the margin property are not inherited by the child elements. Remember that the adjacent vertical margins (top and bottom margins) will collapse into each other so that the distance between the blocks is not the sum of the margins, but only the greater of the two margins or the same size as one mar...