What Is HTML?: Content

Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1of 5

HTML

What is HTML?

HTML is a markup language for describing web documents (web pages).

HTML stands for Hyper Text Markup Language. HTML adds markup to Standard English
text. Hyper Text refers to links hyperlinks that connect Web pages to one another.
A markup lanugage is a set of markup tags.
HTML documents are described by HTML tags.
Each HTML tag decribes different document content.
HTML is not case sensitive.

Tags:

HTML tags are keywords (tag names) surrounded by angle brackets:

<tagname>content</tagname>

HTML tags normally come in pairs like <p> and </p>


The first tag in a pair is the start tag; the seconc tag is the end tag.
The end tag is written like the start tag, but with a slash before the tag name.

Attributes:

Tags can also have attributes, which are extra bits of information. Attributes appear inside the
opening tag and their values sit inside quotation marks. They look something like:

<tag attribute=value>Margarine</tag>

Elements:

Elements are the bits that make up web pages.

Example 1:

<body>The quick brown fox jumps over the lazy dog. </body>

Everything that is in between (and includes) <body> and </body> tags is the body element.
Example 2:

<title>Rumple Stiltskin</title>

<title> and </title> are tags, <title>Rumple Stiltskin</title> is a title element.

Few essential HTML tags:

- <!DOCTYPE> - this tag defines the document type and HTML version
- <html> - this tag encloses the complete HTML document and mainly comprises of
document header whic is represented by <head>...</head> and document body which is
represented by <body>...</body> tags.
- <head> - this tag represents the document's header which can keep other HTML tags like
<title>, <link>, etc.
- <title> - this tag is used inside the <head> tag to mention the Document title.
- <body> - this tag represents the document's body which keep other HTML tags like
<h1>, <div>, <p>, etc.
- <!-- ... --> - defines a comment.

A typical HTML document will have following structure:

<!-- Document declaration tag -->


<html>
<head>
<title>...</title>
Document header related tags.
</head>
<body>
Document body related tags.
</body>
</html>

Text between <head></head> tag is for HTML header information, which is not display in
internet browser.

Comments

- Do not nest (comment cannot be put inside another comment)


- The double-dash sequence -- may not appear inside a comment except as part of the
Closing --> tag
- You must also make sure that there are no spaces in the start of comment string
Marquees

An HTML marquee is a scrollin piece of text displayed either horizontally across or vertically
down your webpage depend on the settings. This is created by using HTML <marguees> tag.

Syntax:

<marquee attribute_name=attribute_value....more attributes>

One or more lines or text message or image

</marquee>

Following is the list of important attributes which can be used with <marquee> tag:

width this specifies the width of the marquee(10%, 20%...)


height this specifies the height of the marquee(10%, 20%...)
direction this specifies the direction in which marquee should scroll(up, down, left,
right)
behavior - this specifies the type of scrolling of the marquee(scroll, slide, alternate)
scrolldelay - this specifies how long to delay between each jump(10, 20...)
scrollamount - this specifies the speed of marquee text(10, 20...)
loop - this specifies how many time to loop(default is INFINITE)
bgcolor - this specifies background color in terms of color name or color hex value
hspace - this specifies horizontal space around the marquee(10%, 20%...)
vspace - this specifies vertical space around the marquee(10%, 20%...)

HTML Lists

HTML offers web authors three ways for specifying lists of information. All lists must contain
one or more list elements.
List may contain:

<ul> - An unordered list. This will list items using plain bullets.
<ol> - An ordered list. This will use different schemes of numbers to list your items.
<dl> - A definition list. This arranges your itmes in the same way as they are arranged in a
dictionary.

HTML Unordered lists

An unordered list is a collection of related items that have no special order or sequence. This list
is created by using HTML <ul> tag. Each item in the list is marked with a bullet.
The type Attribute

You can use type attribute for <ul> tag to specify the type of bullet you like. By default it's a disc.
Following are the possible options:

<ul type=square>
<ul type=disc>
<ul type=circle>

Elements sits in <li>...</li> tags.

HTML Ordered lists

If you are required to put your items in a numbered list instead of bulleted the HTML ordered
list will be used. This list is created by using <ol> tag. The numbering starts at one and is
incremented by one for each successive ordered list element tagged with <li>.

The type Attribute

You can 0use type attribute for <ol> tag to specify the type of numbering you like. By default it
is a number.

Following are the possible options:

<ol type=I>
<ol type=i>
<ol type=A>
<ol type=a>

The start Attribute

You can use start attribute for <ol> tag to specify the starting point of numbering you need.

<ol type=I start=4>

HTML Definition Lists

HTML and XHTML support a list style which is called definition lists where entries are listed like
in a dictionary or encyclopedia. The definition list is the ideal way to present a glossary, list of
terms, or other name/value list.
Definition list makes use of following four tags:

<dl> - defines the start of the list


<dt> - a term
<dd> - term definition
</dl> - defines the end of the list

You might also like