Into the web
The web is about
Words
https://justinjackson.ca/words.html< HTML />
HyperText Markup Language
<!-- Comment -->
<tag attribute="value">Content</tag>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Into the Web</title>
</head>
<body>
<h1>Here be tigers!</h1>
</body>
</html>
→ *.html
Elements 1
Text
<h1>Heading</h1>
<p>Paragraph</p>
<b>bold</b>
<i>italic</i>
<u>underlined</u>
line<br />
break
A paragraph of bold, italic and underlined text.
<h2>Text</h2>
<p>
A paragraph of
<b>bold</b>,
<i>italic</i> and
<u>underlined</u> text.
</p>
Elements 2
Content
<img alt="Alternative text" src="source.jpg" />
<a href="hyperlink/reference">Anchor</a>
Content:
Find this image on
Unsplash
<img alt="Hiding tiger"
src="https://source.unsplash.com/7nKv6HMsNEc/800x300" />
<p>
Find this image on
<a href="unsplash.com/photos/7nKv6HMsNEc">Unsplash</a>
</p>
Elements 3
Lists
<ul> ← Unordered List
<li>List item</li>
<li>List item</li>
</ul>
<ol> ← Ordered List
<li>List item</li>
<li>List item</li>
</ol>
Tiger facts:
- Tigers are the largest wild cats in the world.
- A tiger's roar can be heard as far as three kilometres away.
- No two tigers have the same pattern of stripes.
<ul>
<li>Tigers are the largest wild cats in the world.</li>
<li>A tiger's roar can be heard as far
as three kilometers away.</li>
<li>No two tigers have the same pattern of stripes.</li>
</ul>
Tiger population by country:
- India 🇮🇳 2976
- Russia 🇷🇺 433
- Indonesia 🇮🇩 371
<ol>
<li>India 🇮🇳 2976</li>
<li>Russia 🇷🇺 433</li>
<li>Indonesia 🇮🇩 371</li>
</ol>