Scribd Logo
Upload

Welcome to Scribd!

  • 45 views

    IT Era Task 3

    Uploaded by

    Rio Raze
    The document contains 3 HTML files that create and style a personal webpage. The first file creates the basic structure and content of the webpage with headings and paragraphs. The second file applies basic styling like setting the background color and formatting text. The third file further styles the webpage by changing additional design elements like the background, font sizes, and colors to create a customized look and feel.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content

    You might also like

    IT Era Task 3

    Uploaded by

    Rio Raze
    45 views4 pages
    The document contains 3 HTML files that create and style a personal webpage. The first file creates the basic structure and content of the webpage with headings and paragraphs. The second file applies basic styling like setting the background color and formatting text. The third file further styles the webpage by changing additional design elements like the background, font sizes, and colors to create a customized look and feel.

    Original Description:

    IT Era

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document contains 3 HTML files that create and style a personal webpage. The first file creates the basic structure and content of the webpage with headings and paragraphs. The second file applies basic styling like setting the background color and formatting text. The third file further styles the webpage by changing additional design elements like the background, font sizes, and colors to create a customized look and feel.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    45 views4 pages

    IT Era Task 3

    Uploaded by

    Rio Raze
    The document contains 3 HTML files that create and style a personal webpage. The first file creates the basic structure and content of the webpage with headings and paragraphs. The second file applies basic styling like setting the background color and formatting text. The third file further styles the webpage by changing additional design elements like the background, font sizes, and colors to create a customized look and feel.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    of 4

    ACTIVITY 3 – Homepage

    a. MyPersonalWebPage1.html

    <!DOCTYPE html>

    <html>
    <title>HTML Tutorial</title>
    <style>
    h1 {
    color: black;
    text-align: center;
    }
    h2 {
    color: black;
    text-align: center;
    }
    p{
    font-family: verdana;
    font-size: 20px;
    }

    </style>
    <body>
    <div class="jumbotron">
    <h1><strog>Welcome</strog><p>My Personal Webpage</p></h1>
    </div>
    <h1>"You will face many defeats in life, but never let yourself be defeated"</h1>
    <h2>Fight along the way because its the only way to survive</h2>
    </body>
    </html>
    b. MyPersonalWebPage1_StyleSheet1.html

    <!DOCTYPE html>

    <html>

    <title>HTML Tutorial</title>

    <style>

    body {

    background-color: lightblue;

    h1,h2 {

    color: white;

    text-align: center;

    p{

    font-family: verdana;

    font-size: 20px;

    </style>

    <body>

    <div class="jumbotron">

    <h1><strog>Welcome</strog><p>My Personal Webpage</p></h1>

    </div>

    <h1>"You will face many defeats in life, but never let yourself be defeated"</h1>

    <h2>Fight along the way because its the only way to survive</h2>

    </body>

    </html>
    c. MyPersonalWebPage1_StyleSheet2.html

    <!DOCTYPE html>

    <html>

    <title>HTML Tutorial</title>

    <style>

    body {

    background-color: white;

    h2 {

    color: black;

    text-align: center;

    .jumbotron {

    padding: 30px;

    height: 150px;

    background-color:lightblue;

    background-image: url();

    .welcome {

    font-size: 32px;

    color: white;

    text-align: center;

    font-family: calibri;

    p{

    font-family: calibri;

    font-size: 28px;

    </style>
    <body>

    <div class="jumbotron">

    <div class="welcome"><strog>Welcome</strog><p>My Personal Webpage</p></div>

    </div>

    <h2>"You will face many defeats in life, but never let yourself be defeated"</h2>

    <h2>"Fight along the way because its the only way to survive"</h2>

    </body>

    </html>

    You might also like