Skip to main content

Html Introduction

Html Introduction

  • HTML is a Hyper Text Markup Language.
  • HTML is not a programming language.
  • HTML tells web browsers how to structure web pages.
  • HTML consists of a series of elements. 
  • HTML elements tell the browser how to display the content.
  • HTML elements are represented by tags.
  • HTML tags label pieces of content such as "heading", "paragraph", "table" etc.

Browsers do not display the HTML tags, but use them to render the content of the page.

1. History Of Html:

Year HTML Version
1989 Tim Berners-Lee invented www
1991 HTML 1.0
1995 HTML 2.0
1997 HTML 3.2
1999 HTML 4.01
2000 XHTML 1.0
2008 HTML5 First Public Draft
2012 HTML5 Living Standard
2014 HTML5
2016 HTML 5.1
2017 HTML5.1 (2nd Edition)
2017 HTML5.2

2. Structure Of Html:

Structure-Of-HTML-Document-By-Rustcode
 

Example

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>Hello World!!</h1>
<p>My first paragraph.</p>

</body>
</html>

Output:

html-first-demo-page-code

Example Explanation:

  • The <!DOCTYPE html> declaration defines this document to be HTML5.
  • The <html> element is the root element of an HTML page.
  • The <head> element contains meta information about the document.
  • The <title> element specifies a title for the document.
  • The <body> element contains the visible page content.
  • The <h1> element defines a large heading.
  • The <p> element defines a paragraph.

Only the content inside the <body> section is displayed in a browser.

3. Web Browers:

  • Web browsers are applications used to access and render web pages, interpreting HTML, CSS, and JavaScript.
  • Popular browsers include Google Chrome, Mozilla Firefox, Microsoft Edge, Apple Safari, and Opera, each offering unique features such as speed, privacy, customization, and integration with services.

Examples:

1. Google Chrome: Known for speed, simplicity, and wide extension support.

2. Mozilla Firefox: Open-source, focused on privacy and customization.

3. Microsoft Edge: Chromium-based with Microsoft integration and reading mode.

4. Apple Safari: Optimized for Apple devices, with privacy and energy efficiency.

5. Opera: Features ad-blocking, VPN, and a customizable interface.

Users typically select browsers based on a combination of performance, privacy features, and functionality that best meet their individual needs. For a more comprehensive overview, please refer to the article Most Popular Browsers for Desktop and Mobile"

4. HTML Code Editors:

HTML code editors are tools that help developers write, edit, and debug HTML code efficiently with features like syntax highlighting, auto-completion, and error detection. Popular options include:

  • 1. Notepad: A basic text editor for simple HTML editing on Windows.
  • 2. Notepad++: A free, advanced editor with syntax highlighting and multi-language support.
  • 3. Sublime Text: A powerful editor with a distraction-free interface and extensive plugin support.
  • 4. Atom: A customizable editor by GitHub, supporting various programming languages.
  • 5. Visual Studio Code: A free, feature-rich editor by Microsoft, with extensions for HTML development.
  • 6. Brackets: An open-source editor for web development with live preview and preprocessor support.

Each code editor is designed to meet specific developer needs, offering varying degrees of customization, functionality, and ease of use. For a more in-depth exploration of code editors, read our article on the Best Code Editing Software for Web Developers

 

Comments

Post a Comment