Lesson 12 html formatttttttttttttttttttt

Html

1. HOW TO FORMAT
HTML FILES

2. OBJECTIVES:

3. describe the HTML
file structure;
1.
OBJECTIVES:

4. 2. save HTML
document using
HTML file extension;
OBJECTIVES:

5. 3. understand the
importance of using
appropriate file
extension in saving
HTML document.
OBJECTIVES:

6. HTML FILE

7. HTML FILE
is a text document containing
code written in HTML (Hypertext
Markup Language). It serves as the
foundation for creating web pages
and dictates the structure,
content, and layout of a web page.

8. HTML
STRUCTURE

9. HTML STRUCTURE

10. HTML FILE
EXTENSION

11. HTML FILE EXTENSION
The “.html” file extension indicates
that the file is an HTML document,
containing code written in HTML
(Hypertext Markup Language) for
creating web pages.

12. STEPS ON HOW TO
SAVE HTML FILE
USING .HTML FILE
EXTENSION

13. OPEN YOUR NOTEPAD IN YOUR
COMPUTER OR PC
1.

15. Write your HTML code,
following the HTML
structure.
2.

17. After finishing your HTML
document, click on
“File” in the top menu.
3.

19. Choose “Save As” from
the options displayed in
the File menu.
4.

21. A new window will pop
up, allowing you to
select where to save
your HTML document.
5.

23. Enter the desired name
for your file, such as
“MY WEB PAGE”.
6.

24. 7.
Remember to add the
“.html” extension to
the file name, like this:
“MY WEB PAGE.html”.

26. 8.
Change the “save as
type” to “All Files”.

28. 9.
Finally, click the
“Save” button to save
your HTML document.

29. HOW TO OPEN YOUR
HTML DOCUMENT IN
BROWSER

30. 1. Open the file and find
where you saved the
HTML document.

32. 2. Right-click the HTML document
and select “Open with”. This will
display various options for
browsers to choose from for
opening your HTML document.

33. YOUR HTML DOCUMENT WHEN YOU OPEN IT
IN GOOGLE CHROME

34. YOUR HTML DOCUMENT WHEN YOU OPEN IT IN
MICROSOFT EDGE

35. SAVE THE
DOC!!
Fauget High School

36. CREATE YOUR OWN HTML ABOUT
YOURSELF.
PUT A TITLE OF YOUR OWN CHOICE.
PUT A HEADING IN THE BODY TAG.
PUT A PARAGRAPH ABOUT
YOURSELF IN THE BODY TAG.

37. IN THE <P> TAG, PUT YOUR FULL NAME,
AGE, GRADE AND SECTION, ADDRESS AND
YOUR DREAM SOMEDAY.
*every details should be put in one
<p> tag. Do not put all your details in
just one <p>