• Register
100 points
5 1

Introduction to HTML

HTML stands for Hyper Text Markup Language.It is a markup language which is used for structuring and presenting the contents of World Wide Web.It is not a programming lanuage.

HTML5 is the latest version of  HTML.It is a latest evolution of the language HTML, with new elements, attributes,and functionalites and a larger set of technologies that allows us to build more diverse and powerful web sites and applications.It is more close to user interface.

Features

These are the following interesting features of HTML 5:-

Figure

The <figure> tag specifies illustrations,charts,photos etc.

<figure class="photo">
  <img src="image1.png">
</figure>

In the example code above, figure elements have the class “photo” and each contains an img element.

Video

The <video> tag allows us to stream a video from a website.

<video width="550px" height="250px" controls>
  <source src="video.mp4" type="video/mp4">
</video>

Here, width and height set the dimensions for the video element. The controls attribute creates playback buttons such as “Play” and “Pause”. The source src tag provides the path where the video is hosted and type specifies the video’s type, in this case, “video/mp4”.

Header

The <header> tag allows us to combine together the introductory elements such as heading,company logo,signup form etc.

<header>
  <img src="companylogo.png">
  <nav>
    <p><a href="login.html">Log In</a></p>
    <p><a href="signup.html">Sign Up</a></p>
    <p><a href="contact.html">Contact Us</a></p>
  </nav>
</header>

Here,along with <header> tag i used <nav> tag also.<nav> tag allows us to naviagte on different pages of website.Basically it links all the website pages.

Footer  

The <footer> tag is usually used for the bottom or foot of a webpage. It can contain copyright information, links to social media and address of the company.

<footer>
  <p>Copyright 2020-2021 Intel Corporation<p>
  <div class="social">
    <a href="#"><img src="instagram.png"></a>
    <a href="#"><img src="facebook.png"></a>
    <a href="#"><img src="whatsapp.png"></a>
  </div>
</footer>