basic introduction of html tags

15
HTML

Upload: manish-jariyal

Post on 29-Jan-2018

185 views

Category:

Education


1 download

TRANSCRIPT

HTML

What is Html ?

HTML is short for HyperText Markup Language and is a language used to create electronic documents, especially pages on the World Wide Web

Its Developed by Tim Berners Lee in 1990

Basic HTML Document

Format

<HTML>

<HEAD>

<TITLE>HTML</TITLE>

</HEAD>

<BODY>

Hello Frnds

</BODY>

</HTML>

How to Create and View an HTML

document?1.Use an text editor such as Notepad to write the

document.

2.Save the file as hello.html on a PC. This is called the

Document Source.

3.Open Mozilla Firefox (or any browser) Off-Line

4.Switch to Mozilla Firefox

5.Click on File, Open File and select the hello.html

document that you just created.

6.Your HTML page should now appear just like any

other Web page in Mozilla Firefox .

Tags use in Html

Tags in head

<TITLE>...</TITLE>-- puts text on the browser's title bar.

<HEAD>...</HEAD>-- contains information about the document

Tags in Body

Text

Heading: <H1> </H1>

Center:<Center> </Center>

Line Break <P> ,<Br>

Phrase Markups: <I></I> ,<B></B>

Create a List

Unordered list : <UL><li>

Ordered list: <OL><li>

<Html><head><title> Html </title></head><body><h1>This is a heading</h1><h2>This is a heading</h2><h3>This is a heading</h3> <h4>This is a heading</h4><h5>This is a heading</h5><h6>This is a heading</h6> </body><html>

<html><body><center><h1> my first program </h1></center>m manish <br>m done mca</body></html>

<html><body>

<p>This is a paragraph.</p><p>This is a paragraph.</p><p>This is a paragraph.</p>

</body></html>

<html><body>

<h4>An Unordered List:</h4><ul><li>Coffee</li><li>Tea</li><li>Milk</li>

</ul>

<h5>An Ordered List:</h5><ol><li>Coffee</li><li>Tea</li><li>Milk</li>

</ol>

</body></html>

Add Images

Use <IMG SRC=hello.jpeg> tags

Attributes of IMG tag

-width,height

-Alt

-Align

-<Img src=my.gif width=50 height=50 align=right

alt=“My image”>

<html><body><img src="tk.jpg" alt="The Kites" width="500" height="500"></body></html>

Add some Link

Use <A href=hello.html></a>tags

Colors changes tag

<FONT COLOR=#RRGGBB>

<BODY BGCOLOR=#19378a>

<html><body><body bgcolor=green><a href="p.html">click the link</a></font>

</body></html>

<html><body><font color=red font size=10>hello everyone <br>am manish</font></body><html>