Scribd
Upload
9 views

Group 3 HTML

Uploaded by

Mariene Sabordo
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
9 views

Group 3 HTML

Uploaded by

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

Creating a HTML Document

Reporters: John kenneth sias


Jamiah Apas
CJ Cabahug
Steps on creating a HTML Document
1. Click the Start button and click All Programs.
2. Click Accessories and click Notepad.
3. On the Notepad window, type the text in the
sample below.
Saving an HTML Document
After creating your codes, you can save your HTML
document so that you can view or work on it later.
1. the Menu Bar, click File and click Save or Save
As.
2. On the Save As dialog box, type your file name in
the File name box.
3. When saving, always change the file type to All
Files and use .html or .htm file extension.
4. Click Save.
Viewing an HTML Page
You can now view your HTML document on your Web Browser.
1. Launch any Web browser.
2. On the Menu Bar, click File and click.
3. On the Open dialog box, click Browse
4. Look for the folder or drive where your HTML file was saved
and click the file.
5. Click Open and click OK on the Open dialog box.
Using Header
The header element can contain a group of introductory or navigational
content of your document. The header can include one’s logo, main
navigation, links or search box. Use the tags <header></header>.
Using Navigation
Navigation allows you to link important groups.
Links in a <nav> element may point to contents
within the page, to other pages
Creating an Article
-An article element represents a
self-contained composition in a
document and is independently
distributable or reusable. An
article can be a newspaper or
magazine article, forum post,
blog entry, book review, product
description and more.
Creating a section
The section element represents a
generic section of a document,
usually with a heading. The
<section> tag may be used to
have a more meaningful markup
Each sectioning element has its
own h1-h6 hierarchy.
Using footer
element may represent a
footer for the body,
article, section or aside.
A footer can be a
copyright, appendix,
index or license
agreement, depending
on its content
Creating a Generic Container
You can use the <div> element to wrap a container around
a content in order for you to apply styling with CSS or
effect with on the entire page, but on a particular portion
or division only. Segment JavaScript,

You can name div element with id or class. For example,


id=“creative”>. The unique id attribute that you created
will be used identify the segment for styling and
formatting.
Printing a Web Page and HTML File
After you have created your HTML file, you can print a copy of the HTML C and
the resulting web page. To print the Web page:
1. View your Web page.
2. On the Menu Bar, click File and click Print.
To print the HTML code:
1. Open the Notepad.
2. On the Menu Bar, click File and click Print.

Exiting the Web Page and HTML File


Before exiting, make sure that you have saved your file first.
1. Click the Close button on the Notepad Title Bar or on the Menu Bar click File
and click Exit
2. Click the Close button on the Web page or on the Menu Bar, click Fil and click
Exit.

You might also like