Document

So what is HTML?

HTML stands for Hyper Text Markup Language
HTML is the standard markup language for creating Web pages
HTML consists of a series of elements
HTML describes the structure of a Web page
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.

A Simple HTML Document

Example:


                        <!DOCTYPE html>

                          < html>

                          < head>

                          < title>Page Title </title>

                          </head>

                          < body>

                          <h1>My First Heading </h1>

                          <p>My first paragraph.</p>

                          </body>

                          </html>

Basic

HTML Documents All HTML documents must start with a document type declaration: <!DOCTYPE html>.
The HTML document itself begins with < html> and ends with </html>.
The visible part of the HTML document is between < body> and </body>.

The <!DOCTYPE> Declaration:

The <!DOCTYPE> declaration represents the document type, and helps browsers to display web pages correctly.
It must only appear once, at the top of the page (before any HTML tags).
The <!DOCTYPE> declaration is not case sensitive.
The <!DOCTYPE> declaration for HTML5 is:
<!DOCTYPE html>

Elements

The HTML element is everything from the start tag to the end tag:
< tagname>Content goes here...</tagname>
Examples of some HTML elements:
<h1>My First Heading</h1> <p>My first paragraph.</p>

Start tag	Element content	End tag
<h1>	My First Heading	</h1>
<p>	My first paragraph.	</p>
< br>	none	none

Attributes

HTML attributes provide additional information about HTML elements.

HTML Attributes:

All HTML elements can have attributes
Attributes provide additional information about elements
Attributes are always specified in the start tag
Attributes usually come in name/value pairs like: name="value"

Example:
The href Attribute:
The <a> tag defines a hyperlink. The href attribute specifies the URL of the page the link goes to:
<a href="https://www.w3schools.com">Visit W3Schools </a>

Css

CSS stands for Cascading Style Sheets.
CSS saves a lot of work. It can control the layout of multiple web pages all at once.

What is CSS?

Cascading Style Sheets (CSS) is used to format the layout of a webpage.
With CSS, you can control the color, font, the size of text, the spacing between elements, how elements are positioned and laid out, what background images or background colors are to be used, different displays for different devices and screen sizes, and much more!

Tip: The word cascading means that a style applied to a parent element will also apply to all children elements within the parent. So, if you set the color of the body text to "blue", all headings, paragraphs, and other text elements within the body will also get the same color (unless you specify something else)!

References

want to learn more?

All the information in this page is taken from w3schools