SlideShare a Scribd company logo
BASIC HTML 
Lesson 2
Create a New HTML 
Document 
 Open the 
document from 
lesson 1 and 
click save as. 
 Rename the 
document 
Lesson2.html
Open the New Doc in 
Browser 
 Open a browser 
 Click file open 
 Navigate to the Lesson2.html 
 Click to open
Retitle your webpage
Type in the Body Tags
Check out your changes 
 If you want to see your web page evolve 
 Make sure the document you are working on is saved 
<command> S is the shortcut 
 Click on your browser 
 Refresh the screen
Change Background Colors 
#ccffcc is the code for light green 
Check out this link for more colors 
http://www.htmliseasy.com/common/bgcolors1536.html
Set an image as the 
background 
 The image must be in the same folder as the html file 
 Save an image from your computer to your html file
Creating with tiled image 
 Notice the background image is tiled 
 You could create a neat effect by using a wide skinny 
image like this
Page Result using tiled image
Submission 
 Upload a screenshot of your HTML code to the 
submission for HTML Tutorial Lesson 2

More Related Content

PPTX
Sharing and Submitting an Assignment Using Google Drive
PPT
Dreamweaver template
PPTX
YL html
PPTX
Review of sky drive and blogger
PPT
Google Drive Integration in Odoo
PPTX
Google Drive: How to edit or view documents in offline mode
PDF
Simple todo app with meteor
PPTX
Creating your first java script
Sharing and Submitting an Assignment Using Google Drive
Dreamweaver template
YL html
Review of sky drive and blogger
Google Drive Integration in Odoo
Google Drive: How to edit or view documents in offline mode
Simple todo app with meteor
Creating your first java script

Viewers also liked (6)

DOC
Lesson plan 3
DOCX
Lesson plan: HTML Formatting Texts and Paragraphs
PDF
Lesson 1: Introduction to HTML
PDF
Final Demo Semi Detailed Lesson Plan in TLE 2 (LAN Cabling)
DOCX
Semi Detailed Lesson Plan in T.L.E, Cookery
DOCX
Sample of Semi Detailed Lesson Plan
Lesson plan 3
Lesson plan: HTML Formatting Texts and Paragraphs
Lesson 1: Introduction to HTML
Final Demo Semi Detailed Lesson Plan in TLE 2 (LAN Cabling)
Semi Detailed Lesson Plan in T.L.E, Cookery
Sample of Semi Detailed Lesson Plan
Ad

Similar to Html tutorial.lesson2 (20)

PPT
Unit 2.2 Part 1
PDF
Basic html tutoirialp2
PPT
M02 un12 p01
PPTX
Html tutorial.lesson1
DOCX
HTML Lab ProjectTo create a simple web page you will need .docx
PDF
Itc lab 03
PPT
Dreamweaver
PPT
Unit 1.3 Introduction to Programming (Part 1)
PDF
Proven ways to place a website under construction in cPanel.pdf
PPT
BP304 - Blog It Up, Baby! Extending the new IBM Lotus Domino Blog Template
PPT
Basics tags for HTML
PPTX
Getting started with Website Project and Sublime Text 2
PDF
It 237 it237
PPT
03 How To Create a Document - DocPublisher
PDF
Intro to htm lv3
PPT
M02 un06 p02
PPT
Nvu tutorial1 1
PPT
902350 html jar
PPT
Open save file vb6 program
Unit 2.2 Part 1
Basic html tutoirialp2
M02 un12 p01
Html tutorial.lesson1
HTML Lab ProjectTo create a simple web page you will need .docx
Itc lab 03
Dreamweaver
Unit 1.3 Introduction to Programming (Part 1)
Proven ways to place a website under construction in cPanel.pdf
BP304 - Blog It Up, Baby! Extending the new IBM Lotus Domino Blog Template
Basics tags for HTML
Getting started with Website Project and Sublime Text 2
It 237 it237
03 How To Create a Document - DocPublisher
Intro to htm lv3
M02 un06 p02
Nvu tutorial1 1
902350 html jar
Open save file vb6 program
Ad

More from grassos (12)

