Skip to main content

WEB : Basic Syntex (HTML,CSS,JS)

 



<!-- For Linking CSS file -->
<link rel="stylesheet" href="filename.css">



/* Program 1 */

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Animesh Web</title>
    <style>
        /* Element selector */
        p,h1{
            border: 2px solid pink;
        }

        /* ID Selector */
        #firstPara{
            color: green;
        }

        /* Class selector */
        .bgBlue{
            color: yellow;
            background-color: blue;
        }

        /* grouping selector */
        footer,span{
            background-color: pink;
        }
    </style>
</head>
<body>
    <h1>
        Hello World
    </h1>
    <p id="firstPara">First line</p>
    <p>This is second line</p>
    <div class="bgBlue">
        <h1>new Division</h1>
        <p> This is 3rd line</p>
    </div>
</body>
</html>

<!----------------------------------------------------------------------------->
<!-- Font Change -->

    <style>
        /* Font Change */
        p{
            font-family: cursive;
            /* We can also write multiple font */
            /* font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; */
            
            /* For importing font from website line google font */
            /* Goto Google Fonts and copy the text and paste in HEAD and in style*/
        }
    </style>

<!----------------------------------------------------------------------------->

    <!-- Font Change by using Google font -->

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300&display=swap" rel="stylesheet">
    <style>
        /* Font Chnage */
        p{
            /* font-family: cursive; */
            /* We can also write multiple font */
            /* font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; */
           
            /* For importing font from website line google font */
            /* Goto Google Fonts and copy the text and paste in HEAD and in style*/
            font-family: 'Barlow Condensed', sans-serif;

        }
    </style>

<!----------------------------------------------------------------------------->

<!-- Font Size -->
<style>
        /* Font Change */
        p{
            font-family: cursive;
            /* font-size: larger; */
            font-size: 23p;    /* 1/96 of an inch */

        }
</style>

<!----------------------------------------------------------------------------->

<!-- Hight and Type Change -->

<style>
        /* Hight change */
        p{
            line-height: 1.5;
           font-weight: bold;
            font-style: italic;

        }
</style>


<!----------------------------------------------------------------------------->

<!-- Hight and Type Change -->




Labels:

Popular posts from this blog

C++ : Calculator

  # include < iostream > using namespace std ; int main () {     int a , b ;     char o ;     float c ;     cout << " Enter Value of A \n " ;     cin >> a ;     cout << " Enter Value of B \n " ;     cin >> b ;     cout << " Enter Operation \n " << " + for Addition \n - for substration \n * for multiplication \n / for division \n " ;     cin >> o ;     switch ( o )     {         case ' + ' :       {            c = a + b ;             break ;       }       case ' - ' :       {           c = a - b ;           break ;       }       case ' / ' :       {         ...
Read more

C++ : Pointer Program

# include < iostream > using namespace std ; int main () {     int a = 4 ;     int * b =& a ;     // & is address of operator     cout << " Thr address of a is " << & a << endl ;     cout << " Thr address of a is " << b << endl ;     // * is value at dereference operator     cout << " Thr value of a is " << * b << endl ;           // Pointer to pointer     int ** c =& b ; cout << " The adress of b is " << & b << endl ;     cout << " The adress of b is " << c << endl ;     cout << " The value at address c is " << * c << endl ;     cout << " The value at address value_at (value_at( c )) is " << ** c << endl ;     } OUTPUT =>           Thr address of...
Read more

Python : Small Projects (CWH)

  # Project 1 : Snake, Water, Game OR Rock,Paper,Scissor import random def game ( comp , you ) :     if comp == you :         return 2     elif comp == " s " :         if you == " w " :             return 0         elif you == " g " :             return 1     elif comp == " w " :         if you == " g " :             return 0         elif you == " s " :             return 1     elif comp == " g " :         if you == " w " :             return 0         elif you == " s " :             return 1 print ( " Computer turn : Snake(s),Water(w) or Gun(g) " ) randno = random . randint ( 1 , 3 ) if randno == 1 :  ...
Read more