Best practice HTML5 example for interview

Best practice HTML5 example

Best practice HTML5 example: When it comes to building a web application, the three main technologies that act as a building block for the development of a web application are HTML, CSS, and Javascript. To make a website appear good and function as expected, we need a minimum of these technologies. Best practice HTML5 example:  HTML is the backbone of the entire web application, without HTML the web application cannot exist. As for CSS and Javascript, a website can be created without these, but such a website would be of no use.

HTML Basic

HTML Text

  • H1 – H6
  • line break
  • Text formatting
  • Sub and Superscript
  • Long and short quotations
  • Abbreviations and acronyms
  • deleted and inserted
  • text direction
  • Contact information
  • Comments
  • horizontal lines
  • Output tags

HTML Links

  • hyperlink
  • image Link
  • Open link in a new browser window
  • Move outside of an iframe example
  • mailto link

HTML Images

  • width and height
  • Aligning images
  • hyperlink of an image
  • image-map

HTML Tables

  • simple table
  • dimension of a table
  • table caption
  • Tables with borders
  • padding of table cells
  • distance between table
  • Table cells
  • Column groups

HTML Lists

HTML Forms

  • text input fields
  • password input fields
  • HTML5 new input fields
  • Checkboxes and radio buttons
  • Select boxes – A drop-down list
  • Select box with a pre-selected value
  • Grouping of options inside a select box
  • Enable multiple selection inside a select box
  • Textarea – A multi-line text input field
  • Creating buttons
  • File select field
  • Grouping similar form fields
  • Submit or reset a form – The use of submit and reset button

HTML Styles

HTML iFrame

  • iframe to embed
  • Removing the default frameborder from an iframe
  • How to Opening linked web pages inside an iframe

HTML Scripts

  • JavaScript inside the HTML pages
  • JavaScript file inside the HTML pages
  • Supported or disabled

HTML5 New Input Types

  • HTML5 color input type
  • HTML5 date input type
  • HTML5 datetime input type
  • HTML5 datetime-local input type
  • HTML5 email input type
  • HTML5 month input type
  • HTML5 number input type
  • HTML5 range input type
  • HTML5 search input type
  • HTML5 tel input type
  • HTML5 time input type
  • HTML5 url input type
  • HTML5 week input type

HTML5 Canvas

  • Embedding canvas
  • Drawing a line
  • Drawing an arc
  • Drawing a rectangle
  • Drawing a circle
  • Setting the stroke
  • Setting the cap style
  • Filling color inside a rectangle
  • Filling color inside a circular
  • Filling linear gradient inside
  • Filling radial gradient

HTML5 SVG

  • Embedding SVG
  • Creating a line
  • Creating a rectangle
  • Creating a circle
  • Rendering text on web pages
  • Apply transformation while rendering text on web pages using SVG

HTML5 Audio

  • Embedding audio
  • Defining alternative sources
  • Linking the audio
  • Inserting audio in HTML documents using the object element
  • Inserting audio in HTML documents using the embed element

HTML5 Video

  • Embedding video
  • Defining alternative sources
  • Inserting video
  • Inserting video in HTML documents using the embed element
  • Embedding the YouTube video

HTML5 Web Storage

  • HTML5 local storage
  • HTML5 session storage
  • HTML5 Web Workers
  • Doing JavaScript works in the background with HTML5 web worker
  • Terminating a running web worker

HTML5 Geolocation

  • Coordinates with HTML5 geolocation
  • Handing errors and rejections while working with HTML5 geolocation
  • Showing location on Google map in image format
  • Showing location on interactive Google map
  • Getting current location of a visitor using HTML5 geolocation