htmlbasic/index.html.html at main · Prince-gk/htmlbasic · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Basics of HTMl</title>
</head>
<body>
    <!-- these are the most common html tags -->

    <h1>Heading 1</h1>
    <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Inventore mollitia sint laborum amet eum at, esse ad voluptate quidem porro blanditiis distinctio fuga odio tempora assumenda quae! Sed, atque dolor.</p>

    <h2>heading 2</h2>
    <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Vero atque ab perferendis saepe consequatur? Maxime, veniam? Totam officiis accusantium perspiciatis nemo minima laudantium quidem omnis cumque, hic maiores. Iusto, commodi?*2</p>

    <h3>heading 3</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus minus dolore aperiam et a. Dolorem aut dolores, blanditiis molestias animi eaque pariatur reprehenderit aliquam. Laborum cumque totam officiis labore ipsum?</p>

    <h4>heading 4</h4>
    <p><span>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Repellat quo labore ab, doloremque quidem beatae hic? Ab porro impedit vel, nostrum beatae quae recusandae blanditiis at sunt soluta veniam mollitia.</span><span>Facere impedit illum quos sed, excepturi, debitis delectus unde quibusdam beatae quo eius dignissimos rem a sint! Tempora, maxime velit? Ea vero, minima animi impedit consequuntur voluptatum est maxime blanditiis.</span></p>

    <h5>heading 5</h5>
    <img src="car.jpg" alt="">

    <h6>heading 6</h6>
    <img src="rural.jpg" alt="">

    <!-- These are links -->
    <p><a href="http://google.com" target="_blank">google</a></p>
    <p><a href="tel:+254729697520">Call us</a></p>
   <p><a href="mailto:prince.georanja@gmail.com? hello,welcome to Asus&body= this is the emails body">Mail Us</a></p>

</body>
</html>