0% found this document useful (0 votes)
41 views

Getting Started..: - Creating HTML Document

The document discusses the basics of creating an HTML document, including elements like tags and document content. It explains the software required like a text editor and web browser. It provides examples of HTML skeleton code and tags for headings, paragraphs, lists, and modifying text formats. The document also includes examples of homestay websites.

Uploaded by

Aisyah Miesya
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
0% found this document useful (0 votes)
41 views

Getting Started..: - Creating HTML Document

The document discusses the basics of creating an HTML document, including elements like tags and document content. It explains the software required like a text editor and web browser. It provides examples of HTML skeleton code and tags for headings, paragraphs, lists, and modifying text formats. The document also includes examples of homestay websites.

Uploaded by

Aisyah Miesya
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/ 6

Getting started..

• Creating HTML document:


Element in hypertext document:
– 1) Document Content: information to display on the web
site
– 2) Tag: code to determine how the information will be
displayed
• Software Required:
– 1) Text Editor: Notepad / Wordpad – To create the HTML file
– 2) Web Browser: Chrome / IE – To view the file created.
• How to start:
 Open any text editor NotePad
 type the HTML code
 save the file as *.htm / html
 open it in web browser
HTML Skeleton.. <HTML>
<HEAD>
<TITLE> title </TITLE>
• Basic tag for every HTML document: </HEAD>
<BODY>

</BODY>
</HTML>

• Tag must be placed in brackets < >


• All document content must be in
between two tags <opening> and
</closing>

Let’s try
1.3 Heading & Paragraphs
• Heading
– Text with bigger fonts
– Six stage: <H1>  <H6>

• Alignment
– How contents to be displayed on the screen.
– <H1 ALIGN= “Center”> Curriculum Vitae </H1>

• Paragraphs
– <P> To start with new paragraph
– <BR> To create an empty line
Generate list
TWO types of tags that you can use to generate lists:
• Ordered list; and
• Unordered list.
<LI> To create a list
•Ordered list <OL>
•Unordered list <UL>
Modifying Text
• Each font in a text can be modified to
a particular format according to your
needs.

<B> Text to be in Bold </B>


<Tag> Text that can be modified </Tag>
<I> Text to be Italicised </I>
Example of Website
• http://www.amvillahomestay.com/
• https://www.nickshomestayubud.com/
• http://www.farmvillehomestay.com.my/home/
• https://www.kembaramurni.com/
• https://www.kembarasalam.com/
• https://www.mutiaratamannegara.com/

You might also like