Lesson 1: Introduction to HTML

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

<

<

http://www.oliviamoran.me/

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

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

Hyper Text Markup Language

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

<html>

<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

<p>My second paragraph.</p>

</body>

</html>

Body, Heading, Paragraph Tags

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 Tag

<html>

<head>

<title>Title of the document</title>

</head>

<body>

The content of the document......

</body>

</html>

Title Tags

Lesson 1: Introduction to HTML

Education

Transcript of Lesson 1: Introduction to HTML