Introduction:
Basics of HTML
Instructions:
A website is probably the most powerful marketing tool for any
tourism business. To understand the development process of a website
is essential in order to create both a customer-oriented design
as well as content structure.
The aim of this self-learning tutorial is to make you familiar
with the basics of HTML. After a short introduction to HTML and
the basic structure of a HTML document you will create a simple
web page with your resume and a picture of you.
This is an example
how your page should look like in the end.
You can navigate through the tutorial in various ways:
- Click on the text link at the bottom right of each page in order
to go to the next step of the tutorial
- Click on the menu items on the left if you want to directly
navigate to a specific topic
- Click the IMC Logo on top of each page to return to the start
page of this tutorial.
The tutorial comprises altogether 7 steps, in each you will
enhance your web page and add additional HTML tags in order to format
the layout of your page.
The 7 topics are:
- Creating a new HTML project
- Adding text to your web page
- Formatting text: headings, paragraphs, line break
- Formatting text: changing font type, font size and font colour
- Inserting a picture
- Tables
- Hyperlinks
In the Resources menu you will find additional information
if you want to deepen your knowledge.
Definitions:
HTML stands for HyperText Markup
Language.
The so-called HTML-tags describe how content of a WWW-document appears
in a web browser. HTML is a so-called markup language. HTML is used
to structure information - denoting certain text as headings, paragraphs,
lists and so on - and can be used to describe the appearance of
a document in a web browser.
Hypertext: hypertext is a generally non-linear medium of
information, which contains automated cross-references (= hyperlinks)
to other documents.
HTML structure:
HTML consists of tags, the commands which describe how content
will be presented in a web browser. The html tags usually consist
of two parts - a start tag and an end tag. The tags
are written between angle brackets and in the end tag a slash /
precedes the tag element. However, there are also a few tags which
require no end tag.
The basic structure of all html documents is shown below:
<html>
<head>
<title>page
title</title>
</head>
<body>
page
content
</body>
</html>
|
Every html document basically consists of two parts:
a) the document head which contains meta information about
the document that is not displayed in the content area of your browser
window;
b) the document body which contains content that will be
displayed in the browser window.
The syntax - i.e. the spelling of the tags - is a very important
issue! Syntax errors inevitably have the consequence that your web
page is not displayed correctly.
Hence - creating web pages is a task which requires thorough
planning and working!
Click on 'Step 1' at the bottom right if
you are ready to go ahead with the tutorial.
|