HTML-CSS-basic-learning/index2.html at master · Armin1019/HTML-CSS-basic-learning · 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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="Keywords" content="HTML, CSS" />
    <meta name="description" content="..." />
    <title>Document</title>
    <style>
      img {
        width: 200px;
        height: 200px;
        object-fit: cover;
      }
    </style>
    <style>
      em {
        color: red;
        font-style: normal;
      }
    </style>
  </head>

  <body>
    <a href="company/about.html">About me</a>
    <a href="images/dog.jpeg" download>My Photo</a>
    <a href="#section-css">CSS</a>
    <a href="https://google.com" target="_blank">Google</a>
    <a href="mailto:jixingli233@gmail.com">Email Me</a>
    <img src="images/coffee.jpg" alt="A coffee mug on a table" />
    <h1>Heading 1</h1>
    <h2>HTML</h2>
    <p>
      Lorem ipsum dolor sit amet consectetur adipisicing elit. At, quasi. Itaque
      repellat temporibus asperiores veritatis optio? Dicta repellendus
      asperiores eius quis nisi illo sit magni, beatae quasi doloremque ea
      cumque minus, laboriosam natus voluptas. Tempora dolore odio autem eaque
      explicabo ex? Error maxime quaerat quas debitis dolores blanditiis
      dignissimos quidem, harum exercitationem tempore omnis natus aliquam
      temporibus ipsam iure libero molestiae quo nesciunt repudiandae minima
      iusto porro enim! Cum voluptatum nostrum repellendus quo maiores
      perferendis, tempore beatae nam explicabo iure nesciunt sint dignissimos
      est accusamus dolore aperiam consequuntur voluptatibus harum debitis
      aliquid doloribus soluta minus? Neque ipsam eaque deserunt rerum molestiae
      quo aut, dolor est expedita. Nam at molestiae quasi quis exercitationem
      ipsum laboriosam, harum nobis ipsa praesentium qui excepturi fugiat vel
      modi, doloremque explicabo laborum in velit rerum dolores possimus
      sapiente, id dolorem. Voluptatibus quasi facilis tempora, rerum quae
      voluptas nihil veniam vel quas minus quia ut ea consequatur explicabo
      commodi dolorem esse dolorum sequi voluptates distinctio unde nam sit et?
      Quisquam esse necessitatibus distinctio id inventore! Laboriosam eaque
      recusandae, autem similique atque omnis natus quasi doloremque,
      necessitatibus, sunt in. Illo ratione officiis quod vitae dolorum commodi
      consequuntur modi. Ea est maxime iste, dolore earum fuga a laboriosam
      illum?
    </p>
    <h2 id="section-css">CSS</h2>
    <p>
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta
      consequuntur iure facere in exercitationem, quae veniam maxime ullam ea
      nemo harum cum itaque omnis dolore ipsum. Porro obcaecati, tenetur veniam
      ducimus itaque incidunt illum voluptas rem eveniet dolore enim explicabo
      ut magni nihil, soluta quidem, eaque accusamus consequatur? Nihil ratione
      quisquam pariatur ipsa. Soluta libero sed repudiandae hic, incidunt unde
      modi aliquid, sit, voluptatibus voluptates pariatur debitis commodi! Ipsum
      saepe repellendus consequuntur facere eaque sed praesentium expedita dolor
      aliquid voluptatibus, maxime inventore iure nemo et obcaecati qui,
      voluptatum ipsa fugiat quasi suscipit fuga soluta! Modi recusandae
      repellendus, reiciendis sunt neque assumenda ipsam sit sapiente dolorum
      exercitationem quo ut deserunt consectetur mollitia commodi quasi.
      Voluptatibus inventore obcaecati nemo odio, pariatur iste repellat nam
      quia fugit excepturi libero quod, ut laborum labore odit laudantium optio
      aliquam atque quam veritatis, suscipit a quibusdam? Esse, veritatis! Quos
      consectetur recusandae mollitia consequuntur quod, dolorem nemo aspernatur
      voluptatibus cum in adipisci pariatur doloremque placeat dolore illo
      veritatis aperiam, ipsam corrupti quam qui. Facere veritatis perferendis
      dicta animi incidunt, iusto neque quisquam et deleniti, voluptas maxime ab
      quos. Excepturi, ipsum? Quae maiores earum eos velit eum reiciendis
      cupiditate obcaecati non debitis doloremque? Praesentium totam iure
      pariatur saepe?
    </p>
    <h2>Summary</h2>
    <p>I love to learn <em> &lt;HTML&gt;!</em>&copy;</p>
    <a href="#">Jump to Top</a>
  </body>
</html>