Introduction to HTML programming
Html 5 important tag
1- Command tag
COMMAND Element is basically used for commanding code of HTML5. As if
we want to save a fie, open a fie or anything else that shows the command
function, will be prompted with COMMAND Element.
<command type=”command” label=”click” onclick=”click()”>Click Me</command>
Example
<!DOCTYPE html>
<html>
<head>
<title>Title name will go here</title>
<script type="text/javascript">
function click1()
{
alert("You have click me");
}
</script>
</head>
<body>
<command type="command" label="click" onclick="click1()">
Click Me
</command>
</body>
</html>
Output
2-embed tag
EMBED Element is another media element, which is used to call a media
fie in browser.
<embed src=”your media fie name”> </embed>
Example
<!DOCTYPE html> <html> <head> <title>Title name will go here</title> </head> <body> <embed src="media/clock.swf"> </embed> </body> </html>
output
3- figure tag
FIGURE Element is used to call an image fie inside the field container.
<figure> <img src="your image fie with full path"/> </figure>
Example
<!DOCTYPE html> <html> <head> <title>Title name will go here</title> </head> <body> <p>this demo program is written by webclasses team</p> <figure> <img src="webclasses.png"/> </figure> </body> </html>
Output
this demo program is written by webclasses team
4-ficaption tag
FIGCAPTION Element is used to put an additional information about the
image.
<!DOCTYPE html> <html> <head> <title>Title name will go here</title> </head> <body> <p>this demo program is written by webclasses team</p> <figure> <img src="clock.png"/> <ficaption>This is flwer.</ficaption> </figure> </body> </html>
Output
this demo program is written by webclasses team
This is star.
5-hgroup tag
The HGROUP Element is commonly used for wrapping the h1 to h6
element.
<!DOCTYPE html> <html> <head> <title>Title name will go here</title> </head> <body> <article> <header> <hgroup> <h1>This is Header Part</h1> <h2>This is Sub Heading</h2> <h3>This is tag line</h3> </hgroup> <p>Another meta data can be written here.</p> </header> <p>The Remaining Content will go here</p> </article> </body> </html>
Output
This is Header Part
This is Sub Heading
This is tag line
Another meta data can be written here.
The Remaining Content will go here
6-progress tag
The PROGRESS Element is used to show the completion or progress of a
specifi task.
<!DOCTYPE html> <html> <head> <title>Webclasses progress bar example</title> </head> <body> Downloading progress: <progress value="60" max="100"></progress> </body> </html>
Output
Downloading progress:
7-time tag
The TIME Element represents either time on a 24-hour clock or a precise
date in the Gregorian calendar with optional time and time zone information.
<!DOCTYPE html> <html> <head> <title>Webclasses time example</title> </head> <body> <p>The school open at <time>9:00</time> in the every morning.</p> </body> </html>
Output
The school open at in the every morning.
Introduction to html programming lessons. You will learn how to create a website using html code.you will also learn how to create basic html programs.
Course Features
- Lectures 30
- Quizzes 0
- Duration 50 hours
- Skill level All levels
- Language English
- Students 1
- Certificate No
- Assessments Self
