HTML is the standard markup language for <web pages>.
With HTML you can create your own website.
⚛At the first you will learn HTML.⚛
HTML is easy to learn - You will enjoy it!
With HTML you can create your own website.
⚛At the first you will learn HTML.⚛
HTML is easy to learn - You will enjoy it!
👍2
What is HTML?
⚛HTML stands for Hyper Text Markup Language
⚛HTML is the standard markup language for creating Web pages
⚛HTML describes the structure of a Web page
⚛HTML consists of a series of elements
⚛HTML elements tell the browser how to display the content
⚛HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", etc.
⚛HTML stands for Hyper Text Markup Language
⚛HTML is the standard markup language for creating Web pages
⚛HTML describes the structure of a Web page
⚛HTML consists of a series of elements
⚛HTML elements tell the browser how to display the content
⚛HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", etc.
❤1
⚛HTML Example
<!DOCTYPE html>
<html>
<head>
<noscript>Page Title</noscript>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<noscript>Page Title</noscript>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
👍2❤1
Example Explained
⚛The <!DOCTYPE html> declaration defines that this document is an HTML5 document
⚛The <html> element is the root element of an HTML page
⚛The <head> element contains meta information about the HTML page
⚛The <noscript> element specifies a noscript for the HTML page (which is shown in the browser's noscript bar or in the page's tab)
⚛The <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.
⚛The <h1> element defines a large heading
⚛The <p> element defines a paragraph
⚛The <!DOCTYPE html> declaration defines that this document is an HTML5 document
⚛The <html> element is the root element of an HTML page
⚛The <head> element contains meta information about the HTML page
⚛The <noscript> element specifies a noscript for the HTML page (which is shown in the browser's noscript bar or in the page's tab)
⚛The <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.
⚛The <h1> element defines a large heading
⚛The <p> element defines a paragraph
👍5❤1
What is an HTML Element?
⚛An HTML element is defined by a start tag, some content, and an end tag:
<tagname> Content goes here... </tagname>
⚛The HTML element is everything from the start tag to the end tag:
<h1>My First Heading</h1>
<p>My first paragraph.</p>
⚛An HTML element is defined by a start tag, some content, and an end tag:
<tagname> Content goes here... </tagname>
⚛The HTML element is everything from the start tag to the end tag:
<h1>My First Heading</h1>
<p>My first paragraph.</p>
❤5👍2
Note-⚠️: Some HTML elements have no content (like the <br> element). These elements are called empty elements. Empty elements do not have an end tag!
⚛Web Browsers
The purpose of a web browser (Chrome, Edge, Firefox, Safari) is to read HTML documents and display them correctly.
A browser does not display the HTML tags, but uses them to determine how to display the document:⬇️
The purpose of a web browser (Chrome, Edge, Firefox, Safari) is to read HTML documents and display them correctly.
A browser does not display the HTML tags, but uses them to determine how to display the document:⬇️
❤1
⚛HTML Page Structure
Below is a visualization of an HTML page structure:⬇️
Below is a visualization of an HTML page structure:⬇️
👍2