-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy paths03-demo.html
36 lines (35 loc) · 9.8 KB
/
s03-demo.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>WebTech | First Webpage</title>
</head>
<body>
<h1>Hello, world!</h1>
<h6>This is the smallest heading.</h6>
<a href="https://chatgpt.com" target="_blank">ChatGPT</a> <a href="ex01.html">Exercise 01</a> <a href="#footnote">Footnote</a>
<p>This is the first paragraph.</p>
<img
src="https://www.babson.edu/media/babson/assets/about-babson/babson-at-a-glance-1920x756.jpg"
alt="Babson campus"
title="Image of Babson Campus"
height="100"
/>
<p>This is the second paragraph.</p>
<img
src="images/babson.jpg"
alt="Babson Gate in Fall"
title="Babson College"
width="200"
/>
<p>Shortcut to add tags. For example, we want to add <</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos laborum enim, alias hic laboriosam sit explicabo sapiente perspiciatis atque temporibus, ea consequatur at neque numquam consectetur. Porro placeat nesciunt eum molestiae obcaecati magni tempore odio eveniet iure debitis, molestias consectetur repudiandae repellat labore cum delectus distinctio libero tempora blanditiis ratione voluptate! Cumque, nostrum ad? Est eum in enim rerum ipsa molestiae, recusandae doloremque hic, atque consequatur veritatis voluptate. Quas iusto, minima totam reprehenderit laudantium culpa sed ipsum, modi earum sunt quaerat aperiam commodi deleniti omnis distinctio deserunt laborum optio numquam quidem. Velit labore corporis praesentium distinctio quia ullam rem aliquam nostrum doloremque deleniti. Cum ullam iste culpa quo ipsum, ut sunt nisi deserunt corporis accusantium perspiciatis repellat sed consequuntur odio nihil esse nemo optio possimus dolor ipsam quae sit, impedit quidem commodi. Atque, qui et? Quidem laboriosam blanditiis repellendus deserunt amet. Optio explicabo voluptas repudiandae nobis recusandae. Voluptas corporis, minima tempore qui voluptatum laborum earum vero eius iure ex eligendi voluptate id animi maxime in, dolorem nisi cumque tempora ut dolorum. Reprehenderit culpa expedita repellendus repudiandae itaque quidem nisi ab exercitationem commodi aut ad, dolorum aspernatur harum reiciendis, numquam minima accusantium doloribus! Maxime placeat a fugiat adipisci laboriosam enim nemo.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam animi molestiae aperiam illo, deleniti quos soluta facilis corrupti, modi quasi cupiditate fugiat. Amet architecto nam alias tenetur distinctio totam veritatis iusto adipisci error ratione. Deleniti ad unde, enim quasi expedita dicta quibusdam accusamus optio aliquam laborum dolore officiis laboriosam! Quia voluptatum perspiciatis similique molestias harum nesciunt ea id fugit mollitia nulla sed error voluptates ratione aliquid optio quis ad obcaecati autem temporibus, ducimus dignissimos! Unde nemo ipsum delectus quaerat numquam tempora magni, quasi aut consequuntur illum commodi provident ex distinctio animi consequatur nam itaque adipisci id autem fugiat odit quidem fugit cumque. Unde tempore autem neque excepturi, minus distinctio illo ut cupiditate aspernatur mollitia fugit quasi illum nobis saepe eligendi, laudantium animi consequatur? Delectus quibusdam nemo possimus rem distinctio fuga rerum, voluptates accusantium impedit voluptas nam magnam ex qui suscipit deleniti perspiciatis earum nostrum tempore molestias voluptatibus esse. Quo obcaecati animi itaque ratione. Reiciendis in consequuntur mollitia velit, nobis ex ullam. Unde nihil ex alias? Sed soluta veniam cumque earum perferendis maiores expedita, eum aliquid id, officia quisquam? Sapiente est animi repellat obcaecati itaque omnis expedita adipisci sit ipsum vero possimus, recusandae ea nemo illum voluptatum incidunt nam ad non?</p>
<p>Voluptate quia sint maxime, quos rem nam natus porro, corrupti amet, doloremque animi qui quidem dolorem officiis? Doloribus exercitationem illo voluptatem officia distinctio, provident placeat quasi sequi consectetur deleniti saepe ipsum. Aliquam minima blanditiis laboriosam laudantium ut expedita perspiciatis optio magnam, error quas ratione voluptatem, numquam officia. Consequuntur, earum quo obcaecati sed rem deleniti sit? Iure, excepturi. Illo ducimus ipsum nihil porro earum delectus placeat, autem veniam repudiandae adipisci quisquam nulla iste aspernatur odit velit praesentium fugiat explicabo temporibus eius omnis harum hic dicta pariatur et! Dolore magni dignissimos voluptates delectus in laboriosam eum, similique perspiciatis molestias. Consectetur omnis eum labore doloremque facilis ex minus. Explicabo aspernatur repudiandae dignissimos voluptate minus incidunt impedit, voluptates, totam eveniet sint soluta accusamus non nobis beatae quis. Totam ut neque illo culpa, animi incidunt ea nemo atque iste voluptatem quaerat labore vel minima itaque facere nostrum. Numquam doloremque nesciunt laudantium veritatis cum quae asperiores molestias incidunt, debitis totam sequi harum dolorem iusto blanditiis, illo, consequuntur inventore molestiae obcaecati minus sit dolore mollitia? Sed aliquam amet laborum neque dolor autem debitis voluptas, consequuntur porro. Aperiam blanditiis nesciunt, dignissimos provident amet ipsum incidunt ex quasi, eveniet laudantium placeat maxime quae minima, assumenda sapiente molestias in maiores.</p>
<p>Atque rem repellendus quae dolorem ullam doloribus mollitia vero, quam facilis veritatis culpa dignissimos saepe, voluptates vel enim quasi necessitatibus tempore. Alias sed voluptatibus id exercitationem veritatis cupiditate quam illo, officiis sunt, quo similique nesciunt. Fugiat adipisci nemo alias sunt vel ex pariatur iusto corporis, rem quos magni quis quasi voluptas id repudiandae dolor enim veniam molestias quaerat maiores beatae at, debitis architecto. Numquam officiis inventore, repellendus facere autem dignissimos quos quod modi ipsa accusamus qui excepturi enim eligendi earum labore id ipsum soluta ex laudantium, quasi at. Incidunt similique architecto error soluta, illo saepe, animi dolorum possimus officia molestias dignissimos dolor id voluptas. Nihil doloremque accusamus inventore minima ab explicabo magnam similique magni dolorum optio illo vitae quas commodi unde aperiam cum quae natus fugiat, sit sint repellendus vero voluptate! Amet animi dolore, perferendis tempore deserunt dolores rem maxime, voluptatibus doloribus necessitatibus saepe rerum! Temporibus iusto, itaque quo iure sapiente facere officiis eos ad eligendi enim omnis beatae, exercitationem aspernatur, autem odit unde accusantium eum numquam accusamus asperiores laborum consequatur quam sunt neque? Laudantium, magni at. Possimus, ad quisquam praesentium consequatur minus ex tempora. In veniam, accusantium quae cumque unde, eaque sed voluptate consectetur quam eius, qui cupiditate optio!</p>
<p>Eligendi, corporis similique culpa iste, dicta earum laboriosam hic ea temporibus, ad accusamus quos nostrum necessitatibus iure veniam fuga! Magni quae fugiat laboriosam, iusto natus sequi nobis dolor omnis, est quis ex! Repudiandae aliquam esse in rerum minima corrupti facere, assumenda perferendis laudantium dolores, provident hic vel. Quasi explicabo id aperiam non, tenetur ex impedit ducimus assumenda totam modi perspiciatis? Fuga deleniti tempora ipsa optio beatae odit, expedita provident sapiente eos? Cupiditate recusandae blanditiis id ratione asperiores voluptatem dignissimos, sit dolorum, numquam rerum maxime minima optio. Error iste aliquid libero ex deleniti recusandae inventore. Adipisci exercitationem dolor harum nulla nihil expedita impedit fugiat sit. Neque, accusamus iure culpa similique expedita deserunt inventore hic error provident est quibusdam quaerat non in omnis molestiae? Recusandae veniam enim quas, voluptate ea assumenda consectetur eveniet neque tempora temporibus quod ratione earum facilis excepturi eaque placeat autem odio illum. Vitae tempore et expedita aperiam ab error ea nemo cumque, enim officiis quae praesentium, veniam exercitationem quos sint rerum dolor recusandae earum reprehenderit magnam, necessitatibus tempora id. Repellendus nostrum culpa voluptatem dolorum illo rem explicabo, fugit omnis quis quam, deserunt voluptatum laudantium quae. Tenetur natus libero illo voluptatem eius molestiae, adipisci animi ad quidem laudantium dolorum!</p>
<p>Enim dolore incidunt quisquam repellat atque corrupti sed cum excepturi, odio illo mollitia culpa, odit hic accusamus sapiente recusandae dolor quis cupiditate. Nihil nobis exercitationem qui soluta nam, quas quidem asperiores. Ex consequatur animi minus cumque tempora eius placeat omnis, excepturi quibusdam assumenda repudiandae facere ullam, praesentium vero odit accusamus illum! Labore temporibus eius nostrum aut ipsa, iure repudiandae impedit nobis explicabo, quam eveniet dolores repellat illum et est totam quis voluptate aperiam quisquam earum excepturi fugiat? Delectus fugit amet possimus sunt, consequatur, labore magni recusandae porro inventore animi repudiandae numquam neque itaque quis sapiente esse corrupti ut officia vel natus eaque? Mollitia laborum nihil laudantium? Et doloremque officia beatae id voluptas nobis earum culpa, doloribus veniam harum iusto inventore! Eum, sed. Iusto, porro sunt cumque officia recusandae enim doloribus repellat inventore, sequi laudantium maxime fugit dolorem, sit alias beatae accusamus numquam voluptatem. Fugit nisi officia id odio minus quo iste autem ipsa quod fuga? Quidem eligendi totam iusto eaque molestiae expedita dignissimos, dolorum quibusdam fugiat tempore praesentium assumenda maiores corrupti adipisci consectetur necessitatibus libero quos facilis dicta velit eius corporis quo aliquam aspernatur. Vitae harum voluptates ut debitis deleniti iure repellat doloribus tempore temporibus nam. Animi sed nemo ipsa.</p>
<p id="footnote">Created by Zhi Li</p>
</body>
</html>