Saturday, February 11, 2023

HTML2

 1.

<HTML>

<HEAD>

<TITLE>RAJ BLOG</TITLE>

</HEAD>

<BODY>

<H1>Raj documents</H1>

<H2>Raj documents</H2>

<H3>Raj documents</H3>

<H4>Raj documents</H4>

<H5>Raj documents</H5>

<H6>Raj documents</H6>

</BODY>

</HTML>


output:

2.
<HTML>
<HEAD>
<TITLE>RAJ BLOG</TITLE>
</HEAD>
<BODY>
<H1>Raj documents</H1>
<H2>While Kohli scored his 46th ODI century on Sunday, the Indian batsman is three short of Sachin Tendulkar's record of 
49 ODI centuries and currently has 74 International centuries in his career. 
<p>Gavaskar believes that Kohli can score another 26 centuries in the coming 
5-6 years and can reach the mark of 100 hundreds.</p>His total of 51 centuries in Test matches and 49 in ODIs are world 
records for highest number of centuries by a batsman. 
He became the first and only cricketer to score 100 international centuries when he made 114 against Bangladesh in March 2012.</H2>

</BODY>
</HTML>

output:


3. Line Break, Horizontal line

<HTML>
<HEAD>
<TITLE>RAJ BLOG</TITLE>
</HEAD>
<BODY>
<H1>Raj documents</H1>
<hr>
<hr>
<HR>
<H2>While Kohli scored his 46th ODI century on Sunday, the Indian batsman is three short of Sachin Tendulkar's record of 
49 ODI centuries and currently has 74 International centuries in his career.<br>Gavaskar believes that Kohli can score another 26 centuries in the coming 
5-6 years and can reach the mark of 100 hundreds.

</BODY>
</HTML>

Output:

4.Bg color.Alignment
<HTML>
<HEAD>
<TITLE>RAJ BLOG</TITLE>
</HEAD>
<BODY bgcolor="yellow">
<H1 align= "center">Raj documents</H1>
<hr>
<hr>
<HR>
<H2 align="right">While Kohli scored his 46th ODI century on Sunday, the Indian batsman is three short of Sachin Tendulkar's record of 
49 ODI centuries and currently has 74 International centuries in his career.<br>Gavaskar believes that Kohli can score another 26 centuries in the coming 
5-6 years and can reach the mark of 100 hundreds.

</BODY>
</HTML>
output:


5. Font, color,
<HTML>
<HEAD>
<TITLE>RAJ BLOG</TITLE>
</HEAD>
<BODY bgcolor="yellow">
<H1><font size="5" color="red" face="mistral">Raj documents</font></H1>
<hr>
<hr>
<HR>
<H2 align="right">While Kohli scored his 46th ODI century on Sunday, the Indian batsman is three short of Sachin Tendulkar's record of 
49 ODI centuries and currently has 74 International centuries in his career.<br>Gavaskar believes that Kohli can score another 26 centuries in the coming 
5-6 years and can reach the mark of 100 hundreds.

</BODY>
</HTML>

output:


c

7.


<HTML>
<TITLE>RAJ BLOG</TITLE>
<BODY>
<H1>>Raj documents</H1>
<b>Raj Documents</b><br>
<i>Raj Documents2</i><br>
<u>Raj Documents3</u><br>
<strike>Raj Documents3</strike><br>
a<sup>2</sup>-b<sup>2</sup><br>
h<sub>2</sub>o<br>
<strong>Raj Documents5</strong><br>
<hr>
<hr> <hr><hr>
</BODY>
</HTML>
output:


8. Big,Small,center,right,left, <wbr>(deleting space)
<HTML>
<TITLE>RAJ BLOG</TITLE>
<BODY>
<H1><center><Big>Raj documents</Big></center></H1>
<b><small>Raj<wbr>Documents</small></b><br>
<i>Raj Documents2</i><br>
<u>Raj Documents3</u><br>
<strike>Raj Documents3</strike><br>
a<sup>2</sup>-b<sup>2</sup><br>
h<sub>2</sub>o<br>
<strong>Raj Documents5</strong><br>
<hr>
<hr> <hr><hr>
</BODY>
</HTML>

