html body { margin-top: 50px !important; } #top_form { position: fixed; top:0; left:0; width: 100%; margin:0; z-index: 2100000000; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; border-bottom:1px solid #151515; background:#FFC8C8; height:45px; line-height:45px; } #top_form input[name=url] { width: 550px; height: 20px; padding: 5px; font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif; border: 0px none; background: none repeat scroll 0% 0% #FFF; }
for visible content.">
Scribd
Upload
84 views25 pages

Creating A Personal Web Page Using HTML

HTML is a markup language used to create web pages. It uses tags to identify elements like headings, paragraphs, and images. Creating an HTML file is simple - you just need a basic text editor like Notepad. You write HTML tags and content, save the file with a .html extension, then open it in a web browser to view the formatted page. The basic structure of an HTML document includes tags like <html> to identify it as HTML, <head> for metadata, <title> for the page title, and <body> for visible content.

Uploaded by

Kim Howard Lalap
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
84 views25 pages

Creating A Personal Web Page Using HTML

HTML is a markup language used to create web pages. It uses tags to identify elements like headings, paragraphs, and images. Creating an HTML file is simple - you just need a basic text editor like Notepad. You write HTML tags and content, save the file with a .html extension, then open it in a web browser to view the formatted page. The basic structure of an HTML document includes tags like <html> to identify it as HTML, <head> for metadata, <title> for the page title, and <body> for visible content.

Uploaded by

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

Understanding HTML

Creating a Personal Web Page Using


HTML
One of the best ways to create a
web page is by using HTML.
HTML is a language used to
create web pages. It is very easy
to learn and explore for it does not
require advanced skills.
HTML
It is called a mark-up language
since it uses a set of markups or tags
to show HTML content for display
on a web page. The newest version
of HTML was released last 2014
and it is called HTML version 5.
Hyper
I simple terms, it means
“active,” something that can be all
over the place.
Text
This means that you can create
a web page in a simple “text” file
format.
Markup
In order to create web pages,
you type in text which is then
“marked-up” or identified for
proper rendering by your web
browser.
Language
This means that you are using a
language with all its syntax.
Syntax is a set of grammatical
rules and structural patterns.
HTML Works
HTML consists of a series of codes
which are called tags typed into a text
file. The text is saved as an HTML file
and can be viewed using a browser.
The browser reads and interprets the
file, composes text, images, and other
materials into web pages.
Activity:
History search of HTML

It is time for you to complete the history of HTML. Like any other software HTML has had
a continuous development. Using the internet, search for important information related to
specific version of HTML information regarding the release date, new features, reason for
the update, and people behind the changes. Use the boxes below to put the information
you discover.

 
Version 1 Version 2 Version 3 Version 4 Version 5

         
Getting Started with the HTML
File
As mentioned earlier, HTML is
very easy to use. HTML does not
require any special program or
tool. All you need to use is a text
editor like Notepad.
Notepad
Is one of the simplest text editors
available in the computer. You can
also try other text editors on the
internet.
Creating an HTML Page in a
Notepad
• Using Windows 7
• Using Windows 8
• Using Windows
ALL
10
START ACCESSORIES NOTEPAD
PROGRAMS
Creating an HTML Page in a
Notepad
• Using Windows 7
• Using Windows 8
• Using Windows 10
START WINDOWS
MENU APPLICATIONS NOTEPAD
ACCESSORIES
Creating an HTML Page in a
Notepad
• Using Windows 7
• Using Windows 8
• Using Windows 10
WINDOWS SEARCH PRESS ENTER
LOGO BOX
Writing an HTML File in a
Notepad
Start creating your HTML file
using a simple text editor like a
Notepad. Simply write or copy
text into the Notepad.
Saving an HTML File in a Notepad
1. Select File in the menu bar.
2. Click Save As under the File
menu.
3. Name the file and put “.html” at
the end of the file name.
Example: HOME.html
Saving an HTML File in a
Notepad
4. Under Save As, type select All
Files.
5. In the encoding section, choose
UTF-8.
6. Click the Save button.
Opening an HTML File in the
Browser
1. Double click on the .HTML
file; or
2. Right-click and choose Open
with and choose your preferred
web page.
Basic HTML Structure
HTML is composed of tags. A
tag is a keyword enclosed by
angled brackets.
A. <!DOCTYPE>
This tag only appears once at the
top of all HTML documents. A <!
DOCTYPE> declaration represents the
document type and will help the
browser display a web page correctly.
B. <HTML>
This tag identifies the page as an
HTML document. The <html> tag
will include all the syntax in the
page other than the <!DOCTYPE>
declaration at the top.
C. <HEAD>
This tag contains general
information about the web such as
title of the document, style, scripts,
and keywords to help search engines
find the page. The <head> element is
placed between the <html> tag and the
<body> tag.
D. <TITLE>
This tag displays the title of the
web page, which appears at the
top of the web browser.
E. <BODY>
This tag is responsible for the
content such as text, hyperlink,
images, tables, lists, etc. that are
visible on the web page when
viewed in a web browser.

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy