Explore the Advance HTML

HTML Canvas Elements

HTML Canvas uses JavaScript to draw graphics. It has different methods for drawing boxes, texts, circles, paths, and adding images. The graphics can be created using <canvas>, which allows for scriptable and dynamic rendering of 2D shapes and bitmap images.

Event Attributes in HTML

HTML Event Attributes use event actions to respond to the system. It can be used with HTML elements. It lets events trigger actions in a browser. Event attributes can be used when a browser reacts to a user action example, clicking on submit button displays the information asked for.

HTML DOM

The browser automatically creates a (Document Object Model) DOM of the page when a web page is loaded. The HTML DOM is actually a tree of objects. It describes a method, events, and properties for all HTML elements.

HTML Audio and Video

HTML Audio and Video is an element used to add audio/video to the web page. The HTML DOM (Document Object Model) Audio/Video contains the methods and properties of the audio/video.

HTML5 MathML

MathML is abbreviated as Maths Markup Language which is used to represent the mathematical equation in web browsers for machine-to-machine communication. It is an XML application for describing mathematical notations, used to integrate mathematical formulae into World Wide Web (WWW) pages.

This HTML Cheat Sheet – A Basic Guide to HTML will surely guide to the path which discovers major points you need to cover in order to start learning HTML as a beginner.

Here’s a demo that demonstrates the advanced HTML concepts:

HTML

<!DOCTYPE html>
<html>
   <head>
      <style>
         body {
         text-align: center;
         }
         h1 {
         color: green;
         }
      </style>
   </head>
   <body>
      <h1>w3wiki</h1>
      <h2>Event Attribute</h2>
      <p>Choose Subject:</p>
      <select id="GFG" onchange="Geeks()">
         <option value="Data Structure">Data Structure
         <option value="Algorithm">Algorithm
         <option value="Computer Network">Computer Network
         <option value="Operating System">Operating System
         <option value="HTML">HTML
      </select>
      <p id="sudo"></p>
      <script>
         function Geeks() {
             var x = document.getElementById("GFG").value;
             document.getElementById("sudo").innerHTML =
                 "Selected Subject: " + x;
         }
      </script>
   </body>
</html>

Demo of Advance HTML

Here are some projects you must practice to get hands-on Top 10 Projects For Beginners To Practice HTML and CSS Skills

Can I Learn HTML in 2 Weeks ?

Are you the one who enjoys creating things, and adding colors to them? If yes. Here’s a way you can showcase your skill which is demanding and also pays you well. Web Development!!!

A profession that is ever-demanding and full of possibilities for the future. We have talked about web development a lot But, What is its foundation? Wanna know the answer? It’s HTML (Hyper Text Markup Language). Yes, HTML is the answer.

Now, moving in a very fast-growing world, it becomes necessary for you to move ahead with the flow. You also might be wanting to learn things very fast. When it comes to HTML, it is a very easy scripting language that even people from a non-IT background can learn. Now, comes the question, in how many days? Can I Learn HTML in 2 weeks? is the most searched question. To answer this, YES, you can learn HTML in 2 weeks.

But, you need to have a roadmap to understand how to divide your days as per the concepts in HTML required. Let’s begin this journey of learning HTML in 2 weeks.

Tags:

#GBlog #HTML #Web Technologies

Week 2