Scribd
Upload
51 views4 pages

HTML Overview and Basic Structure

This document provides an overview of HTML, including: 1. HTML stands for Hypertext Markup Language and is used to write web pages through tags that structure text. 2. HTML was originally developed to share scientific information but is now widely used to format web pages. 3. A basic HTML document structure includes tags for the document head and body.

Uploaded by

samuel natan
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
51 views4 pages

HTML Overview and Basic Structure

This document provides an overview of HTML, including: 1. HTML stands for Hypertext Markup Language and is used to write web pages through tags that structure text. 2. HTML was originally developed to share scientific information but is now widely used to format web pages. 3. A basic HTML document structure includes tags for the document head and body.

Uploaded by

samuel natan
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

04/08/2023, 13:55 HTML - Overview | Tutorialspoint

HTML - Overview

HTML stands for Hypertext Markup Language, and it is the most widely used language to write
Web Pages.

Hypertext refers to the way in which Web pages (HTML documents) are linked together.
Thus, the link available on a webpage is called Hypertext.
As its name suggests, HTML is a Markup Language which means you use HTML to simply
"mark-up" a text document with tags that tell a Web browser how to structure it to display.

Originally, HTML was developed with the intent of defining the structure of documents like
headings, paragraphs, lists, and so forth to facilitate the sharing of scientific information
between researchers.

Now, HTML is being widely used to format web pages with the help of different tags available
in HTML language.

Basic HTML Document


In its simplest form, following is an example of an HTML document −

 Live Demo
<!DOCTYPE html>
<html>

<head>
<title>This is document title</title>
</head>

<body>
<h1>This is a heading</h1>
<p>Document content goes here.....</p>
</body>

</html>

[Link] 1/4
04/08/2023, 13:55 HTML - Overview | Tutorialspoint

This is a heading
Document content goes here.....

HTML Tags
As told earlier, HTML is a markup language and makes use of various tags to format the
content. These tags are enclosed within angle braces <Tag Name>. Except few tags, most of
the tags have their corresponding closing tags. For example, <html> has its closing tag </html>
and <body> tag has its closing tag </body> tag etc.

Above example of HTML document uses the following tags −

[Link] 2/4
04/08/2023, 13:55 HTML - Overview | Tutorialspoint

[Link] Tag & Description

1 <!DOCTYPE...>

This tag defines the document type and HTML version.

2 <html>

This tag encloses the complete HTML document and mainly comprises of document
header which is represented by <head>...</head> and document body which is
represented by <body>...</body> tags.

3 <head>

This tag represents the document's header which can keep other HTML tags like
<title>, <link> etc.

4 <title>

The <title> tag is used inside the <head> tag to mention the document title.

5 <body>

This tag represents the document's body which keeps other HTML tags like <h1>,
<div>, <p> etc.

6 <h1>

This tag represents the heading.

7 <p>

This tag represents a paragraph.

To learn HTML, you will need to study various tags and understand how they behave, while
formatting a textual document. Learning HTML is simple as users have to learn the usage of
different tags in order to format the text or images to make a beautiful webpage.

World Wide Web Consortium (W3C) recommends to use lowercase tags starting from HTML
4.

HTML Document Structure


A typical HTML document will have the following structure −

<html>

[Link] 3/4
04/08/2023, 13:55 HTML - Overview | Tutorialspoint

<head>
Document header related tags
</head>

<body>
Document body related tags
</body>

</html>

We will study all the header and body tags in subsequent chapters, but for now let's see what
is document declaration tag.

The <!DOCTYPE> Declaration


The <!DOCTYPE> declaration tag is used by the web browser to understand the version of the
HTML used in the document. Current version of HTML is 5 and it makes use of the following
declaration −

<!DOCTYPE html>

There are many other declaration types which can be used in HTML document depending on
what version of HTML is being used. We will see more details on this while discussing
<!DOCTYPE...> tag along with other HTML tags.

[Link] 4/4

Common questions

Powered by AI

Originally, HTML was developed to define the structure of scientific documents for sharing information among researchers. However, its role has evolved significantly and now it is widely used for formatting and designing web pages for a broad range of content beyond scientific documents. HTML provides numerous tags for different elements, enhancing both the functionality and aesthetics of web pages .

A unified document structure in HTML is crucial for maintaining consistency and predictability in web development. It ensures that web browsers interpret and render web pages accurately. Consistency in structure aids developers in managing code, identifying errors, and ensuring cross-browser compatibility. It also simplifies collaborative development, as standardized structures are easier for all contributors to understand and modify .

The document header in an HTML file, enclosed within <head> tags, contains metadata and elements crucial for the web browser but not directly displayed to users. It typically includes the <title> tag for the document title, and can also contain links to stylesheets, script declarations, and meta-information about the document like description and author .

The <!DOCTYPE> declaration is crucial as it informs the web browser about the version of HTML being used in the document. This is important because different versions of HTML have different rules and standards for structuring and displaying web pages. The current version, HTML5, uses the declaration <!DOCTYPE html> .

The World Wide Web Consortium (W3C) recommends using lowercase for HTML tags starting from HTML 4 to ensure consistency and reduce the complexity of larger documents. Lowercase tags enhance readability, maintainability, and compatibility across different platforms and browsers .

A typical HTML 'body' tag section includes the main content of the document such as headings (<h1>), paragraphs (<p>), images, and other media. It is important because it contains the content that users interact with and see on their browser. Proper organization within the body tag enhances user experience and content accessibility .

HTML tags, especially anchor tags (<a>), are fundamental in creating hyperlinks, which enable the interlinking of web pages. Hyperlinks allow users to navigate between different pages or sections within the same page. This linking ability is a defining feature of HTML, transforming static text into a networked web of related content .

A basic HTML document structure starts with the <!DOCTYPE html> declaration, followed by <html> tags that enclose the entire document. Inside, it typically consists of a <head> section containing meta-information like the <title>, and a <body> section that includes the main content of the document such as headings and paragraphs, structured using tags like <h1> and <p> .

A markup language uses a set of codes, or tags, to denote structure and formatting within a document. HTML fits this category as it utilizes tags to structure text and multimedia content within web pages, guiding browsers on how to display this content. This ability to 'mark up' a document is foundational to HTML's function as a tool for web page development .

HTML tags define the structure and display of content on web pages by marking up text documents. Each tag has a specific function, such as <head> for document header information, <title> for the document's title, and <body> for main content. Tags like <h1> and <p> further structure content into headings and paragraphs. The correct use of opening and closing tags ensures proper document formatting and browser rendering .

You might also like