Register Login

Login with your site account

Lost your password?

Not a member yet? Register now

WebclassesWebclasses
  • Home
  • Courses
    • Start Learning Here

      • Learn HTML
      • Learn CSS
      • Learn PHP
      • Learn JS
      • Learn SQL
      • Learn C
      • Learn C++
      • Learn 8051

      New Course

      8051 Micro-controller

      8051 Micro-controller

      Free
      Read More
  • Blog
  • Contact Us
    • Home
    • Courses
      • Start Learning Here

        • Learn HTML
        • Learn CSS
        • Learn PHP
        • Learn JS
        • Learn SQL
        • Learn C
        • Learn C++
        • Learn 8051

        New Course

        8051 Micro-controller

        8051 Micro-controller

        Free
        Read More
    • Blog
    • Contact Us
    • Home
    • All courses
    • Introduction to HTML programming

    Introduction to HTML programming

    mahethekiller
    (0 review)
    Free
    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

    Click Me

    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

    webclasseslogo
    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 9:00 in the every morning.

    Prev HTML5 – Drag & drop
    Next HTML5 geolocation
    • Description
    • Curriculum
    • Instructors
    • Reviews (0)

    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
    • Share:
      • Lecture1.1
        Introduction to HTML Programming
        0m
      • Lecture1.2
        Where HTML code execute
        0m
      • Lecture1.3
        HTML Main Tag
        0m
      • Lecture1.4
        HTML Head Tag
        0m
      • Lecture1.5
        HTML Body Tag
        0m
      • Lecture1.6
        HTML Heading Tag
        0m
      • Lecture1.7
        HTML Paragraph Tag
        0m
      • Lecture1.8
        HTML Text Formatting Tag
        0m
      • Lecture1.9
        HTML line Break Tag
        0m
      • Lecture1.10
        HTML Image Tag
        0m
      • Lecture1.11
        HTML anchor or link Tag
        0m
      • Lecture1.12
        HTML Comment Tag
        0m
      • Lecture1.13
        HTML list Tag
        0m
      • Lecture1.14
        HTML Table Tag
        0m
      • Lecture1.15
        HTML Form Tag
        0m
      • Lecture1.16
        HTML Buttons Tag
        0m
      • Lecture1.17
        HTML iframe Tag
        0m
      • Lecture1.18
        HTML Blocks
        0m
      • Lecture1.19
        Html div tag
        0m
      • Lecture1.20
        Html address tag
        0m
      • Lecture1.21
        HTML5 Introduction
        0m
      • Lecture1.22
        HTML5 standard attribute
        0m
      • Lecture1.23
        HTML5 the input element
        0m
      • Lecture1.24
        HTML5 SVG Tag
        0m
      • Lecture1.25
        HTML5 – MathML
        0m
      • Lecture1.26
        HTML5 – Canvas
        0m
      • Lecture1.27
        HTML5 – Audio & Video
        0m
      • Lecture1.28
        HTML5 – Drag & drop
        0m
      • Lecture1.29
        Html 5 important tag
        0m
      • Lecture1.30
        HTML5 geolocation
        0m
    mahethekiller

    Reviews

    Average Rating

    0
    0 rating

    Detailed Rating

    5 stars
    0
    4 stars
    0
    3 stars
    0
    2 stars
    0
    1 star
    0

    You May Like

    8051 Micro-controller Read More
    mahethekiller

    8051 Micro-controller

    50
    0
    Free
    C ++ Programming Read More
    mahethekiller

    C ++ Programming

    20
    0
    Free
    C Programming Read More
    mahethekiller

    C Programming

    0
    0
    Free

    Leave A Reply Cancel reply

    Your email address will not be published. Required fields are marked *

    Latest Courses

    8051 Micro-controller

    8051 Micro-controller

    Free
    Javascript Programming

    Javascript Programming

    Free
    C ++ Programming

    C ++ Programming

    Free

    Recent Posts

    • How to Create a Basic CRUD application Using PHP and MySql
    • Login And Logout Script using PHP Sessions
    • How to Upload an image using Ajax and PHP

    Courses

    • HTML
    • CSS
    • Javascript
    • PHP

    Advanced

    • SQL
    • C Programming
    • C++ Programming
    • 8051 Microcontroller

    Links

    • Home
    • Blog
    • Courses

    Webclasses