Fundamental HTML Knowledge For Beginners

Goldobin Anton

3 min readJun 12, 2020

Syntax

Learn the basics of HTML and get comfortable with it’s syntax and main concepts.

HTML Tutorial: Learn HTML For Free | Codecademy

In just 3 hours, learn basic HTML, the skeleton of all web pages, and place text on a page, add images & videos, and…

www.codecademy.com

Introduction to HTML

At its heart, HTML is a fairly simple language made up of elements, which can be applied to pieces of text to give them…

developer.mozilla.org

HTML basics

HTML is not a programming language; it is a markup language that defines the structure of your content. HTML consists…

developer.mozilla.org

Basic Tags

Get familiar with the basic HTML tags

HTML elements reference

This page lists all the HTML elements, which are created using tags.

developer.mozilla.org

HTML - Basic Tags

Any document starts with a heading. You can use different sizes for your headings. HTML also has six levels of…

www.tutorialspoint.com

Your First 10 HTML Tags

10 HTML elements to get you started. This tutorial walks you through the 10 basic tags that every budding HTML coder…

www.elated.com

HTML Reference

Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript…

www.w3schools.com

Forms

Learn how to design efficient forms, validating them effectively and keeping the user informed along the way.

Web forms - Working with user data

This module provides a series of articles that will help you master the essentials of web forms. Web forms are a very…

developer.mozilla.org

Create Amazing Forms | Web Fundamentals | Google Developers

Forms are hard to fill out on mobile. The best forms are the ones with the fewest inputs. This article will cover…

developers.google.com

HTML Forms

An HTML form is used to collect user input. The user input can then be sent to a server for processing. The HTML…

www.w3schools.com

SEO

Learn how to make your content search-friendly.

Get started with Search: a developer's guide | Search for Developers

Edit description

developers.google.com

Understand the JavaScript SEO basics | Search for Developers

Do you suspect that JavaScript issues might be blocking your page or some of your content from showing up in Google…

developers.google.com

web.dev

Edit description

web.dev

Discoverable Content

Learn how to structure your HTML in a way that provides a rich experience when sharing it online.

Social Discovery | Web Fundamentals | Google Developers

You can influence the way your site appears when shared via social media by adding a few lines of code to each page…

developers.google.com

Enable Search result features for your site

Google supports many interesting search appearance elements that can be applied to your page in search results: A few…

developers.google.com

Understand how structured data works | Search for Developers

Google Search works hard to understand the content of a page. You can help us by providing explicit clues about the…

developers.google.com

web.dev

Join us for web.dev LIVE, a digital event from June 30th to July 2nd to learn modern web techniques. More at…

web.dev

Svg

Learn how to work with SVG files to make graphics look crisp across all screen resolutions.

Adding vector graphics to the Web

This article has provided you with a quick tour of what vector graphics and SVG are, why they are useful to know about…

developer.mozilla.org

A Practical Guide

Preparing an SVG for use on the web is a simple process and no more complicated that exporting a JPEG or PNG. Work as…

svgontheweb.com

Best Practices

Learn the best practices of writing HTML.

HTML guidelines

The following guidelines cover how to write HTML for MDN code examples. Note: The guidelines in this section apply only…

developer.mozilla.org

HTML Style Guide and Coding Conventions

A consistent, clean, and tidy HTML code makes it easier for others to read and understand your code. Here are some…

www.w3schools.com

Fundamental HTML Knowledge For Beginners

Syntax

HTML Tutorial: Learn HTML For Free | Codecademy

In just 3 hours, learn basic HTML, the skeleton of all web pages, and place text on a page, add images & videos, and…

Introduction to HTML

At its heart, HTML is a fairly simple language made up of elements, which can be applied to pieces of text to give them…

HTML basics

HTML is not a programming language; it is a markup language that defines the structure of your content. HTML consists…

Basic Tags

HTML elements reference

This page lists all the HTML elements, which are created using tags.

HTML - Basic Tags

Any document starts with a heading. You can use different sizes for your headings. HTML also has six levels of…

Your First 10 HTML Tags

10 HTML elements to get you started. This tutorial walks you through the 10 basic tags that every budding HTML coder…

HTML Reference

Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript…

Forms

Web forms - Working with user data

This module provides a series of articles that will help you master the essentials of web forms. Web forms are a very…

Create Amazing Forms | Web Fundamentals | Google Developers

Forms are hard to fill out on mobile. The best forms are the ones with the fewest inputs. This article will cover…

HTML Forms

An HTML form is used to collect user input. The user input can then be sent to a server for processing. The HTML…

SEO

Get started with Search: a developer's guide | Search for Developers

Edit description

Understand the JavaScript SEO basics | Search for Developers

Do you suspect that JavaScript issues might be blocking your page or some of your content from showing up in Google…

web.dev

Edit description

Discoverable Content

Social Discovery | Web Fundamentals | Google Developers

You can influence the way your site appears when shared via social media by adding a few lines of code to each page…

Enable Search result features for your site

Google supports many interesting search appearance elements that can be applied to your page in search results: A few…

Understand how structured data works | Search for Developers

Google Search works hard to understand the content of a page. You can help us by providing explicit clues about the…

web.dev

Join us for web.dev LIVE, a digital event from June 30th to July 2nd to learn modern web techniques. More at…

Svg

Adding vector graphics to the Web

This article has provided you with a quick tour of what vector graphics and SVG are, why they are useful to know about…

A Practical Guide

Preparing an SVG for use on the web is a simple process and no more complicated that exporting a JPEG or PNG. Work as…

Best Practices

HTML guidelines

The following guidelines cover how to write HTML for MDN code examples. Note: The guidelines in this section apply only…

HTML Style Guide and Coding Conventions

A consistent, clean, and tidy HTML code makes it easier for others to read and understand your code. Here are some…

Written by Goldobin Anton