Scribd
Upload
19 views14 pages

HTML Tags

hello i am tags

Uploaded by

mujtaba.ibrahim39
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
19 views14 pages

HTML Tags

hello i am tags

Uploaded by

mujtaba.ibrahim39
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 14

HTML TAGS

TERM 2, WEEK 5
• An HTML tag is a fundamental component
INTRODUCTION of HTML (HyperText Markup Language),
which is the standard markup language used
to create web pages. HTML tags are used to
define the structure and elements within a
web page.
• An HTML tag is a set of characters that is
used to define the structure and appearance
of content on a web page. Tags are enclosed
in angle brackets (< and >) and usually come
in pairs: an opening tag and a closing tag.
The opening tag indicates the beginning of an
element, and the closing tag indicates the end
of that element
TWO TYPES OF TAGS

MARKUP ELEMENT EMPTY ELEMENT


Markup elements refer to tags which Empty or void elements are HTML
require an opening tag “<”, content elements that don't require a closing
and then a closing tag “/>”. tag because they contain no content.
They are self-contained,
independently complete, and don't
rely on other elements to function
EXAMPLES OF THE TWO TYPES OF TAGS

MARKUP ELEMENT EMPTY ELEMENT


• <p> This is a paragraph tag </p> • <img> embeds an image into the document
• <h1> This is a heading 1 tag </h1> • <break> inserts a line break into the
document
• <link> embeds a hyperlink from the
current document to an external source
DOCTYPE

• All HTML documents must start with a <!DOCTYPE> declaration.


• The declaration is not an HTML tag. It is an "information" to the browser
about what document type to expect.
• In HTML 5, the declaration is simple:
• FYI The <!DOCTYPE> declaration is NOT case sensitive
• All of these tags will work
HTML TAG

• The <html> tag represents the


root of an HTML document.
• The <html> tag is the container
for all other HTML elements.
• ALL code (except for the <!
DOCTYPE> tag) should be
contained in the html tags
HTML TAG

• Optional: You can include the


lang attribute inside the <html>
tag, to declare the language of
the Web page. This is meant to
assist search engines and
browsers.
HEAD TAG

• The <head> element is a


container for metadata (data about
data) and is placed between the
<html> tag and the <body> tag.
• HTML metadata is data about the
HTML document. Metadata is
not displayed.
HEAD TAG

3 examples of metadata that can be


included in the headtag
1. The <title> element is required and it
defines the title of the document.
2. The <style> element is used to define
style information for a single
document.
3. The <link> tag is most often used to
link to external style sheets
HEAD TAG
BODY TAG

• The <body> tag defines the


document's body.
• The <body> element contains all the
contents of an HTML document, such
as headings, paragraphs, images,
hyperlinks, tables, lists, etc.
• Note: There can only be one <body>
element in an HTML document.
• The <body> tag contains what will be
seen on the screen.
1st place = 1 Kitkat + 1 Merit
2nd place = 1 Kitkat
3rd place = share a Kitkat with Mr Hussain

You might also like