THE HT M L

E X T M A R KU P LA NG UAG E
HYP E R T
• Si Baby HyperText Markup Language na may palayaw na
HTML ang newest addition sa pamilya Pascual matapos
itong ipanganak nitong Huwebes, June 10, 2021.
• HTML stands for Hyper Text Markup Language
• HTML is the standard markup language for creating
Web pages
• HTML describes the structure of a Web page
• HTML consists of a series of elements
• HTML elements tell the browser how to display the
content
• HTML elements label pieces of content such as "this
is a heading", "this is a paragraph", "this is a link",
etc.
HISTORY
• HTML has been around for a long time. Its roots go back to at least
1980, with Tim Berners-Lee‘s project ENQUIRE. And actually, the
concept of hypertext goes back even further than that. The concept
first appeared in the early 1940s, and was named and demonstrated
in the 1960s.
• A Markup Language is a way that computers speak
to each other to control how text is processed and
presented. To do this HTML uses two things: tags
and attributes
• Tags and attributes are the basis of HTML.
• They work together but perform different functions –
it is worth investing 2 minutes in differentiating the
two.
HTML TAGS

• Tags are used to mark up the start of an HTML element and they are usually enclosed in angle brackets. An
example of a tag is: <h1>.

• Most tags must be opened <h1> and closed </h1> in order to function
HTML ATTRIBUTES

• Attributes contain additional pieces of information. Attributes take

the form of an opening tag and additional info is placed inside.
• An example of an attribute is:
• <img src="mydog.jpg" alt="A photo of my dog.">
• In this instance, the image source (src) and the alt text (alt) are
attributes of the <img> tag
GOLDEN RULES TO REMEMBER

• The vast majority of tags must be opened (<tag>) and closed (</tag>) with the element information such as
a title or text resting between the tags.
• When using multiple tags, the tags must be closed in the order in which they were opened. For example:
<strong><em>This is really important!</em></strong>
HTML EDITOR
• Now that we’ve gotten the basic theory out of the way. It’s time
to learn how to build our first website.
• First off, we must ensure that we have the right tools. Most
important, we need an HTML editor.
• There are many choices on the market. Here are a handful of the
most popular:
SUBLIME TEXT 3
• Pros
• Easily customizable
• Beginner-friendly
• Pleasant color schemes to choose from.
• Cons
• Can’t print documents or code
• No toolbar or dashboard available
NOTEPAD ++.

• Another common choice for HTML and other language coders is

Notepad ++. It is a tiny program to download and perform the
functions you need for writing clean code.
• Pros
• Distraction-free interface
• Auto-completion feature
• Plugin options for extended functionalities.
• Cons
• Can be difficult to get used to for beginners
• No support for Mac.
PREMIUM EDITOR

• DREAMWEAVER CC
• FROALA
• COFFECUP
• Learn HTML Using Notepad or TextEdit
• Web pages can be created and modified by using professional HTML
editors.
• However, for learning HTML we recommend a simple text editor like
Notepad (PC) or TextEdit (Mac).
• We believe that using a simple text editor is a good way to learn
HTML.
• Follow the steps below to create your first web page with Notepad
or TextEdit.
• Step 1: Open Notepad (PC)
• Windows 8 or later:
• Open the Start Screen (the window symbol at the bottom left on
your screen). Type Notepad.
• Windows 7 or earlier:
• Open Start > Programs > Accessories > Notepad
• Step 3: Save the HTML Page
• Save the file on your computer. Select File > Save as in the Notepad menu.
• Name the file "index.html" and set the encoding to UTF-8 (which is the preferred encoding for HTML files).