Coding a webpage with HTML tags
Minimalist web page
<html>
<head>
<meta charset="UTF-8">
<title> My web page </title>
</head>
<body>
<h1> My web page </h1>
<p> I am a very interesting person,
as I will now explain at length. </p>
<p>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/07/Wells._Vicar%27s_Close_1.jpg/1024px-Wells._Vicar%27s_Close_1.jpg">
<br>
Embedded image in HTML.
And now a hyperlink to what it is:
The <a href="https://en.wikipedia.org/wiki/Vicars%27_Close,_Wells">oldest street in Europe</a>.
</p>
</body>
</html>
Exercise: Copy this into your own web page and view it.
The image is from
here.
But it should ideally be a local copy.
HTML
- HTML
is not programming.
- Rather it is something called "markup".
Defines sections of content.
-
Browsers are forgiving:
- Case of tags doesn't matter.
Blank space and new lines are all compressed.
-
You can probably leave out the <html> tags,
and also the closing
</body>
and
</html>
- all browsers can display partial downloads.
-
Also
<p>
starts a new paragraph no matter what,
so you can leave out the
</p>
tags.
- We could say "HTML is forgiving",
but it's more accurate to say that browsers are forgiving.
The HTML spec can say what it likes
- the browsers will still forgive errors.
- See discussion of this under
XHTML.
- Open source model:
-
Source is interpreted on client side.
-
Can
"View .. Source"
on other people's pages
to get ideas.
Some common tags
- List of HTML elements at w3schools
- Commonly used:
html, head, meta, title, body
link, style, script
h1, h2, etc.
p, br, hr
a, img
div, span
ol, ul, li
- Commonly used, though frowned upon:
b, i
center
font
- Other common tags:
audio, video
form, input, select, option, button
pre
table, tr, td
canvas
Some HTML tags.
Reference
