In this presentation, you will learn about few things:
1)What is HTML?
2)Elements
3)Tags
4)Attributes
5)Headings
6)Paragraphs
and in the end there is small example of HTML page. In the next presentation you will get to know about styling the HTML page and more.
3. HTML stands for Hyper Text Markup Language.
HTML is a markup language.
HTML is the language in which most websites are written.
HTML describes the structure of a web page semantically and
originally included cues for the appearance of the document.
4. In order to work with HTML, we must know about:
Elements
Tags
Attributes
Headings
Paragraphs
And in the end you will get a simple structure of HTML page
which will sum up every thing.
5. Elements
for example:
<tag>
Content.......
</tag>
•An HTML element is defined by a start tag, some content, and an end tag.
•The <html> element defines the whole document.
•It has a start tag <html> and an end tag </html>.
•Inside the <html> element is the <body> element.
6. Attributes For Example:
1. HTML links are defined with the <a>
tag. The link address is specified in
the href attribute.
2. HTML images are defined with the
<img> tag. The filename of the
image source is specified in the src
attribute.
3. HTML images also have width and
height attributes, which specifies the
width and height of the image
•All HTML elements can have attributes
•Attributes provide additional information
about an element
•Attributes are always specified in the
start tag
•Attributes usually come in name/value
pairs like: name="value"
7. These are the tags which are used in the HTML. There are also more tags but
these are most commonly used.
8. Headings
•HTML headings are titles or
subtitles that you want to
display on a webpage.
HTML headings are defined
with the <h1> to <h6> tags.
<h1> defines the most
important heading. <h6>
defines the least important
heading
9. Paragraphs
For example:
<body>
<p>Hello!!!</p>
<p>I am telling you about
paragraph tags.</p>
</body>
•A paragraph always starts on
a new line, and is usually a
block of text.
•A paragraph always starts on
a new line, and browsers
automatically add some white
space (a margin) before and
after a paragraph.
10. Line break For Example:
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<p>Hello!!! <br> How are you? </p>
</body>
</html>
•The HTML <br> element defines a line
break.
•Use <br> if you want a line break (a
new line) without starting a new
paragraph:
11. Preformatted
Text For Example:
<pre>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.
</pre>
•The HTML <pre> element
defines preformatted text.
•The text inside a <pre>
element is displayed in a fixed-
width font (usually Courier),
and it preserves both spaces
and line breaks: