Wednesday, November 15, 2017

Uki2 Class 8 - Programming

Today we learned about an Introduction to CSS and Git and created a Github account.

CSSCss is Cascading Style Sheet. Its used to decorates the HTML page. HTML is a skeleton of a webpage and Css is like as a dress for webpage. CSS describes how HTML look should be.
CSS defines all HTML attributes should behave in a webpage in a single format.

The CSS have following structure
 CSS can be inserted in HTML page by 3 methods
  1. Inline CSS : using style in HTML attribute
  2. Internal - using style tag in head section.
  3. External : using external CSS file
Inline CSS

<html>
    <body>
        <h1 style="color:blue;">This is a Blue Heading</h1>
    </body>
</html>

Alignments using Inline CSS
<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>

Font Family & Font Size using Inline CSS

<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>

<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>

Internal CSS

<html>
<head>
    <style>
        body {background-color: powderblue;}
        h1   {color: blue;}
        p    {color: red;}
    </style>
</head>
    <body>

    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>

    </body>
</html>

External CSS

<html>
<head>
  <link rel="stylesheet" href="styles.css">
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>
                          here style.css refers the following...
Styles.css

body {
    background-color: powderblue;
}
h1 {
    color: blue;
}
p {
    color: red;
}

Then we signed up Github and learned about Git.
Git is one of the platform for developers to store their source code, by pushing and cloning the code, they can access their code anytime anywhere.

The methods to push and clone the code were explained. Then we did a practical in it.
After that we played Kiliththattu game and had fun..

Parathan.

No comments:

Post a Comment