Scribd
Upload
26 views1 page

HTML in A Day For Digital Marketing Pro Course

This document provides an overview of HTML, including its definition, structure, and key components such as headings, tags, attributes, and elements. It explains how to create HTML documents, the significance of meta information, and the use of the <strong> element for emphasizing text. Additionally, it includes examples to illustrate the concepts discussed.

Uploaded by

Chaitanya YVRR
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
26 views1 page

HTML in A Day For Digital Marketing Pro Course

This document provides an overview of HTML, including its definition, structure, and key components such as headings, tags, attributes, and elements. It explains how to create HTML documents, the significance of meta information, and the use of the <strong> element for emphasizing text. Additionally, it includes examples to illustrate the concepts discussed.

Uploaded by

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

HTML in a Day HTML Headings

They are Titles or Subtitles that we want to display on a


For Digital Marketers
webpage. HTML headings are defined with the <h1> to <h6>
elements.
HTML - Things to Remember
● HTML - Hyper Text Markup Language
Example:
● It is NOT a Programming Language
<h1>Heading 1</h1>
● Browser designs the Webpage based on HTML code
<h2>Heading 2</h2>
● We can write HTML in Notepad and save it with the
<h3>Heading 3</h3>
.html extension
<h4>Heading 4</h4>
<h5>Heading 5</h5>
HTML Tags
<h6>Heading 6</h6>
A Keyword (already a word reserved in a computer language)
surrounded by < > (Angular Brackets) is called an HTML Tag.
HTML Attributes
They provide additional information / features about HTML
Example:
elements. Attributes are always specified in the Opening Tag
<head> <br> <img> <figure> <title> are HTML Tags
and usually come in name/value pairs like name="value".
<cat> <dog> <birdvu> <india> <tommy> are NOT HTML Tags
VALUE should be surrounded by DOUBLE QUOTES (“ “).
Generally, HTML Tags come in pairs:
Multiple ATTRIBUTES can be divided by a Space.

<head> - Opening Tag


Example:
</head> - Closing Tag <veg color=”green” taste=”hot”>CHILLI</veg>
<mobile price=”90k”
These TWO Tags are used to Mark some Text in the Code. ram=”8gb”>iPhone</mobile>

Note: In rare cases, for a few Tags, there will be NO Closing HTML Paragraphs
Tag. Those are called Empty Tags. We should write an empty All the TEXT other than HEADINGS should be declared as
tag as <br /> <hr /> <img /> etc. PARAGRAPHS using <p> element.

HTML Elements Example:


Text that is surrounded by <openingtag> and <closingtag> is <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,
called an HTML Element. sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua.</p>
Ex:
<p>My name is Ram</p> Image Optimization for SEO
<p>My name is Ram. My wife is <strong>Sita</strong></p> <figure>
<img src="path" alt="Short Description">
We can place an element in another element, as in the above <figcaption>Long Description</figcaption>
example. </figure>

Note: All Empty Tags are HTML Elements themselves. META Information (In the HEAD Element)
Defining Character Set:
HTML Program Structure <meta charset="UTF-8">
<!DOCTYPE html>
<html> Defining Page Description:
<head> <meta name="description" content="DESCRIPTION HERE">
META INFORMATION
</head> Defining Page Keywords:
<meta name="keywords" content="kw1, kw2, kw3">
<body>
VISIBLE DATA ON THE PAGE Optimizing the Page for Multiple Devices:
</body>
<meta name="viewport" content="width=device-width,
</html>
initial-scale=1.0">

HTML <strong> Element


Page Title (In the HEAD Element)
All the keywords on the Webpage should be surrounded by
The <title> element defines the title of the webpage. It must
<strong> and </strong> tags. They will be shown in BOLD
be text-only and shown in the browser's title bar or in the
text.
page's tab.

You might also like