Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd
Upload
27 views

It HTML Practicals

Uploaded by

PokeSparker X
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
27 views

It HTML Practicals

Uploaded by

PokeSparker X
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 16

1.

<TITLE> TAG
CODE:
<!doctype html>
<html>
<head>
<title>First Web Page</title>
</head>
<body>
</body>
</html>
2. <BODY> TAG
CODE:
<!doctype html>
<html>
<head>
<title>First Web Page</title>
</head>
<body>
Hello World
</body>
</html>
3. HEADING TAGS

CODE:

<!Doctype html>
<html>
<head>
<title>Heading</title>
</head>

<body>

<h1>Hello World</h1>
<h2>Hello World</h2>
<h3>Hello World</h3>
<h4>Hello World</h4>
<h5>Hello World</h5>
<h6>Hello World</h6>

</body>
</html>

4. HTML PARAGRAPHS

CODE:

<!doctype html>
<html>
<head>
<title>HTML Paragraphs</title>
</head>
<body>

<p>Vidyasankul’s Sanskruti World School and JR. College</p>

<p>This is an excellent school!!!


From the teachers to the students to the easy to
learn curriculum, my children like this school.
Through each of their workshops and lessons,
Sanskruti incorporates compassion into their
teaching standards, promotes values,
and develops a leadership attitude.
Everyone is so supportive and encouraging.
Adjustments are made as necessary to satisfy the students’ needs.
</p>
</body>
</html>

5. HTML BASIC TAGS

CODE:

<!Doctype html>
<html>
<head>
<title>HTML basic tag</title>
</head>

<body>
<b>Hello World</b><br><br>
<i>Hello World</i><br><br>
<u>Hello World</u><br><br>
<s>Hello World</s><br><br>
<p>12<sup>th</sup></p><br><br>
<p>H<sub>2</sub>O</p><br><br>
<h1>Hello &nbsp;&nbsp;&nbsp; World</h1>
<p><strong>This is an important content</strong>,
and this is normal content</p><br><br>

<p><em>This is an important content</em>,


which displayed in italic font.</p><br><br>

<h2> I want to put a <mark> Mark highlight </mark>


on your face</h2> <br><br>

<p>Hello <del>Delete your first paragraph.</del></p> <br><br>


<p>Hello <tt>Write Your First Paragraph in monospaced
font.</tt></p><br><br>
<p> <ins>Write another paragraph.</ins></p><br><br>
<p>Hello <big>Write the paragraph in larger font.</big></p> <br><br>
<p>Hello <small>Write the paragraph in smaller font.</small></p><br><br>

</body>
</html>
6. <FONT > TAG

CODE:

<!Doctype html>
<html>
<head>
<title>HTML font tag</title>
</head>

<body>
<h1><font color="red" size="1" face="Brush Script MT">Hello
World</font></h1>
<h1><font color="green" size="2" face="arial,verdana">Hello
World</font></h1>
<h1><font color="blue" size="3" face="arial,verdana">Hello
World</font></h1>
<h1><font color="#1C9BDF" size="4" face="arial,verdana">Hello
World</font></h1>
<h1><font color="#fd521e" size="5" face="arial,verdana">Hello
World</font></h1>
<h1><font color="#be2276" size="6" face="arial,verdana">Hello
World</font></h1>
<h1><font color="#4c4f6b" size="7" face="arial,verdana">Hello
World</font></h1>
</body>
</html>
7. <HR> TAG

CODE:

<!DOCTYPE html>
<html>
<head>
<title>HTML hr tag</title>
</head>
<body>
<h1>Hello World</h1>
<hr size="10" color="red" width="100%">
<p>
This is an excellent school!!!
From the teachers to the students to the easy to
learn curriculum, my children like this school.
Through each of their workshops and lessons,
Sanskruti incorporates compassion into their
teaching standards, promotes values,
and develops a leadership attitude.
Everyone is so supportive and encouraging.
Adjustments are made as necessary to satisfy the students’ needs.
</p>
</body>
</html>
8. <PRE> TAG

CODE:

<!DOCTYPE html>
<html>
<head>
<title>HTML pre tag</title>
</head>

<body>
<pre> Hello

Sanskruti college</pre>
</body>
</html>

9. Ordered List <OL> TAG


CODE:
<!DOCTYPE html>
<html>
<head>
<title>An ordered HTML list</title>
</head>
<body>

<h2>An ordered HTML list</h2>

<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
</body>
</html>
9.1 Ordered List with Numbers

CODE:

<!DOCTYPE html>
<html>
<head>
<title>Ordered List with Numbers</title>
<head>
<body>

<h2>Ordered List with


Numbers</h2>

<ol type="1">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

</body>
</html>

9.2 Ordered List with Uppercase Letters

CODE:

<!DOCTYPE html>
<html>
<head>
<title>Ordered List with Uppercase Letters</title>
<head>
<body>

