Scribd
Upload
29 views20 pages

HTML Tags

HTML is a markup language used to structure and present content on the world wide web. Tim Berners-Lee developed HTML in the 1980s. It is used by web designers to build web pages through the use of tags, which provide instructions for how the content should be displayed.

Uploaded by

api-264479275
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
29 views20 pages

HTML Tags

HTML is a markup language used to structure and present content on the world wide web. Tim Berners-Lee developed HTML in the 1980s. It is used by web designers to build web pages through the use of tags, which provide instructions for how the content should be displayed.

Uploaded by

api-264479275
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
You are on page 1/ 20

Bell Ringer

Conduct your own research &


answer the following questions (1
paragraph).

What is HTML?
Who developed HTML?

How is it used in web design?


HTML Tags

IDT 8: Create and Organize web pages through the use of a


variety of web programming design tools.
Flash drive
Navigate to your flash drive.
Create a folder called websites
Inside the websites folder Create
another folder called practice.
What is HTML?
Hypertext Mark Up Language coding
language used to create web pages.

HTML uses tags to code a web page.


HTML tags are keywords (tag names)
surrounded by angle brackets like <html>

HTML documents are also called web pages


Latest version is HTML 5
What software?
Use a text editor to create a web
page
Notepad
Notepad ++
Web page code outline
<!DOCTYPE html>
<html> (open tag)
<head> (open tag)
<title> (open tag)
</title> (closing tag)
</head> (closing tag)

<body> (open tag)


</body> (closing tag)
</html> (closing tag)
Simple page of Code
<!DOCTYPE html>
<html>
<head>
<title>First Page</title>
</head>
<body>Hello! This is my first page of code.
I can't believe I'm on my way to being a
webmaster. This is so great!!!
</body>
</html>
Saving an HTML
File Savedocument
As
Navigate to your websites folder
practice folder
In your practice folder save your page
as:
index.html

The homepage for a website is


always saved as index.html!
What does that look like?
Did you notice anything?
Regular text
No break when an ENTER was
keyed
Nothing exciting about page
No design elements used
Formatting is needed
Look at some additions
(changes in Red)
<html>
<head><title>First Page</title></head>
<body bgcolor="blue">
<hr>
Hello! This is my first page of code. I can't
believe I'm on my way to being a
webmaster.<p>
This is so great!!!
<hr>
</body>
</html>
Heres what those did
What changed?
Background color
Breaks in text
Horizontal rules
All with just a few keystrokes
Additional helpful tags
<p> paragraph break - similar to double
space in a word document.
<br> line break similar to single space in
a word document
<font color =red>Change text
color</font>
<h1> Heading tag creates large,
bolded text</h1>
Heading tags range from h1 (largest) to h6
(smallest)
Open a browser

Goto
www.w3schools
.com
What can you create?
Edit and add the following content to
your page:
Name
Grade

I like Introduction to Digital


Technology because I have learned
Clubs and activities you are involved in.
Open the notes you took over HTML.
Review the tags that you learned.
Go to w3schools.com. Click on the
HTML tutorials. Read through the
first 4 chaptersHTML Home
HMTL Basic.
* Three Page Website
About Me
*1st Page - index.html
2nd Page hobbies.html
3 page family.html
rd

and friends.html
Go to the Class website
Were moving on to web
design!
Go back to your normal
seats

You might also like