Sample html

 Sample html coding


-----Description-----

<!DOCTYPE html>
The <!DOCTYPE html> defines the page is HTML5.
<html>
This tag is the root of an HTML page.
<head>
This tag contains meta information about the page.
This tag can include a title for the document, scripts, styles, meta information and more.
<title>
The tag contains a title for the page.
This tag is required in all HTML documents and it denote the title of the document.
Displays a title for the page in search-engine results (important for SEO).
More than one <title> tag in an HTML document is not allowed.
<body>
This tag contains all the contents of an HTML document, such as text, hyperlinks, images, tables, lists, etc
How to Run in computer?
 In this HTML programming, we are using an inbuilt editor and a browser, so no need to follow the steps.
 In computer you need an editor (eg. notepad/notepad++) for typing .
Open an editor in notepad.
Save the file with (.html) extension.
To execute the code just double click on the html file.
This file will open in your default browser and you can see the program output.

Example-input

 <!DOCTYPE html> 
<html> 
<head> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
</head> 
<body> 

 Welcome to programming website.

 </body> 
</html>

 Output

 Welcome to programming website.


Comments

Post a Comment

Popular posts from this blog

Fish effect

Image
                          🐋Fish🏊effect🐟🐋 Input🐋 <html> <body> <style> .scroll-left {  height: 100px;   overflow: hidden;  position: relative; } .scroll-left .inner {  position: absolute;  width: 100%;  height: 100%;  margin: 0;  line-height: 50px;  text-align: center;  /* Starting position */  -moz-transform:translateX(100%);  -webkit-transform:translateX(100%);   transform:translateX(100%);  /* Apply animation to this element */   -moz-animation: scroll-left 15s linear infinite;  -webkit-animation: scroll-left 15s linear infinite;  animation: scroll-left 15s linear infinite; } /* Move it (define the animation) */ @-moz-keyframes scroll-left {  0%   { -moz-transform: translateX(100%); }  100% { -moz-transform: translateX(-100%); } } @-webkit-k...
Read more

Bulb cool Effect

Image
💡Bulb on/off💡 Output   Input <!DOCTYPE html> <html> <body> <script> function light(sw) {   var pic;   if (sw == 0) {     pic = "pic_bulboff.gif"   } else {     pic = "pic_bulbon.gif"   }   document.getElementById('myImage').src = pic; } </script> <img id="myImage" src="pic_bulboff.gif" width="100" height="180"> <p> <button type="button" onclick="light(1)">Light On</button> <button type="button" onclick="light(0)">Light Off</button> </p> </body> </html>
Read more