THIRD DAY JAVA FULL STACK TRAINING

Posted on by — No Comments ↓

In this section i am learned about the new tags and CSS properties used to make the simple portfolio website

In creating the website user can subdivides the web page in to <header> <section> <footer> it will helps the user to display the particular content in webpage

Header Element:

It is used to set the navigation link and also it describe what are the content this webpage holds

Ex: 

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Portfolio</title>
    <style>
        h1{
            border: solid;
            text-align : center;
        }
    </style>
</head>
<body>
    <header>
        <h1>SELVAKUMAR</h1>
    </header>
</body>
</html>

Output:

Section element:

It is one of the part in web page to describe the content part by part

Ex: 

<!DOCTYPE html>
<html lang="en">

<head>
    <title>Portfolio</title>
    <style>
        h1{
            border: solid;
            text-align : center;
        }
    </style>
</head>
<body>
    <header>
        <h1>SELVAKUMAR</h1>
    </header>
    <section>
        <h2> ABOUT ME</h2>
        <P>
            I am selvakumar . I completed my B.E computer science in Muthayammal Engineering College in Rasipuram (Namakkal District) at 2023. 
            After ny college I joined the Non IT job as process executive in Trayee Business solution pvt limited in patinapakkam in chennai.
        </P>
    </section>
</body>
</html>

Output:

Footer element:

It defines the bottom of the webpage to describe some content about user

Ex: 

<!DOCTYPE html>
<html lang="en">

<head>
    <title>Portfolio</title>
    <style>
        h1{
            border: solid;
            text-align : center;
        }

        footer{
            text-align: center;
            color: brown;
        }
    </style>
</head>
<body>
    <header>
        <h1>SELVAKUMAR</h1>
    </header>
    <section>
        <h2> ABOUT ME</h2>
        <P>
            I am selvakumar . I completed my B.E computer science in Muthayammal Engineering College in Rasipuram (Namakkal District) at 2023. 
            After ny college I joined the Non IT job as process executive in Trayee Business solution pvt limited in patinapakkam in chennai.
        </P>
    </section>

    <footer>
        SELVA@2001
    </footer>
</body>
</html>

Output:

TYPES OF ELEMENTS IN HTML:

1.BLOCK ELEMENT
2.INLINE ELEMENT

  1. BLOCK ELEMENT:

  • It Occupies the full width of the web page

  • It start on new line only

Ex:

<p> – paragraph , <h1> – Heading , <ol>, <ul> <li>– list, <div>, <footer>, <article>,<table>

Leave a Reply