Introduction to HTML
- Introduction to Web Development and HTML Basics
- HTML Advanced Level
- Introduction to CSS
Introduction to Web Development and HTML Basics
Overview of HTML
Family of markup languages for displaying information viewable in a web browser.
HTML, or HyperText Markup Language, is the standard markup language used in creating web pages. It is the backbone of any website and is an essential skill for any web developer.
Introduction to HTML
HTML is used to structure a web page and its content. It is not a programming language, but a markup language. It consists of a series of elements, which you use to enclose, or wrap, different parts of the content to make it appear or act a certain way.
Role of HTML in Web Development
HTML is the foundation of all web pages. It provides the basic structure of sites, which is enhanced and modified by other technologies like CSS and JavaScript. HTML is responsible for creating the raw content of the website, including text, images, and so on.
Brief History of HTML
HTML was created by Tim Berners-Lee in late 1991 but was not standardized as HTML 4 until 1997. HTML 4.01 was a major version of HTML and it was published in late 1999. Though HTML 4.01 version is widely used but currently we are having HTML-5 version which is an extension to HTML 4.01, and this version was published in 2012.
Structure of an HTML Document
An HTML document is a plain text file that contains text and nothing else. When a browser opens an HTML file, the browser looks for HTML tags in the text that describe the document's structure and how it should be displayed.
An HTML document has a basic structure that includes:
<!DOCTYPE html>: This is the document type declaration and helps with browser compatibility.<html>: This is the root element of an HTML page.<head>: This contains meta-information about the HTML document, including its title.<title>: This specifies a title for the HTML document, which is shown in the browser's title bar or in the page's tab.<body>: This contains the content of the HTML document, such as text, images, links, lists, tables, etc.
Here is a simple example of an HTML document:
<!DOCTYPE html> <html> <head> <title>My First HTML Page</title> </head> <body> <h1>Welcome to My Website</h1> <p>This is a paragraph.</p> </body> </html>
In the next unit, we will delve deeper into HTML syntax and tags, and you will learn how to create your own HTML page.