<p> EMPOWERMENT TECHNOLOGY </p>
INTRODUCTION TO
<p> Your Name Here </p>
Content:
I. What is HTML? WHAT IS HTML?
II. Structure of HTML
III. What is an HTML element?
IV. Empty HTML elements
V. HTML attributes HTML stands for Hyper Text Markup Language.
• HREF attribute
• SRC attribute
• Width and height attribute
HTML is the standard markup language for creating
• ALT attribute
• STYLE attribute Web pages.
• TITLE attribute
VI. HTML documents
VII. Doctype declaration
HTML describes the structure of a Web page.
Content:
I. What is HTML? WHAT IS HTML?
II. Structure of HTML
III. What is an HTML element?
IV. Empty HTML elements HTML consists of a series of elements
V. HTML attributes
• HREF attribute
• SRC attribute
• Width and height attribute HTML elements tell the browser how to display the
• ALT attribute
• STYLE attribute
content
• TITLE attribute
VI. HTML documents
VII. Doctype declaration HTML elements label pieces of content such as
"this is a heading", "this is a paragraph", "this
is a link", etc.
Content:
STRUCTURE OF HTML
I. What is HTML? Example code:
II. Structure of HTML
III. What is an HTML element?
<!DOCTYPE html>
IV. Empty HTML elements
V. HTML attributes <html>
• HREF attribute
<head>
• SRC attribute
• Width and height attribute <title>Page Title</title>
• ALT attribute
</head>
• STYLE attribute
• TITLE attribute <body>
VI. HTML documents
VII. Doctype declaration
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Content:
I. What is HTML? EXAMPLE EXPLAINED
II. Structure of HTML
III. What is an HTML element?
IV. Empty HTML elements The <!DOCTYPE html> declaration defines that this
V. HTML attributes
document is an HTML5 document
• HREF attribute
• SRC attribute
• Width and height attribute
• ALT attribute
The <html> element is the root element of an HTML
• STYLE attribute
page
• TITLE attribute
VI. HTML documents
VII. Doctype declaration
The <head> element contains meta information about
the HTML page
Content:
I. What is HTML? EXAMPLE EXPLAINED
II. Structure of HTML
III. What is an HTML element?
IV. Empty HTML elements The <title> element specifies a title for the HTML
V. HTML attributes
page (which is shown in the browser's title bar or
• HREF attribute
• SRC attribute in the page's tab).
• Width and height attribute
• ALT attribute
• STYLE attribute
The <body> element defines the document's body,
• TITLE attribute
VI. HTML documents and is a container for all the visible contents,
VII. Doctype declaration
such as headings, paragraphs, images, hyperlinks,
tables, lists, etc.
Content:
I. What is HTML? EXAMPLE EXPLAINED
II. Structure of HTML
III. What is an HTML element?
IV. Empty HTML elements The <h1> element defines a large heading.
V. HTML attributes
• HREF attribute
• SRC attribute
The <p> element defines a paragraph.
• Width and height attribute
• ALT attribute
• STYLE attribute
• TITLE attribute
VI. HTML documents
VII. Doctype declaration
Content:
I. What is HTML?
WHAT IS AN HTML ELEMENT?
II. Structure of HTML
III. What is an HTML element?
IV. Empty HTML elements An HTML element is defined by a start tag, some
V. HTML attributes
• HREF attribute content, and an end tag:
• SRC attribute
• Width and height attribute
• ALT attribute <tagname> Content goes here... </tagname>
• STYLE attribute
• TITLE attribute
VI. HTML documents The HTML element is everything from the start tag
VII. Doctype declaration
to the end tag:
<h1>My First Heading</h1>
<p>My first paragraph.</p>
Content:
I. What is HTML? HTML IS NOT CASE SENSITIVE
II. Structure of HTML
III. What is an HTML element?
IV. Empty HTML elements HTML tags are not case sensitive: <P> means the
V. HTML attributes
• HREF attribute same as <p>.
• SRC attribute
• Width and height attribute
• ALT attribute
• STYLE attribute
• TITLE attribute
VI. HTML documents
VII. Doctype declaration
Content:
I. What is HTML? HTML ATTRIBUTE
II. Structure of HTML
III. What is an HTML element?
IV. Empty HTML elements All HTML elements can have attributes
V. HTML attributes
• HREF attribute
• SRC attribute
Attributes provide additional information about
• Width and height attribute
• ALT attribute elements
• STYLE attribute
• TITLE attribute
VI. HTML documents Attributes are always specified in the start tag
VII. Doctype declaration
Attributes usually come in name/value pairs like:
name="value"
Content:
I. What is HTML?
HTML DOCUMENTS
II. Structure of HTML
III. What is an HTML element?
IV. Empty HTML elements All HTML documents must start with a document type
V. HTML attributes
VI. HTML documents declaration: <!DOCTYPE html>.
VII. Doctype declaration
The HTML document itself begins with <html> and
ends with </html>.
The visible part of the HTML document is between
<body> and </body>.
3 TYPES OF STYLE SHEET
[Link] STYLE SHEET: This is placed inside the tag itself. It
is a sheet that has a highest priority.
It will override styles declared in an internal style sheet, an
external style sheet, and a web browser’s default style.
Example:
<p style=”color:red”>This text will be color red.</p>
OUTPUT:
This text will be colored red.
3 TYPES OF STYLE SHEET
[Link] STYLE SHEET: Use an internal
style sheet when you want an HTML document
to have a unique style. It is the second highest
priority.
3 TYPES OF STYLE SHEET
[Link] STYLE SHEET: This is used to apply one or more styles
to many pages.
3 ATTRIBUTES:
rel- when using an external style sheet on a web page, this attribute
takes the value “stylesheet”
Type- when using an external style sheet on a web page, this attribute
takes the value “text/css”
href- indicates the name and location of the external style sheet to be
THANK YOU FOR
<p>
</p>
LISTENING