Web Development 1
Dr Derek Bridge
School of Computer Science & Information Technology
University College Cork
A very simple web page
<title>An example web page</title>
<h1>My web page</h1>
This is a paragraph. Good, isn't it?
This is another paragraph. Good, isn't it?
- Put this in a file whose filename extension is
- Save it on your server (in the correct folder with the correct permissions)
- Then people can use their browser to request to see it
The overall structure
- Everything other than DOCTYPE is enclosed between
and divided into
Information about the document that is not considered part of the document content, e.g.
- The content of the document
- Quick quiz: In a browser, where are they displayed?
Information that browsers ignore
- The following usually have no effect on what gets displayed:
- Question: Why nevertheless should we format our HTML nicely?
- To include special characters in the content, use character references, e.g.:
- You can include them by name, by hexadecimal number or by decimal number, e.g. á á á
A list: https://dev.w3.org/html5/html-author/charref
- Annotations on a document
- HTML (HyperText Markup Language):
- the markup that turns text documents into web pages
- primarily, it indicates document structure
- An HTML element comprises:
- content (e.g. the text), plus
- markup (the tags: start tag and end tag)
element = start tag + content + end tag
… except for void elements, which have start tag but no content and no end tag
Hierarchical structure: organizations
Hierarchical structure: family trees
Hierarchical structures: terminology
The hierarchical structure of HTML documents
<title>A simple document</title>
<em>and emphasised words</em>
and final words.