PPTX
Html tutorial.lesson14
PPTX
Html tutorial.lesson13
PPTX
Html tutorial.lesson12
PPTX
Html tutorial.lesson11
PPTX
Html tutorial.lesson10
PPTX
Html tutorial.lesson9
PPTX
Html tutorial.lesson8
PPTX
Html tutorial.lesson7
PPTX
Html tutorial.lesson6
PPTX
Html tutorial.lesson5
PPTX
Advisory sr checklist
PPTX
Html tutorial Lesson3 and 4
Html tutorial.lesson14
Html tutorial.lesson13
Html tutorial.lesson12
Html tutorial.lesson11
Html tutorial.lesson10
Html tutorial.lesson9
Html tutorial.lesson8
Html tutorial.lesson7
Html tutorial.lesson6
Html tutorial.lesson5
Advisory sr checklist
Html tutorial Lesson3 and 4

Recently uploaded (20)

PDF
01-Introduction-to-Information-Management.pdf
PPTX
Pharma ospi slides which help in ospi learning
PDF
O5-L3 Freight Transport Ops (International) V1.pdf
PDF
Microbial disease of the cardiovascular and lymphatic systems
PPTX
school management -TNTEU- B.Ed., Semester II Unit 1.pptx
PDF
STATICS OF THE RIGID BODIES Hibbelers.pdf
PDF
O7-L3 Supply Chain Operations - ICLT Program
PPTX
Introduction-to-Literarature-and-Literary-Studies-week-Prelim-coverage.pptx
PPTX
Cell Structure & Organelles in detailed.
PDF
Computing-Curriculum for Schools in Ghana
PDF
Supply Chain Operations Speaking Notes -ICLT Program
PDF
2.FourierTransform-ShortQuestionswithAnswers.pdf
PDF
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
PDF
102 student loan defaulters named and shamed – Is someone you know on the list?
PPTX
Final Presentation General Medicine 03-08-2024.pptx
PPTX
GDM (1) (1).pptx small presentation for students
PDF
Abdominal Access Techniques with Prof. Dr. R K Mishra
PDF
FourierSeries-QuestionsWithAnswers(Part-A).pdf
PPTX
master seminar digital applications in india
PPTX
Lesson notes of climatology university.
01-Introduction-to-Information-Management.pdf
Pharma ospi slides which help in ospi learning
O5-L3 Freight Transport Ops (International) V1.pdf
Microbial disease of the cardiovascular and lymphatic systems
school management -TNTEU- B.Ed., Semester II Unit 1.pptx
STATICS OF THE RIGID BODIES Hibbelers.pdf
O7-L3 Supply Chain Operations - ICLT Program
Introduction-to-Literarature-and-Literary-Studies-week-Prelim-coverage.pptx
Cell Structure & Organelles in detailed.
Computing-Curriculum for Schools in Ghana
Supply Chain Operations Speaking Notes -ICLT Program
2.FourierTransform-ShortQuestionswithAnswers.pdf
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
102 student loan defaulters named and shamed – Is someone you know on the list?
Final Presentation General Medicine 03-08-2024.pptx
GDM (1) (1).pptx small presentation for students
Abdominal Access Techniques with Prof. Dr. R K Mishra
FourierSeries-QuestionsWithAnswers(Part-A).pdf
master seminar digital applications in india
Lesson notes of climatology university.

Html tutorial.lesson2

  • 2. Create a New HTML Document  Open the document from lesson 1 and click save as.  Rename the document Lesson2.html
  • 3. Open the New Doc in Browser  Open a browser  Click file open  Navigate to the Lesson2.html  Click to open
  • 5. Type in the Body Tags
  • 6. Check out your changes  If you want to see your web page evolve  Make sure the document you are working on is saved <command> S is the shortcut  Click on your browser  Refresh the screen
  • 7. Change Background Colors #ccffcc is the code for light green Check out this link for more colors http://www.htmliseasy.com/common/bgcolors1536.html
  • 8. Set an image as the background  The image must be in the same folder as the html file  Save an image from your computer to your html file
  • 9. Creating with tiled image  Notice the background image is tiled  You could create a neat effect by using a wide skinny image like this
  • 10. Page Result using tiled image
  • 11. Submission  Upload a screenshot of your HTML code to the submission for HTML Tutorial Lesson 2