Scribd
Upload
30 views11 pages

HTML Notes

Html

Uploaded by

shivamdubeyshivamdubey14459
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
30 views11 pages

HTML Notes

Html

Uploaded by

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

HTML

HTML (Hypre text markup language)


html is combination of a number of codes made of tags and
attributes, that make up the html documents and identify their
characteristic.
tags:
tags are used to define the structure of an html document, will some of
them are use to condition reference to other files such as text, sound and
video files for explain if you want to include a heading a paragraph and a
list to your document.
attributes:
attributes are used to provide extra information about the tags.
for example:
if you are including a line of text using some tags such as
<h3> this is my first web page</h3>
html head element:
there are main 4 head element in html are ......
HTML tag
TITLE tag
HEAD tag
BODY tag
with these elements attributes, we can write the code.
The tags are two type
open tag <>
close tag </>
HTML tag:
the document inclosed within the html tags, the identified as a web page.
<HTML> (open)
</HTML> (close)
HEAD tag:
the head tag are used to store information about the web page such as
the title of the page.

ICNT Academy PVT .LTD Page 1


<HEAD> (open)
</HEAD> (close)
TITLE tag:
title tags are used to enter a title for the web page, the title can contain
any alphabet and/or number.
<TITLE> (open)
</TITLE> (close)
BODY tag:
all the contains of the webpage (except the title) should be enclose within
the body tags.
<BODY> (open)
</BODY> (close)

example to write a normal code with all attributes tag:


<HTML>
<HEAD>
<TITLE> Simple document </TITLE>
</HEAD>
<BODY>
<H1> Ishan Computer </H1>
</HTML>
After writing the code we need to save file with (.htm) extension like file
name (rahul.htm). and then this file will be saved in web page formate
that can be open in any internet browser like (internet explorel, mozilla
firefox, google chrome etc.). after saving the web page file (rahul.htm),
we can edit the code in future by browse menu source.

ICNT Academy PVT .LTD Page 2


Scenario 1.
Defining Paragraph And New Line
<HTML>
<HEAD>
<TITLE> Simple document </TITLE>
</HEAD>
<BODY>
<H1> learning computer </H1> At hungry minds, we make challenging
topics and task simple for life time learning and instably course, <p>Our
online campus ishaninfo.com offer upto 100 courses from top institution
like bangalore, chennai, hyderabad as well as landing training compaies
and subject expret.</p>
</BODY>
</HTML>

Scenario 2.
inserting line breaks:......
<HTML>
<HEAD>
<TITLE> Simple document </TITLE>
</HEAD>
<BODY>
<H1> learning computer </H1><BR> At hungry minds, we make
challenging topics and task simple for life time learning and instably
course, <p>Our online campus ishaninfo.com offer upto 100 courses from
top institution like bangalore, chennai, hyderabad as well as landing
training compaies and subject expret.</p>
</BODY>
</HTML>

ICNT Academy PVT .LTD Page 3


Scenario 3.
applying font tag (pre tag):... this tag use to preformatted text
will fix font style (courier).
<HTML>
<HEAD>
<TITLE> Simple document </TITLE>
</HEAD>
<BODY>
<H1><pre> learning computer</pre> </H1><BR> At hungry minds, we
make challenging topics and task simple for life time learning and instably
course, <p>Our online campus ishaninfo.com offer upto 100 courses from
top institution like bangalore, chennai, hyderabad as well as landing
training compaies and subject expret.</p>
</BODY>
</HTML>
Scenario 4.
changing background color and text color........
<HTML>
<HEAD>
<TITLE> Simple document </TITLE>
</HEAD>
<BODY bgcolor="yellow">
<H1><pre><font color="red"> learning computer</font></pre>
</H1><BR> At hungry minds, we make challenging topics and task simple
for life time learning and instably course, <p>Our online campus
ishaninfo.com offer upto 100 courses from top institution like bangalore,
chennai, hyderabad as well as landing training compaies and subject
expret.</p>
</BODY>
</HTML>

ICNT Academy PVT .LTD Page 4


Scenario 5.
list :. (order list)
<HTML>
<HEAD>
<TITLE>
things to remember
</TITLE>
</HEAD>
<BODY> Here are some items to consider when buying a computer
<OL>
<LI>Cost
<LI> speed
<LI> maintenance contract
</OL>
</BODY>
</HTML>
Scenario 6.
UNORDER LIST :.
<HTML>
<HEAD>
<TITLE>
things to remember
</TITLE>
</HEAD>
<BODY> Here are some items to consider when buying a computer
<UL>
<LI>Cost
<LI> speed
<LI> maintenance contract
<LI> electricity
</UL>
</BODY>
</HTML>

ICNT Academy PVT .LTD Page 5


