Web Page Intro

6
Introduction to HTML

Transcript of Web Page Intro

Page 1: Web Page Intro

Introduction to HTML

Page 2: Web Page Intro

Terminology HTML◦ Hyper Text Markup Language

Tags◦ Keywords that are surrounded by angled brackets,

typically in pairs.

Opening Tag◦ This tag opens the pair of takes <html>

Closing Tag◦ This tag closes the pair and contains a slash

</html>

Attributes◦ Additional information placed with the opening tag

that modifies the tag

Page 3: Web Page Intro

Tag ExamplesOpening Tag Closing

Tag

<html> </html>

<body> </body>

<p> </p>

<a href=“link”> </a>

Page 4: Web Page Intro

HTML Basics Heading Tags◦ Defined with <h1> tag as the largest heading and

<h6> tag as the smallest

Paragraphs◦ Written paragraphs are placed between the <p>

tag

Links◦ The <a> tag is used to open links but will require

the use of attributes

Images◦ The <img> tag creates images and will also

require the use of attributes

Page 5: Web Page Intro

HTML Attributes

Attributes provide additional

information to tags

Always placed in opening tags

Example

◦ <a href=“www.google.com”> Google </a>

<a> is the tag

href= is the attribute

Page 6: Web Page Intro

HTML Attributes cont…

Always quote attributes

◦ Attribute=“….”

Always uses lower case

◦ Some browsers are case sensitive, its

best to use lowercase for all tags and

attributes

Don’t forget the end tag!

◦ You need to close out your tags </html>