Learn basic HTML

HTML is the language for creating Web pages and the HTML elements are actually blocks that are used to build a page. Learn the basics to become a front-end professional.

(This article was initially posted on https://www.developermate.com)

HTML stands for HyperText Markup Language. The first web pages was released in 1990 and the pages were only used for presentation. Today the web is a very important piece in our daily lives. You may use many different web browsers to look at web-pages, like: Google Chrome, Opera, Internet Explorer and Firefox.

HTML Page Structure

It is important to understand the HTML page structure.

The is used for the title and meta-tags. Only content inside the section (the white area) is displayed by the web browser.


HTML tags are element names surrounded by angle brackets.

HTML tags are usually in pairs like



Remember to use a a forward slash when you write the end tag.

HTML Attributes

HTML attributes are used to modify the value of the HTML element. Elements will often have multiple attributes.

content for the html element…

The HTML attribute defines a unique id for an HTML element. The id must be unique within the HTML document.

You can use the to select the HTML element, then you can read or manipulate the element with CSS and JavaScript.

HTML Building blocks

The HTML elements can also be called building blocks. These elements are used to build a HTML page. The elements consist of start and end tags and between those tags we put the text or graphic content.

The HTML Block-level Elements

A block level element always starts on a new line. This type of elements also always takes up the full width available on the page. This means that it extends as far as possible to the left and as far as possible to the right.

The HTML Inline Elements

Unlike a Block-level element, an Inline element does not start on a new line. In addition it does not take up the entire width, but just as much width as necessary.

The Empty HTML Elements

There are also HTML-elements that are has no content and these are called empty elements. An empty element that is used frequently is the element
. This is an empty item that has no content.

Lower- or Uppercase?

Although it is not wrong and actually completely valid to use uppercase letters for tags and attributes when writing HTML the convention is to always uses lowercase letters. This is for historical reasons and goes back to XHTML days where the conversation was completely strict and where uppercase letters were not valid.

HTML Headings


elements are representing six separate levels of section headings. The highest section is level

and the lowest section is

. You could also say that

has the highest importance and

has the lowest importance.

Headings are not only important for changing the look of the page. Headings are also important when it comes to how search engines work. To index the structure and content of a web page the search engines are using headings.

Users often make a quick check of your page by just reading the headings. It is important to use headings to view the document structure.

HTML Paragraphs


element defines a paragraph.

The paragraph tag places a blank line above and below the text.

HTML Links

HTML Links is used to link pages with each other. HTML Links are also called hyperlinks. A website consists of several pages and you should link the pages together. Links makes it easy for users to navigate between pages in your website and even to other websites.

HTML Tables

The element HTML

is being used to represent table data. Table data is information that we can present in a two-dimensional table. Such a table consists of a number of rows and a number of columns of cells containing data.

In HTML there are three different ways to define lists of information. All existing lists must contain at least one list element, but it can also contain multiple list elements.

HTML Formatting Text

To be able to format text elements it’s good to be familiar with the options available for setting the textformat in HTML and XHTML.
The formatting elements are designed and used to display various types of text.

Computer Phrase Elements are useful when it comes to documenting computer code development and user interactions. This is done by differentiating source code , variables , user input and terminal or other similar output .

Reserved characters

A bit of text (a string) that begins with an ampersand (&) and ends with a semicolon (;) is called an HTML entity. These are mostly used to display reserved characters. These bits of text would otherwise be interpreted as HTML code and invisible characters. This is also useful if you wish to write characters that are difficult to type on a regular keyboard.

Some characters are special and reserved for use in HTML. That means that these characters will be parsed as HTML code by the browser. So when for example the less-than (<) sign is used in the code your browser will interpret the text that follows as a tag.

HTML Comments

Comments are parts of the code that are ignored by a browser. To explain and define section parts of a document to others who see the code, it’s a good practice to add comments to your HTML code. Especially in complex documents. To increase the readability of the code and help others understand the code, then comments are very useful.

Texts and content placed between these tags are handled as a comment and will be completely ignored by the browser.

read original article here