Basic HTML PowerPoint

advertisement
<html>
<head>
<title>
Basic HTML PowerPoint
</title>
</head>
<body>
How Hyper Text Markup
Language Works
</body>
</html>
Basics of HTML
• 2 ways to view a webpage
– Web view is how the browser interrupts your code (how
you normally view web pages). The purpose of a web
browser (like Internet Explorer, Firefox, Chrome, etc) is to
read HTML documents and display them as web pages.
– Source code view is the written text that is created by
the web designer. The source code for any webpage can be
viewed .
• HTML tags are written between angle
brackets (< >) and most tags will usually come
in pairs like <i> and </i>
Basics of HTML cont.
• The first tag in a pair is called the opening tag
(<i> ) and the second is called the closing tag
(</i> **note the “/”)
• The browser does not display the HTML tags,
but uses the tags to interpret the content of the
page.
• Tags order matters! If you open the tags one way
then it must reverse when closed.
• Example: <b><i>Hello World</i></b>
• Tags are not case sensitive
Basics of HTML cont.
• All HTML documents start with <HTML> and
end with </HTML>
• Every HTML webpage has 2 sections which are
denoted by HTML tags
– <Head>
– <Body>
• The Head section will always open & close
before the Body section opens
Basics of HTML – Head
Section
• Head section
– This section always begins with <head> and ends
with </head>
– This section will not be visible in the body of the
web browser
– The name of the webpage that appears in the title
bar is placed in this section
• Example: <title>My First Page</title>
• Others elements can be placed in this section but we
will go over those in a later lesson
Basics of HTML – Body
Section
• Body Section
– Information displayed in this section will be
displayed in the body of the web browser
– The closing body tag will always proceed the
closing HTML tag.
Basics of HTML – Saving
• How to save as HTML
– File -> Save As -> (the name you want the file to
be).html
– When you save as .html this tells the computer
that this file should be opened by a browser
– If using a simple text editor, typing .html manually
is required
– Example:
- Will open as a webpage
MyFirstPage.html
MyFirstPage.doc
- Will not open as a webpage
Basics of HTML –
REVIEW
<html>
<head>
<title>
Webpage title
</title>
</head>
<body>
My first webpage
</body>
</html>
Starts every HTML page
Info in this section
will not appear in the
body of the web
browser
Info in this section will
appear in the body of
the web browser
Ends every HTML page
Download