KEMBAR78
Lesson 1: Introduction to HTML | PDF
< HTML
                                          <
        Lesson 1: Introduction To HTML

By Olivia Moran




[Codo Dojo – HTML Group Sligo, Ireland]
liviamoran.me
www.oliviamoran.me
http://www.slideshare.net/oliviamoran
You don’t have to
 be a Web ninja
to understand the
  basics of HTML
Web pages can be created
   using HTML code
What Does
HTML stand for?
Hyper Text
Markup Language
What is HTML?
Web authoring language
Specifically created to make
  World Wide Web pages
Tim Berners-Lee
Hyper Text Markup Language

                       What?

•   Language for describing web pages
•   It enables you to format text, sounds, graphics etc
•   Can be read and understood by all computers
•   Is it a set of markup tags
•   These tags are used to describe web pages
First Web Page
Navigation/ Menus:   Images:




Icons:               Text:
How do you view
 Web pages?
First Web Browser
How do I find
Web pages?
First Search
   Engine
Did you know that you can
 view the HTML code of
  any page on the web?
When I see a web page on
 the Web. Where is the
      page stored?
HTML Document




   It might feel chaotic and unstructured …
   But the entire content of the page exists here
How Do I create
 HTML pages?
Open a text editor:
Any Text Editor Will Do … Notepad is Perfect!


     Save your document as index.html
Don’t forget to select All files or else your PC
          will save it as a text file
Body, Heading, Paragraph Tags
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
<p>My second paragraph.</p>
</body>
</html>
Title Tag

                    What is it?

• Defines a title in the browser toolbar
• Provides a title for the page when it is added to
  favorites
• Displays a title for the page in search-engine
  results
Title Tags
<html>
<head>
<title>Title of the document</title>
</head>


<body>
The content of the document......
</body>
</html>

Lesson 1: Introduction to HTML