Scenario 7. DEFINITION LIST :.
<HTML>
<HEAD>
<TITLE>
things to remember
</TITLE>
</HEAD>
<BODY> Here are some items to consider when buying a computer
<DL>
<DT>COMPUTER<DD> computer is an electronic data proccessing machine
which take data from input after proccessing give us output.
<DT>Cost <DD> how much cost for this computer
<DT> speed <DD> What is speed of the processor
<DT> maintenance contract <DD> Who will maintene the pc
</DL>
</BODY>
</HTML>
Scenario 8.
attributes of list :.
<HTML>
<HEAD>
<TITLE>
things to remember
</TITLE>
</HEAD>
<BODY> Here are some items to consider when buying a computer
<OL>
<OL TYPE = A>
<LI>Cost
<LI>SPEED
<LI> maintenance contract
</OL>
</BODY>
</HTML>

ICNT Academy PVT .LTD Page 6


Scenario 9.
USING TYPE ATTRIBUTE WITH UNORDERED LIST:.
<HTML>
<HEAD>
<TITLE>
things to remember
</TITLE>
</HEAD>
<BODY> Here are some items to consider when buying a computer
<UL>
<UL TYPE = CIRCLE>
<LI>Cost
<LI>SPEED
<LI> maintenance contract
</UL>
</BODY>
</HTML>
Scenario 10. using start attribute with ordered list
<HTML>
<HEAD>
<TITLE>
things to remember
</TITLE>
</HEAD>
<BODY> Here are some items to consider when buying a computer
<OL>
<OL START = 22>
<LI>Cost
<LI>SPEED
<LI> maintenance contract
</OL>
</BODY>
</HTML>

ICNT Academy PVT .LTD Page 7


Scenario 11.
applying font STYLE BOLD,ITALIC & UNDERLINE
<HTML>
<HEAD>
<TITLE> Simple document </TITLE>
</HEAD>
<BODY>
<H1><B><I><U> learning computer</B></I></U> </H1><BR> At hungry
minds, we make challenging topics and task simple for life time learning
and instably course, <p>Our online campus ishaninfo.com offer upto 100
courses from top institution like bangalore, chennai, hyderabad as well as
landing training compaies and subject expert.</p>
</BODY>
</HTML>
Scenario 12.
APPLING FONT STYLE SUPERSCRIPT, SUBSCRIPT, STRIKETHROUGH ETC
<HTML>
<HEAD>
<TITLE> Simple document </TITLE>
</HEAD>
<BODY>
<H1>X<SUP>2<BR>
</SUP>H<SUB>2</SUB>O<BR>
<STRIKE>THIS IS A SAMPLE CODE</STRIKE></H1>
</BODY>
</HTML>

ICNT Academy PVT .LTD Page 8


Scenario 13.
APPLING FONT ALIGHNMENT LEFT, RIGHT, CENTER
<HTML>
<HEAD>
<TITLE> Simple document </TITLE>
</HEAD>
<BODY>
<H1 ALIGN="CENTER">ICNT ACADEMY PVT LTD</H1>
<BR>
<H2 ALIGN="LEFT">DAYANAND IS COORDINATOR OF ICNT
ACADEMY</H2>
<BR><BR><BR>
<H3 ALIGN="RIGHT">RAHUL IS A SENIOR TRAINER IN ICNT ACADEMY
</H3><BR>
<H4 ALIGN="RIGHT">SOFTWARE</H4>
</BODY>
</HTML>
Scenario 14.
ADDING IMAGE
<HTML>
<HEAD>
<TITLE>
things to remember
</TITLE>
</HEAD>
<BODY>
<img src="birds.jpg"/>
</BODY>
</HTML>

ICNT Academy PVT .LTD Page 9


Scenario 15.
APPLYING MARQUEE
<HTML>
<HEAD>
<TITLE>
things to remember
</TITLE>
</HEAD>
<BODY><MARQUEE>
ISHAN COMPUTER KASIA KUSHINAGAR-274402
</MARQUEE></BODY>
</HTML>
Scenario 16.
ADDING TABLE
<HTML>
<HEAD>
<TITLE>
things to remember
</TITLE>
</HEAD>
<BODY>
<TABLE>
<TR>
<TH>BOOK NAME</TH>
<TH>AUTHOR</TH>
<TH>PRICE</TH>
</TR>
<TD>COMDEX MULTIMEDIA </TD>
<TD>DEVA </TD>
<TD>199/=</TD>
</TR>
<TR>

ICNT Academy PVT .LTD Page 10


<TD>HTML BLACK BOOK</TD>
<TD>STEVEN HOLZNER</TD>
<TD>369/=</TD>
</TR>
</TABLE>
</BODY>
</HTML>

ICNT Academy PVT .LTD Page 11

You might also like