TCR Innovation

TCR Innovation
------------------------------------------------------------------------------------------------------------------------------
FRONT-END WEB DEVELOPMENT INTERNSHIP PROGRAM

DAY 2
O N
I
*******************************************************************
T
<html lang="en">
A
<head>
<meta charset="UTF-8">
V
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
O
<title>Prereserved formatting</title>
N
</head>
<body>
IN
<P>
Hello World <br> <br>
How are you guys ?
R
?? Im fine
TC
</P>
<pre>
Hello World
How are you guys ??
?? I'M fine
</pre>
</body>
</html>
-------------------------------------------------------------------------------
<html lang="en">
<head>
<title>align attribute</title>
</head>
<body>
<p align = "left">THis is left alligned</p>
<br><br><hr>
<p align = "right">THis is left alligned</p><br><br><hr>
N
<p align = "center">THis is left alligned</p>
I O
T
</body>
A
</html>
V
----------------------------------------------------------------------------------
O
<html lang="en">
N
<head>
IN
<title>Adding Image</title>
R
</head>
C
<body>
<center> <img src="cat1.jpg" alt="cat image" height="200" width="200">
T
</center>
</body>
</html>
-------------------------------------------------------------------------------------
<html lang="en">
<head>
<title>Anchor</title>
</head>
<body>
<a href="https://www.google.com/">Hello</a>
</body>
</html>
---------------------------------------------------------------------------------------
<html lang="en">
<head>
N
<title>Image links</title>
O
</head>
I
<body>
T
<a href="https://www.youtube.com/"><img src="youtube.jpg" alt="Youtube" height="200"
width="200"></a>
V A
<br><br><br>
<a href="https://www.amazon.in/"><img src="Amazon.png" alt="Amazon" height="200"
O
width="200"></a>
</body>
N
</html>
IN
---------------------------------------------------------------------------------------------
<html lang="en">
R
<head>
C
T
<title>Document</title>
</head>
<body style="background-color: aqua;">
<h1 style="background-color: rgb(0, 255, 179);">TCR</h1>
<h1 style="background-color: rgb(157, 255, 0);">TCR</h1>
<h1 style="background-color: rgba(120, 130, 104, 0.2);">TCR</h1>
<h1 style="background-color: hsl(33, 12%, 14%);">TCR</h1>
<h1 style="background-color: #8c00ffbc;">TCR</h1>
</body>
</html>
------------------------------------------------------------------------------------------------
<html lang="en">
<head>
<title>ordered list</title>
</head>
<body>
<ol start="10">
N
<li>red</li>
<li>green</li>
O
<li>orange</li>
I
<li>yellow</li>
T
</ol>
A
<ol type="A" start="6">
V
<li>red</li>
<li>green</li>
O
<li>orange</li>
<li>yellow</li>
N
</ol>
IN
<ol type="a">
<li>red</li>
<li>green</li>
R
<li>orange</li>
C
<li>yellow</li>
</ol>
T
<ol type="I" start="5">
<li>red</li>
<li>green</li>
<li>orange</li>
<li>yellow</li>
</ol>
<ol type="i">
<li>red</li>
<li>green</li>
<li>orange</li>
<li>yellow</li>
</ol>
</body>
</html>
-----------------------------------------------------------------------------------------
<html lang="en">
<head>
<meta charset="UTF-8" />
N
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
O
<title>Unordered list</title>
I
</head>
T
<body>
<ul>
A
<li>Apple</li>
V
<li>Grapes</li>
<li>Banana</li>
O
<li>Cherry</li>
</ul>
N
<ul type="disc">
<li>Apple</li>
IN
<li>Grapes</li>
<li>Banana</li>
<li>Cherry</li>
R
</ul>
C
<ul type="circle">
<li>Apple</li>
T
<li>Grapes</li>
<li>Banana</li>
<li>Cherry</li>
</ul>
<ul type="square">
<li>Apple</li>
<li>Grapes</li>
<li>Banana</li>
<li>Cherry</li>
</ul>
</body>
</html>
------------------------------------------------------------------------------------------
<html lang="en">
<head>
<title>Defination list</title>
</head>
<body>
N
<dl>
<dt> <b>HTML</b> </dt>
O
<dd>HTML stands for Hypertext markup language</dd>
T I
<dt> <b>HTTP</b> </dt>
<dd>HTTP stands for HypertexT TRANFER PROTOCOL</dd>
A
</dl>
V
</body>
</html>
O
------------------------------------------------------------------------------------------------
N
<html lang="en">
IN
<head>
R
C
<title>Document</title>
</head>
T
<body style="background-color: aqua;">
<ol>
<li>red</li>
<li>green</li>
<li>blue</li>
<li>orange</li>
</ol>
<ul>
<li>red</li>
<li>green</li>
<li>blue</li>
<li>orange</li>
</ul>
<dl>
<dt><b>CSS</b></dt>
<dd>CSS stands for cascading style sheets</dd>
<dt><b>ReactJs</b></dt>
<dd>React is library of Javascript for frontend</dd>
</dt>
</dl>
N
</body>
</html>
I O
-----------------------------------------------------------------------------------------
T
<html lang="en">
A
<head>
V
O
<title>Table</title>
N
</head>
<body>
IN
<center>
<table border="2",width="600",height="200">
<tr>
R
<td>Row1,Col1</td>
C
<td>Row1,Col2</td>
<td>Row1,Col3</td>
T
</tr>
<tr>
<td>Row2,Col1</td>
<td>Row2,Col2</td>
<td>Row1,Col3</td>
</tr>
</table>
</center>
</body>
</html>
------------------------------------------------------------------------------------------------

TCR Innovation - HTML code(2)

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

TCR Innovation - HTML code(2)

Uploaded by

Copyright:

Available Formats

FRONT-END WEB DEVELOPMENT INTERNSHIP PROGRAM

You might also like