codeup-web-exercises/intro-html-lesson.html at main · lexibor/codeup-web-exercises · 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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<!DOCTYPE html>
<html>

    <head> <!-- STUFF IN HTML -->
        <meta charset="utf-8">
      <!--  <meta name="keywords" content="HTML, CSS, JavaScript"> -->

        <meta name="description" content="afdadfas">

        <!-- <link rel="stylesheet.css" href="/styles.css">  STYLESHEET -->
        <title>Intro to HTML</title>
    </head>

    <body> <!-- STUFF IN THE BODY -->
        <h1>Hello World</h1>
        <div>Hello World</div>

    <p>Lorem ipsum dolor sit amet, <span style="color: crimson">consectetur</span> adipisicing elit. Alias aliquid asperiores dicta eligendi eos, error est harum iste neque, nostrum odio sint vero. Alias fugiat maxime numquam odio sint temporibus?</p>

        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi esse inventore odit provident repudiandae! Officiis voluptate, voluptatibus? Consectetur, cumque dolore dolorum eius, exercitationem id iste laboriosam maiores officiis quas quasi.</p>

        <span>Hello</span> <span> World</span>
        <input placeholder="Your name">

        <textarea>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi esse inventore odit provident repudiandae! Officiis voluptate, voluptatibus? Consectetur, cumque dolore dolorum eius, exercitationem id iste laboriosam maiores officiis quas quasi.</textarea>


        <div id="notReusable" class="reusable"></div>

        <ul>
            <li>
                <a href="http://google.com" target="_blank">Go to Google!</a>
            </li>
            <li>list item 2</li>
            <li>list item 3</li>
        </ul>

        <ol>
            <li>list item 1</li>
            <li>list item 2</li>
            <li>list item 3</li>
        </ol>


        <table style="border: black">
            <tr>
                <th>First column</th>
                <th>Second column</th>
            </tr>
            <tr>
                <td>Hello</td>
                <td>There</td>
            </tr>
        </table>

        <img src="https://upload.wikimedia.org/wikipedia/en/2/2d/SSU_Kirby_artwork.png" alt="Kirby">
        <img src="https://i.kym-cdn.com/entries/icons/original/000/019/725/krump.jpg" alt="Marge Simpson">

        <script></script> <!-- always at the bottom -->
    </body>

</html>