Aishwarya's blog

"The Power of HTML5:NewFeatures and Functionality for Modern Websites".

Photo by Andrew Neel on Unsplash

"The Power of HTML5:NewFeatures and Functionality for Modern Websites".

Aishwarya Mehar's photo
Aishwarya Mehar
·

3 min read

Table of contents

No heading

No headings in the article.

Alright, hold onto your hats because I'm about to take you on a wild ride through the wacky world of HTML.

Imagine: you're stranded on a deserted island with nothing but a computer and a coconut. You need to build a website to get rescued, but how do you even begin? Enter HTML, the superhero of the internet world.

HTML, or HyperText Markup Language, is like the foundation of a house. It's the structure that holds everything together and gives your website a solid base to stand on. And just like a house, you can decorate your website with all sorts of fancy things like colors, images, and text.

But here's the thing, HTML is like the Hermione Granger of web development. It's not flashy or showy, but it's smart and knows how to get the job done. With just a few lines of code, you can create a stunning website that's both functional and beautiful.

So, whether you are a web development wizard or a newbie just starting, HTML is the tool you need to create websites that are out of this world. Get ready to blast off into the exciting world of HTML, where the only limit is your imagination.

  1. What is HTML?

    HTML(HyperText Markup Language):-

    HyperText: Link between web pages.

    Markup: Text between tags that defines structure.

    HTML defines how web pages look and how to display content with the help of elements.

  2. Features of HTML:-

    ->Learning curve is very easy.

    ->Create effective presentations.

    ->Add links wherein we can add references.

    ->Can display documents on platforms like Mac, Windows, Linux etc.

    ->Add videos, graphics, & audios making it more attractive.

    -> Case-sensitive language.

  3. HTML editors: -

    Notepad, Notepad++, Sublime Text, Atom, Visual Studio Code.

  4. HTML Skeleton:-

    <!DOCTYPE html> {instruction to the browser about the HTML version}

    <html>

    <head>

    <title></title>

    </head>

    <body>

    </body>

    </html>

    Description of tags:-

    <html> - It is the root element that acts as a container to hold all the code.

    <head> - It contains general information about the document like the title, the definition of CSS and script sheets.

    <body> - Everything written here will be displayed in the browser. It contains images, text, and links which can be achieved through tags.

  5. HTML Comments:-

    Single line comment:- <!--<p>Hi</p>-->

    Multiple line comment:- <!--<p>

    Hi

    </p>-->

  6. HTML Elements:-

    Elements are created using tags.

    They are used to define the semantics.

    They can be nested and empty.

    Ex:- <p color = "red">This is our first paragraph</p>

    where <p> is the opening tag.

    color = "red" is the attribute

    This is the first paragraph is the content

    </p> is the end tag

    There are two types of Elements:-

    1)Block Level - It takes the entire width of the screen and web page. Always starts from a new line and ends before the new line.

    Ex:- <p>, <div>, <h1>.......<h6>, <ol>,<ul>

    2)Inline level - It takes up what is required and adds meaning to the page. Always starts from where the previous element ended.

    Ex:- <span>, <strong>, <em>, <img>, <a>

HTML5