You are on page 1of 3

[ it 304 – wst1 ] lesson 1: what is html and why is it important?

IT 304 – web systems and technologies 1


Sir mark Justine a. roque

What is html and why is it important? It is formed by enclosing the tag


name with angle brackets. A tag
importance of html looks like this:
 HTML or most known as
Hypertext Markup Language is
considered as the leading The tag has two kinds, the paired
markup language. It is tag, and the empty tag. What is
considered as the standard the difference between the two?
markup language for websites. 1. Paired Tag
HTML, as the name itself Paired tag consists of a
implies, is written using start tag (also called an opening
markups or tags which tag) and an end tag (also called a
represent various elements. closing tag). Most HTML tags are
HTML is the core of a website. paired tags. The start tag marks
All technologies for web the beginning of a section that is
developers rely on HTML and formed using a left-angle bracket,
its structure. the tag name, and a right-angle
 HTML documents are plain bracket. The closing tag
files, and could be saved with determines the end of a section
the extension *.html, *.htm, or created using a left-angle bracket,
*.xhtml. Any file name will do a slash, the tag name, and a right-
in an HTML file as long as you angle bracket.
follow the naming rules of
files. HTML documents may
be created using any text
editor. 2. Empty Tag
Empty tags are tags
Structure of html that do not have an end or closing
documents tag. Empty tags are formed using
1. elements
[ it 304 – wst1 ] lesson 1: what is html and why is it important?

3. Attributes As we could see, the <html>tag


 Attributes in HTML are acts as the root tag or the
additional information or outermost tag. In an HTML file, it
characteristic given to HTML is suggested to have only one root
tags. It is used to enhance or tag: the <html>tag. The
modify a tag and is always <head>and <body>tags act as the
placed within the start tag after children tags of the HTML tag.
the tag name separated with On the other hand, both tags are
space. considered the parent tag of
 HTML tags could have more elements inside them. The
than one attribute. Space shall <title>tag is the child of the
separate attributes if a tag <head>tag and the <p>tag is the
contains more than one. child of the <body>tag. Tags in
 Attribute values may be HTML follow the parent-child
enclosed using a single or a relationship to identify its
double quote. Several values hierarchy. Let's have an
can be assigned to an attribute, illustration of a tree-like diagram
separating them with a comma. of our sample above.
Here is what an attribute with a
value looks like:

4. Hierarchical Structure
Tags are structured in HTML
with the hierarchy to be readable Because of its hierarchical
by developers and executed and structure, we could quickly
displayed well by browsers. The identify which tag is a child or a
document structure of an HTML parent of another tag. The
file follows the first in, last out hierarchical structure of an
(FILO) rule, which means that the HTML file can be compared to an
tag that starts first shall be the tag organizational structure of an
that ends last. Here is an example organization or a business, with a
hierarchy of who is on the top
[ it 304 – wst1 ] lesson 1: what is html and why is it important?

The <html> Tag


The <html> tag is a paired tag
which indicates that the document
is an HTML file. With its start
and an end tag, it indicates the
beginning and the end of an
HTML file.

The <head>Tag
The <head>tag holds information
about the document and is
generally not displayed. Some
elements can be placed within the
head tag such as <link>, <meta>,
<title>, <script>, <base>, and
<style>which specify the
document’s metadata.

The <body>Tag
The <body>tag contains all other
tags and delimits the body section
of the web pages. This section is
the visible section when web
pages are executed in a browser.

Comments in HTML
Comments are a block of codes
that are not displayed in the
browser. Programmers use

You might also like