[go: up one dir, main page]
Scribd
Upload
6 views4 pages

HTML

This document provides a basic overview of HTML, including how to create and edit an HTML file using Notepad. It includes a sample HTML code for a simple web page with elements like titles, tables, hyperlinks, and images. The document emphasizes saving the file with a .html extension and offers a note to save the sample as 'index.html'.

Uploaded by

KaiPlayz 724
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
6 views4 pages

HTML

This document provides a basic overview of HTML, including how to create and edit an HTML file using Notepad. It includes a sample HTML code for a simple web page with elements like titles, tables, hyperlinks, and images. The document emphasizes saving the file with a .html extension and offers a note to save the sample as 'index.html'.

Uploaded by

KaiPlayz 724
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