Professional Documents
Culture Documents
HTML Introduction: A Simple HTML Document
HTML Introduction: A Simple HTML Document
What is HTML?
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
</body>
</html>
Example Explained
HTML Tags
Tip: The start tag is also called the opening tag, and the end tag the closing tag.
Web Browsers
The purpose of a web browser (Chrome, IE, Firefox, Safari) is to read HTML documents and
display them.
The browser does not display the HTML tags, but uses them to determine how to display the
document:
HTML Paragraphs
HTML Links
HTML links are defined with the <a> tag: The link's destination is specified in
the href attribute. Attributes are used to provide additional information about HTML elements.
HTML Lists
HTML lists are defined with the <ul> (unordered/bullet list) or the <ol> (ordered/numbered
list) tag, followed by <li> tags (list items):
Images in HTML have a set of size attributes, which specifies the width and height of the image:
Example:
The alt attribute specifies an alternative text to be used, when an image cannot be displayed.
The value of the attribute can be read by screen readers. This way, someone "listening" to the webpage,
e.g. a blind person, can "hear" the element.
Example:
The style attribute is used to specify the styling of an element, like color, font, size etc.
Example:
Style attribute
<tagname style=”property:value;”> Use the style attribute for styling HTML
elements
<tagname style=”background:value;”> Use for background color
<tagname style=”color:value;”> Use for font color
<tagname style=”font-family:value;”> Use for font face
<tagname style=”font-size:value;”> Use for font size
<tagname style=”font-align:value;”> Use for text alignment
Name: ________________________________________ Score: ___________
Course, Yr. & Sec.: ______________________________ Date: ____________
What are your interests or hobbies, what you like to do most of the time. It should be in bullets
use unordered list for this.
Tell something about your favorites like: foods, movies or mobile games etc. ( choose 1 among
your favorites) then it should be in numbering so use ordered list.
4. Use at least 4 HTML tags and their attributes reference on Page 6 for formatting and to have a
better output.