1 - INTRODUCTIONS TO HTML
1.1 What is HTML?
o HTML stands for Hyper Text Markup Language. Using HTML, you can create your
own website.
o HTML is not a programming language, but it is used to create the basic structures
and content of a webpage.
o An HTML element specifies to the browser how to display the content. This
includes defining the structure and layout of web pages, allowing for a range of
styles and functionalities to be applied.
o HTML contains different types of elements.
o These elements include headings, paragraphs, links, images, and lists, among
others.
o By combining these elements effectively, you can design visually appealing and
functional websites that enhance user experience.
o HTML documents are text files that are saved with the .html and .htm extensions.
Term Meaning Example
HyperText Text that contains links (hyperlinks) For example: <a
to other web pages or websites. href="https://www.google.c
om">Visit Google</a>
Markup Language A system of tags and elements used For example: <p>This is a
to structure and format text, images, paragraph. </p>
and other content on a webpage
1.2 Key Features
Platform Independent.
Easy to learn and implement.
Supported by all browsers.
, Works with CSS and JavaScript to create a complete website.
1.3 Basic Structure of HTML
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
</head>
<body>
</body>
</html>
1.4 HTML Structure: Explain
o <! DOCTYPE html> → declares the document as HTML5. Additionally, it informs
you about the latest version of HTML.
o <html> → root element of the webpage. This is the starting point of the webpage.
o <head> → contains meta information (like title)
o <title> → element specifies a title for the HTML page (which is shown in the
browser's title bar or in the page's tab). It defines the title displayed on the
browser tab.
o <body> → element defines the document's body, and is a container for all the
visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.
o <h1>, <p>, <a> → tags for heading, paragraph, and link
1.5 Editor for HTML
o Notepad++
o Visual Studio Code
o Sublime Text
o Atom
o Brackets
o CodePen
1.1 What is HTML?
o HTML stands for Hyper Text Markup Language. Using HTML, you can create your
own website.
o HTML is not a programming language, but it is used to create the basic structures
and content of a webpage.
o An HTML element specifies to the browser how to display the content. This
includes defining the structure and layout of web pages, allowing for a range of
styles and functionalities to be applied.
o HTML contains different types of elements.
o These elements include headings, paragraphs, links, images, and lists, among
others.
o By combining these elements effectively, you can design visually appealing and
functional websites that enhance user experience.
o HTML documents are text files that are saved with the .html and .htm extensions.
Term Meaning Example
HyperText Text that contains links (hyperlinks) For example: <a
to other web pages or websites. href="https://www.google.c
om">Visit Google</a>
Markup Language A system of tags and elements used For example: <p>This is a
to structure and format text, images, paragraph. </p>
and other content on a webpage
1.2 Key Features
Platform Independent.
Easy to learn and implement.
Supported by all browsers.
, Works with CSS and JavaScript to create a complete website.
1.3 Basic Structure of HTML
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
</head>
<body>
</body>
</html>
1.4 HTML Structure: Explain
o <! DOCTYPE html> → declares the document as HTML5. Additionally, it informs
you about the latest version of HTML.
o <html> → root element of the webpage. This is the starting point of the webpage.
o <head> → contains meta information (like title)
o <title> → element specifies a title for the HTML page (which is shown in the
browser's title bar or in the page's tab). It defines the title displayed on the
browser tab.
o <body> → element defines the document's body, and is a container for all the
visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.
o <h1>, <p>, <a> → tags for heading, paragraph, and link
1.5 Editor for HTML
o Notepad++
o Visual Studio Code
o Sublime Text
o Atom
o Brackets
o CodePen
