Professional Documents
Culture Documents
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> t ag:
The link's
destination is specified in the href attribute. Attributes are used to provide additional information
about HTML elements.
HTML Images
HTML Lists
HTML Attributes
Images in HTML have a set of size attributes, which specifies the width and height of the image:
Example:
<img src="img_girl.jpg" width="500" height="600">
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:
<p style="color:red">I am a paragraph</p>
Useful HTML tags and their attributes
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
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.