Scribd
Upload
18 views

HTML 1

This document provides instructions for creating basic HTML files and editing HTML source code. It explains that HTML files use tags like <html> to delineate elements and should be saved with a .html or .htm file extension. It demonstrates how to open an HTML file in Notepad to edit the source code. The document includes a sample HTML code for a basic web page with text formatting, links, images, and a table.

Uploaded by

Job Taccad
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
18 views

HTML 1

This document provides instructions for creating basic HTML files and editing HTML source code. It explains that HTML files use tags like <html> to delineate elements and should be saved with a .html or .htm file extension. It demonstrates how to open an HTML file in Notepad to edit the source code. The document includes a sample HTML code for a basic web page with text formatting, links, images, and a table.

Uploaded by

Job Taccad
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/ 4

HTML: THE BASICS

Example: <html> = Start/Opening Tag


</html> = End/Closing Tag
CREATING AN HTML FILE USING NOTEPAD
• Open the Notepad from the start menu of the computer.
• Write an HTML code in the notepad.
• Save the file with .html or .htm file extension.
• View the file using any web browser.
EDITING THE SOURCE CODE OF AN HTML FILE
• Right click the HMTL file then click “Open with” then select “Notepad” from the sub-menu.
• Open Notepad then click, drag and drop the HMTL file into the Notepad.

SAMPLE:

<html>
<title>MY WEB PAGE</title>
<background src=”picture.jpeg”>
<body>
<center><font size=36 color=blue face=broadway>THIS IS MY FIRST WEB PAGE</font></center>
<br><br>
<center>
<table border=5 cellpadding=50>
<tr>
<td><center><a href=”home.html”>HOME</a></td>
<td><center><a href=”gallery.html”>GALLERY</a></td>
<td><center><a href=”about.html”>ABOUT</a></td>
<td><center><a href=”contact.html”>CONTACT</a></td>
</tr>
</table>
</center><br><br>
<hr>
<br><br>
<center>
<font color=red><h1>SAMPLE WEB PAGE USING TABLE AND HYPERLINK</h1></font><br>
<p>CAGAYAN NATIONAL HIGHS CHOOL</p><br><br>
<img src=”profilePic.jpeg” width=50></img><br>
<marquee><h3>IXIA-AYNE TESANI LUYUN</h3></marquee>
</center>
</body>
</html>
________________________________________________________

NOTE: save this as “index.html”


SOURCE: w3schools.com

You might also like