Curriculum
Course: HTML Basic
Login

Curriculum

HTML Basic

HTML Introduction

0/1

HTML Editors

0/1

HTML Basic

0/4

HTML Elements

0/4

HTML Attributes

0/1

HTML Headings

0/2

HTML Paragraphs

0/1

HTML Styles

0/2

HTML Formatting

0/1

HTML Quotation

0/3

HTML Comments

0/1

HTML Colors

0/11

HTML CSS

0/5

HTML Links

0/7

HTML Images

0/6

HTML Favicon

0/1

HTML Page Title

0/1

HTML Tables

0/11

HTML Lists

0/4

HTML Block and Inline

0/4

HTML Div

0/4

HTML classes

0/4

HTML id

0/4

HTML Iframes

0/1

HTML Java Script

0/1

HTML File Paths

0/1

HTML - The Head Element

0/4

HTML Layout

0/1

HTML Responsive

0/8

HTML Computer Code

0/1

HTML Semantic

0/7

HTML Style Guide

0/10

HTML Entities

0/4

HTML Symbols

0/1

HTML Emojis

0/4

HTML Charsets

0/1

HTML URL Encode

0/3

HTML vs. XHTML

0/1

HTML Forms

0/35

HTML Graphics

0/5

HTML Media

0/15

HTML APIs

0/9
Text lesson

HTML Introduction

What is HTML?

  • HTML, abbreviated as Hyper Text Markup Language, serves as the core markup language for designing web pages.
  • It defines the structural layout of a web page.
  • Through a collection of elements, HTML dictates how browsers should render content.
  • These elements function as tags, categorizing content into headings, paragraphs, links, and other types.

An Example of Simple HTML Document.

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

<h1>Heading</h1>
<p>paragraph.</p>

</body>
</html>

 

Click to Learn

 

Example Explained.

  • The <!DOCTYPE html> declaration indicates that the document adheres to HTML5 standards.
  • The <html> tag acts as the foundational element of an HTML document.
  • Meta-information about the web page is encapsulated within the <head> tag.
  • The web page’s title, displayed in the browser’s title bar or tab, is set by the <title> tag.
  • The <body> tag serves as the container for all visible content on the page, including text, images, links, and more.
  • A large heading is created using the <h1> tag.
  • Paragraphs are defined with the <p> tag.

HTML Element?

An HTML element consists of an opening tag, content, and a closing tag.

<tagname> Content goes here… </tagname>

An HTML element encompasses everything from the opening tag to the closing tag.

<h1>Header Name</h1>
<p>My first paragraph.</p>

tart tag

Element content

End tag

<h1>

Heading Name

</h1>

<p>

My first paragraph.

</p>

<br>

none

none
Note: Some HTML elements, such as the <br> element, contain no content. These are known as empty elements and do not have a closing tag.

Web Browsers

The purpose of a web browser (such as Chrome, Edge, Firefox, and Safari) is to read HTML documents and render them accurately.

A browser does not show the HTML tags; instead, it uses them to decide how to present the content.

IMG_3773

HTML Page Structure

Here is a visualization of the structure of an HTML page:

IMG_3774

Note: The content within the <body> section will be displayed in a browser. The content within the <title> element will appear in the browser’s title bar or on the page’s tab.

HTML History

Since the inception of the World Wide Web, numerous versions of HTML have been released:

HTML Version

Release Year

HTML 1.0

1993

HTML 2.0

1995

HTML 3.2

1997

HTML 4.01

1999

HTML 1.0

2000

HTML 1.1

2001

HTML 5

2014

HTML 5.1

2016

HTML 5.2

2017

HTML 5.3

2018

 

 

Next