Output:


8.Marquee tag "Container tag
<html>
<title>RAz Blog</title>
<hr>
<hr>
<body>
<H1>Raj documents</H1>
Environmental studies is a multidisciplinary academic field which systematically studies human interaction with the environment.
 Environmental studies connects principles from the physical sciences, commerce/economics,
 the humanities, and social sciences to address complex contemporary environmental issues.
<hr>
<hr>
<br>
<Marquee bgcolor = "yellow"> <font face = "impact" size="4" color = "red">SAP, ABAP,MM,SD,FICO,HR</font></Marquee>
<hr>
<hr>
</body>
</html>


Marquee direction = “right”

Marquee direction = “up”

Marquee width = “50%”

Marquee scrollamount = “60”

Output:



9.Bullets(unorder list)[UL] & Numbering(order list)[OL]

These are container tags

<html>

<title>RAz Blog</title>

<hr>

<hr>

<body>

<LI>SAP-MM</LI>

<LI>SAP-SD</LI>

<LI>SAP-FICO</LI>

<LI>SAP-HR</LI>

<hr>

</body>

</html>

Output:


10.

<html>

<title>RAz Blog</title>

<hr>

<hr>

<body>

<FONT FACE="IMPACT" SIZE="6" COLOR="GREEN">

<UL TYPE = "CIRCLE">

<LI>SAP-MM</LI>

<LI>SAP-SD</LI>

<FONT FACE="MISTRAL" SIZE="6" COLOR="PINK"><LI>SAP-FICO</LI></FONT>

<LI>SAP-HR</LI>

</UL>

<hr>

</body>

</html>

<UL TYPE = "CIRCLE">

*SQURE, DISC

Output:




<html>

<title>RAz Blog</title>

<hr>

<hr>

<body>

<FONT FACE="IMPACT" SIZE="6" COLOR="GREEN">

<OL TYPE = "i">

<LI>SAP-MM</LI>

<LI>SAP-SD</LI>

<FONT FACE="MISTRAL" SIZE="6" COLOR="PINK"><LI>SAP-FICO</LI></FONT>

<LI>SAP-HR</LI>

</UL>

<hr>

</body>

</html>


output:




11.

<html>

<title>RAz Blog</title>

<hr>

<hr>

<body>

<FONT FACE="IMPACT" SIZE="6" COLOR="GREEN">

<OL start= "7">

<LI>SAP-MM</LI>

<LI>SAP-SD</LI>

<FONT FACE="MISTRAL" SIZE="6" COLOR="PINK"><LI>SAP-FICO</LI></FONT>

<LI>SAP-HR</LI>

</UL>

<hr>

</body>

</html>


output:



Image:


















HTML1

Programming language

Using this software’s is generated.

e.g.c,c++,JAVA,.NET,SAP,ORACLE

 

Scripting Language:

Using these web pages generated

HTML, CSS, JAVA SCRIPT, .VB SCRIPT

 

Website is a collection of webpages

 

Web pages are mainly 3 types.

Static web page:

Changes and updates are very time consuming

Content can get stagnant

e.g.IRCTC, Indian railways, Net banking

Dynamic web page:

e.g. All news webs

Much easier to update,content/pages

more expensive and slower to develop

ites, All shopping sites, Songs download sites

 

Server page:

All the data stoe in server page

 

TAGS:

<html>--------->  Tag

html----------->  Predefined words & not case sesitive

 2 Types of stags

Container tags/ Pair Tags:

Consist of opening tag <html>

Closing tag</html>

Empty tags/ Single Tags:

consist of opening tag  <raj>

 

HTML programming structure

Tags, Elements, Attributes

 

Tags:

<html>

<head>

<title>

<body>

 

the program should start with <html> and end with </html>

<> 

 


HTML2

 1. <HTML> <HEAD> <TITLE>RAJ BLOG</TITLE> </HEAD> <BODY> <H1>Raj documents</H1> <H2>Ra...