Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

The Basics of HTML

No description
by

Allison Longcrier

on 13 October 2014

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of The Basics of HTML

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

<h2>My Second Heading</h2>
<p>Another paragraph.</p>

<a href="http://www.msn.com">This is a link</a><br>
<img src="msnlogo.jpg" alt="MSN Logo" width="300" height="119">

</body>
</html>
The Basics of HTML
HTML
is a markup language for describing web pages.

HTML stands for
H
yper
T
ext
M
arkup
L
anguage
A
markup language
is a set of tags
HTML documents are described by HTML tags
Each
HTML tag
describes different document content on the webpage.
HTML Defined
<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>
The Most Basic HTML
The DOCTYPE declaration defines the document type
(helps browser to display correctly.)
The text between <html> and </html> describes the web document
The text between <body> and </body> describes the visible page content
The text between <h1> and </h1> describes a heading
The text between <p> and </p> describes paragraph
HTML tags normally come in pairs like <p> and </p>
The
first tag
in a pair is the start tag, the second tag is the end tag
The
end tag
is written like the start tag, but with a
slash
before the tag name
Note:
The start tag is often called the
opening tag
. The end tag is often called the
closing tag
.
HTML Tags
HTML tags are keywords (tag names)
surrounded by angle brackets:
< >

<tagname>
content
</tagname>
The Most Common HTML Tags
HTML Headings
HTML headings are defined with the
<h1>
to
<h6>
tags:

Example:

<h1>Heading 1 Text Here</h1>
<h2>Heading 2 Text Here</h2>
<h3>Heading 3 Text Here</h3>
<h4>Heading 4 Text Here</h4>
<h5>Heading 5 Text Here</h5>
<h6>Heading 6 Text Here</h6>
HTML Paragraphs
HTML paragraphs are defined with the
<p>
tag.

Example:

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
HTML Links
HTML links are defined with the
<a>
tag:

Example:
<a href="http://www.msn.com">This is the link text</a>
The
link address
is specified in the
href
attribute.

Attributes
are used to provide additional information about HTML elements.
HTML images are defined with the
<img>
tag.

Example:
HTML Images
<img src="msn.jpg" alt="MSN Logo" width="300" height="119">
The
source file
(src),
alternative text
(alt), and
size
(width and height) are provided as attributes.
HTML elements with no content are called empty elements.





HTML5 does not require empty elements to be closed. But if you need stricter validation, and make your document readable by XML parsers, please close all HTML elements.
Empty HTML Elements
<br>
is an
empty
element without a closing tag
<br>
tag defines a
line break
HTML Basics Summary
You are NOW ready to build your
first web page!
<!DOCTYPE html>
(Defines Document)
<html>
(Opening HTML Tag - Describes the Web Document)
<body>
(Opening Body Tag - Describes the Visible Page Content)

<h1>My First Heading</h1>
(Describes a Heading)
<p>My first paragraph.</p>
(Describes Paragraph)

<a href="http://www.msn.com">This is a link</a>
(Describes a Link)
<br>
(Describes a Line Break)
<img src="msnlogo.jpg" alt="MSN Logo" width="300" height="119">
(Describes an Image)

</body>
(Closing Body Tag)
</html>
(Closing HTML Tag)
Full transcript