You are on page 1of 12

HTML (Hypertext markup language )

HTML stands for Hypertext Markup Language. It is a markup


language used to create and structure web pages. HTML provides
the basic building blocks for web pages, such as headings,
paragraphs, links, and images.
An HTML document consists of a series of HTML elements, each
enclosed in angle brackets <>. These elements can be either
nested within one another or stand alone.
The basic structure of an HTML document consists of the
following elements:
1. <!DOCTYPE html>: This is the declaration that identifies
the document as an HTML document.
2. <html>: This is the root element of an HTML document.
3. <head>: This element contains information about the
document, such as the title and any links to external
resources.
4.<title>: This element is used to specify the title of the
document, which appears in the browser’s title bar.
5. <body>: This element contains the visible content of the
document.
Within the <body> element, various HTML tags can be used to
structure the content, such as:
1. <h1>, <h2>, <h3>, etc.: These elements are used to create
headings of different levels.
2. <p>:This element is used to create paragraphs of text.
3. <a>: This element is used to create hyperlinks to other web
pages or resources.
4. <img>: This element is used to insert images into the
document.
HTML is a fundamental skill for web development, and it is often
combined with other technologies, such as CSS and JavaScript,
to create more complex and interactive web pages.
1. A Simple HTML Document
2. HTML Headings
3. HTML Paragraphs
The HTML <p> element defines a paragraph.

A paragraph always starts on a new line, and browsers automatically add


some white space (a margin) before and after a paragraph.
4. HTML Links - Hyperlinks
HTML links are hyperlinks.

You can click on a link and jump to another document.

When you move the mouse over a link, the mouse arrow will turn into a little
hand.
5. HTML Link Colors
By default, a link will appear like this (in all browsers):

 An unvisited link is underlined and blue


 A visited link is underlined and purple
 An active link is underlined and red

You can change the link state colors, by using CSS


6. Background Color
The CSS background-color property defines the background color for an HTML
element.
7. Fonts
The CSS font-family property defines the font to be used for an HTML
element:
8. Text Color
The CSS color property defines the text color for an HTML element:
9.Text Size
The CSS font-size property defines the text size for an HTML element:
10. Text Alignment
The CSS text-align property defines the horizontal text alignment for an
HTML element:

You might also like