<h2>Ordered List with Uppercase


Letters</h2>

<ol type="A">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

</body>
</html>

9.3 Ordered List with Lowercase Letters

CODE:

<!DOCTYPE html>
<html>
<head>
<title>Ordered List with Lowercase Letters</title>
<head>
<body>

<h2>Ordered List with Lowercase


Letters</h2>

<ol type="a">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

</body>
</html>

9.4 Ordered List with uppercase Roman Numbers

CODE:

<!DOCTYPE html>
<html>
<head>
<title>Ordered List with uppercase Roman Numbers</title>
<head>
<body>

<h2>Ordered List with uppercase Roman Numbers</h2>


<ol type="I">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

</body>
</html>

9.5 Ordered List with Lowercase Roman Numbers

CODE:

<!DOCTYPE html>
<html>
<head>
<title>Ordered List with Lowercase Roman Numbers</title>
<head>
<body>

<h2>Ordered List with Lowercase Roman Numbers</h2>

<ol type="i" start="5">


<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

</body>
</html>

10. Unordered list <UL> TAG

CODE:
<!DOCTYPE html>
<html>
<head>
<title>Unordered list</title>
</head>
<body>
<ul type="circle">
<li>Orange</li>
<li>Apple</li>
<li>Grapes</li>
<li>Banana</li>
<li>Pineapple</li>
</ul>

<ul type="disc">
<li>Orange</li>
<li>Apple</li>
<li>Grapes</li>
<li>Banana</li>
<li>Pineapple</li>
</ul>

<ul type="square">
<li>Orange</li>
<li>Apple</li>
<li>Grapes</li>
<li>Banana</li>
<li>Pineapple</li>
</ul>

</body>

</html>

11. Description List

CODE:

<!DOCTYPE html>
<html>
<head>
<title>Discription List</title>
</head>
<body>

<h2>Vidyasankul’s Sanskruti JR college</h2>

<dl>
<dt>Our Mission</dt>
<dd>To prepare children for the future.
To give the nation authentic leaders as products
of Sanskruti World School & Jr. College
To stand sturdy in difficulties,
face them and overcome them with patience.</dd>

<dt>Our Vision</dt>
<dd>To Excel in the realm of Education.
To provide best education facilities to
every child in the vicinity.
To enable children to march ahead with no fear
in their mind towards their goals.</dd>

<dt>Our value</dt>
<dd>To respect women and elders.
To follow and maintain the culture of our nation.
To do whatever you can for the welfare of the less privileged.
To do not give up without even trying.</dd>

</dl>

</body>
</html>

12. <IMG> TAG

CODE:

<!DOCTYPE html>
<html>
<head>
<title>HTML img tag</title>
</head>

<body>
<img src="D:\11th-2023\11th Commerce\11th Commerce
B\Required\flower.JPG" height="500px" width="700px">
</body>
</html>

13. <MARQUEE> TAG

CODE:

<!Doctype html>
<html>
<head>
<title>marquee tag</title>
</head>
<body align="center">
<marquee>Default scrolling</marquee>
<marquee bgcolor="red">Background color</marquee>

<marquee behavior="alternate">Bounce back and forth</marquee>


<marquee direction="right">It moves right</marquee>
<marquee direction="down" height="100">It moves down</marquee>

<marquee bgcolor="#d9d9ff" width="50%">Background and Width</marquee>

<marquee behavior="scroll" direction="up" align="center"


scrollamount="1">Slow Scrolling</marquee>

<marquee behavior="scroll" direction="right"


scrollamount="12">Little Fast Scrolling</marquee>

<marquee behavior="scroll" direction="left"


scrollamount="20">Fast Scrolling</marquee>

<marquee behavior="scroll" direction="right"


scrollamount="50">Very Fast Scrolling</marquee>

<marquee behavior="scroll" direction="down"


scrollamount="5">Down</marquee>

<marquee direction="down" behavior="alternate" width="100%"


height="150"> scroll</marquee>

<marquee behavior="alternate"><font size="7">?</font></marquee>

</marquee>
<marquee scrolldelay="85" scrollamount="6">Default speed</marquee>

<marquee scrolldelay="50" scrollamount="10" truespeed>Very fast !!</marquee>

<marquee scrolldelay="200" scrollamount="3">Very slow ...</marquee>


</body>
</html>
14. ANCHOR <A> TAG

CODE:

<html>
<head>
<title>Anchor Tag</title>
</head>
<body>
<a href="https://www.google.co.in/">google</a>
</body>
</html>

15. ANCHOR <A> TAG WITH TARGET PROPERTY

CODE:

<html>
<head>
<title>Anchor Tag with target
property</title>
</head>
<body>
<a href="https://www.google.co.in/" target="_blank">Google</a>
</body>
</html>

You might also like