..
Write the same code in a note pad or other text editor and save it with html extention. Open the saved file on your google crome or Mozila browser to see the output.
- <html>
- <head>
- <title>GYAN Tutorial Example</title>
- <style>
- body
- {
- background-color:skyblue;
- }
- h1
- {
- color:red;
- text-align:left;
- text-shadow:1px 1px 2px black;
- }
- h2
- {
- color:blue;
- text-align:center;
- }
- h3
- {
- color:green;
- text-align:right;
- }
- p
- {
- background-color:black;
- width:60px;
- padding:10px;
- border-radius:20px;
- border:2px solid white;
- box-shadow:1px 1px 2px green;
- font-size:16px;
- color:white
- }
- </style>
- </head>
- <body>
- <h1>This is H1</h1>
- <h2>This is H2</h2>
- <h3>This is H3</h3>
- <center><p>This is p</p></center>
- </body>
- </html>