12
HTML Tutorials Hughes STEM Web Design

Html tutorial.lesson1

  • Upload
    grassos

  • View
    423

  • Download
    0

Embed Size (px)

DESCRIPTION

This is part one of a series of short presentations to learn HTML

Citation preview

Page 1: Html tutorial.lesson1

HTML TutorialsHughes STEM Web Design

Page 2: Html tutorial.lesson1

Lesson 1:Step 1Open your Text Wrangler App and create a new

document

Page 3: Html tutorial.lesson1

STEP 2: Setting up your document withHTML Tags

Type in the opening tag <html> and the closing tag </html>

Tags enclose a bit of text for the browser to interpret. Different tags are interpreted in different ways by the browser.

Page 4: Html tutorial.lesson1

Insert Head Tags

Page 5: Html tutorial.lesson1

Add Title Tags

Page 6: Html tutorial.lesson1

Insert the Body Tags

Page 7: Html tutorial.lesson1

Add a title

Page 8: Html tutorial.lesson1

Add a bit of text in the body

Page 9: Html tutorial.lesson1

SAVE Your DocumentCreate a new

folder named HTML Tutorial in your documents folder

Name your document BasicHTML.html

Click Save

Page 10: Html tutorial.lesson1

CongratulationsYou just made a

skeleton HTML file

All html files need those basic tags

Click on a web browser then file/open file

Search for your file and open it

Page 11: Html tutorial.lesson1

Do you see this?

Page 12: Html tutorial.lesson1

SubmissionUpload a screenshot of your code to the

sbmission for Lesson 1 in Blackboard


<!doctype html><html><head><script type=