(HTML) Basic Concepts of Web Design
(HTML) Basic Concepts of Web Design
MODULE: 6.1
INTODUCTION..
H YPER Hyper text: refers to the way in which you can move
from one place to another (maybe to another place
T EXT
within the same webpage or to a brand-new webpage)
e.g. clicking HOME or a ‘pay now’ option within a
webpage.
M
Markup language: the use of English words or tags to
ARKUP annotate text (to mark the language/apply rules to
particular text used in your webpage)
L ANGUAGE
HOW HTML IS USED TO CREATE A WEB PAGE
HTML is the standard markup language currently being used for creating a webpage.
It is used to give instructions on how web pages should be displayed in a browser. It is the key to having a website.
It is called a markup language because it uses markup tags to describe how the text on a webpage should be formatted.
The web browsers can read HTML files. The browser interprets the HTML markup tags and then displays the content (the
text between the markup tags) as ‘instructed’ by the markup tags.
EXAMPLE:
<i> Welcome everyone </i> - this is my <b> very first formatted </b> webpage!
Note that the way the text is aligned or positioned in an HTML file in the editor (Notepad) is not necessarily the way it
will be displayed when the actual web page is displayed in a browser.
Text enclosed between paragraph tags <p> and </p> in an HTML file is considered to be a unit. Even if you use the Enter
key to display text in a paragraph element on different lines, on the web page the text will be displayed as one paragraph.
Syntax (grammar/spelling) and order are important. E.g. <b><i> this text has two formats </i></b> (when combining
tags, the end tags of ‘nested’ tags must be placed in the reverse order)
Line breaks (<br/>) and horizontal rule/line (<hr/>) tags can be used to structure text on a web page.