html_exercise/index.html at master · skywinston/html_exercise · 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

<!DOCTYPE html>

<!-- Sets up the html element and defines the language to use -->
<html lang="en">

  <!-- Meta information about our html document -->
  <head>

    <!-- Defines the character set to use in the document -->
    <meta charset="utf-8">

    <!-- Sets the title of the page -->
    <title>Awesome Title</title>

    <!-- Pull in stylesheet normalization for cross-browser support -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.2/normalize.css">

    <!-- Pull in our own custom css file -->
    <link rel="stylesheet" href="main.css">

  </head>

  <!-- Defines the page content - e.g., what the end user sees -->
  <body>

    <!-- A header tag and element -->
    <h1>This is an Awesome header</h1>

    <!-- Use classes to identify unique-ish elements -->
    <h2 class="header-alt">Another header</h2>
    <h3 class="header-alt">Sub header</h3>

    <!-- Use an ID to identify actual unique elements -->
    <h4 id="header-primary">This is an h4</h4>

    <!-- Hierarchy -->
    <div>
      <p>(INSIDE) We are drowning in information, while starving for wisdom. The world henceforth will be run by synthesizers, people able to put together the right information at the right time, think critically about it, and make important choices wisely.</p>
    </div>

    <p>(OUTSIDE) You are capable of more than you know. Choose a goal that seems right for you and strive to be the best, however hard the path. Aim high. Behave honorably. Prepare to be alone at times, and to endure failure. Persist! The world needs all you can give.</p>

  </body>
</html>