DEV Community

Cover image for Day - 5 of Learning Web development
PRAKASH B
PRAKASH B

Posted on

Day - 5 of Learning Web development

Introduction

In this blog, we are entering the core concepts of web development. As a base, we started from the front-end language

HTML5

HTML

HTML-Hyper Text Markup Language

HTML5 is the fifth version of hyper text markup language that is used to structure webpages.

It defines how the content of the webpage should be structured or displayed.

Key Points

Multimedia Support - Embeds audio and video files without plugins. New Forms Controls - includes input types such as data and email. Web Storage - Store data offline for better performance. Semantic Elements - using tags like and for better performance. Improved performance - Faster and more efficient, especially on mobile.

Let's see a simple program to create Hello World!:

1.To create a HTML code,
2.Open Notepad or use VS Code
3.Write the HTML code
4.Save the file in .html extension.

[

HTML5 code example






Simple HTML Page

Hello World

This is my website


](https://onecompiler.com/html/43z4gegcf)

  • It defines a simple HTML5 page with DOCTYPE, , , and tags.
  • Includes a character set (UTF-8) and viewport settings for mobile responsiveness.
  • Contains a header, main content, and footer with basic text content.

Evolution of HTML

HTML has gone through several changes to keep growing to meet the needs of web development. These changes have helped improve webdesign, functionality, and accessibility.

Early web development /h1>

In the early days of the web, major creators like Microsoft Internet Explorer (IE), and Mosaic Netscape introduced browser-specific elements to improve the appearance of web pages for their browsers.

They add an extra HTML element to the web page

But the problem is that the site can run only in Microsoft Internet Explorer, but not in Netscape.

HTML 3.2

The World wide Consortium(W3C) recommended the creation of HTML 3.2 in 1996.

The standard includes company-used HTML elements and introduced extensions like the center tag and font tag elements, to control the appearance

But it leads to "browser war" IE vs Mosaic, Netscape

HTML 4.0 (1998) & HTML 4.1 (1999)

HTML 4.0 was released in 1998, and it was updated to 4.1 in 1999.

This is the major update that happens while changing. It contains the HTML control structure (text, heading) and separates how to do the presentation.

Advantages

-Multimedia Support: Native audio and video tags for easier media embedding. - Better Performance: Faster loading times with fewer dependencies. - Cross-Platform: Works across all major browsers and mobile devices. - Geolocation: Access users’ location for location-based features. - Offline Capability: Works offline with Web Storage and AppCache. - Simplified Code: New semantic tags for cleaner, more readable code. - Mobile-Friendly: Optimized for a smoother mobile experience.

Disadvantages

- Browser Inconsistencies: Older browsers may not fully support HTML5 features. - Mobile Compatibility: Some older mobile devices may struggle with certain HTML5 features. - Security Risk: New features like Web Storage can potentially expose user data if not handled properly. - Complexity: Advanced features like WebSockets and APIs can be challenging for beginners. - Lack of Support in Older Internet Explorer Versions: Some older versions of IE (like IE 8 and below) do not support HTML5 at all.

Conclusion

HTML is a skeleton of the webpage, which defines how the website is structured. In this blog, we will see all the basics, tags, and how the structure of the HTML code should be ,for the next blog we will see the fundamentals.

            SEE YOU ON THE NEXT BLOG!! THANK YOU....

Top comments (0)