htmlcssjsFiles/add_styles.html at master · VetlaPavanKalyan/htmlcssjsFiles · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html>
    <head>
        <title>Adding Styles and Formatting HTML Elements</title>
    </head>
    <body style="margin: 0; background-color:bisque; font-family: 'Courier New', Courier, monospace; color: blue; font-size: 48px;">
        <h1 style="margin: 16px;  margin-top: 16px; margin-bottom: 16px; text-align: center;">Our Solar System</h1>
        <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/cb/Planets2013.svg/390px-Planets2013.svg.png" style="width: 100%; height: 600px; font-size: 48px;"/>
        <p1 style="padding: 16px; font-size: 24px; line-height: 1.5;">The Solar System[b] is the gravitationally bound system of the Sun and the objects that orbit it. Of the bodies that orbit the Sun directly, the largest are the four gas and ice giants and the four terrestrial planets, followed by an unknown number of dwarf planets and innumerable small Solar System bodies. Of the bodies that orbit the Sun indirectly—the natural satellites—two are larger than Mercury and one is nearly as large.[c]</p1>
        <p2 style="padding: 16px; font-size: 24px; line-height: 1.5;">The Solar System formed 4.6 billion years ago from the gravitational collapse of a giant interstellar molecular cloud. The vast majority of the system's mass is in the Sun, with the majority of the remaining mass contained in Jupiter. The four inner system planets – Mercury, Venus, Earth and Mars – are terrestrial planets, being composed primarily of rock and metal. The four giant planets of the outer system are substantially more massive than the terrestrials.</p2>
        <h1 style="padding: 16px; font-size: 24px; line-height: 1.5;">List of Planets</h1>
        <ul style="padding-left: 16px; font-size: 24px; line-height: 1.5">
            <li>Mercury</li>
            <li>Venus</li>
            <li>Earth</li>
            <li>Mars</li>
            <li>Jupiter</li>
            <li>Saturn</li>
            <li>Uranus</li>
            <li>Neptune</li>
        </ul>
    </body>
</html>