BASICS OF HTML
IT-3404 Assignment
Submitted to:
Dr. D. Bhattacharjee
Submitted By:
Gairik Deb (73)
Basics of HTML
What is HTML?
HTML (Hyper-text Markup Language) is a collection of platform-independent styles (indicated by
markup tags) that define the various components of a World Wide Web document. HTML was
invented by Tim Berners-Lee while at CERN, the European Laboratory for Particle Physics in
Geneva. A markup language formats text in-between two “tags”. These look like:
<code>formatted text</code>
<code> begins the formatting tag
</code> ends the formatting tag
These tags are then read by a Browser, which translates the tags into the formatting that they
represent.
Basic Tags:
HTML
◦ <HTML></HTML>
◦ These tags begin and end an HTML document.
HEAD
◦ <HEAD></HEAD>
◦ These tags are in the beginning of the document. Important information is stored in-
between these tags including: title, meta-data, styles, and programming scripts
TITLE
◦ <TITLE></TITLE>
◦ These tags are in-between the HEAD tags and contain the text that appears in the title
of the Web page.
BODY
◦ <BODY></BODY>
◦ As you may have guessed, the BODY tags contain all the text in the body of the
document.
Basic Format of a Web Page:
Page Design:
A web page is created using a language called, Hypertext Markup Language, better known as HTML
Code. You can write your own coding within a plain text editor, such as Note Pad, or use an HTML editor,
which will write the code for you.
HTML codes, also referred to as HTML tags, are enclosed by the lesser than (<) and greater than
(>) brackets and may be written in capital or lower case letters.
Hyperlinks:
A hyperlink (or link) is a word, group of words, or image that you can click on to jump to a new
document or a new section within the current document. When you move the cursor over a link in a
Web page, the arrow will turn into a little hand. Links are specified in HTML using the <a> tag.
The <a> tag can be used in two ways:
To create a link to another document, by using the href attribute
To create a bookmark inside a document, by using the name attribute.
Adding Color, Links, and Images:
Add Images:
Use <IMG SRC=imagefilename> tags
How to specify Relative pathnames
Attributes of IMG tag
-width,height
-Alt
-Align
-<Img src=my.gif width=50 height=50 align=right
alt=“My image”>
Add some Link:
Use <A href=filename|URL></a>tags
How to specify Relative pathnames
Kinds of URLs
-http://www.women.or.kr
- ftp://ftp.foo.com/home/foo
- gopher://gopher.myhost.com/
- news://news.nuri.net
- mailto:skrhee@women.or.kr
Conclusion:
This is simply a basic introduction to HTML and website structure. The best way to understand HTML
and website structure is to jump in and use it.