Basic HTML tags to know for bloggers and those who have a website

When you want to create a blog or website, as seen in previous articles, it is not necessary to pay a professional because, if you have time and do not need special advanced features, just use one of those free online programs that allow you to create a website without HTML code.
Even if these online tools are more and more powerful and easy to use, you cannot have a site without even knowing the ABC of HTML or the main programming language with which websites are generated.
HTML ( HyperText Markup Language ) is actually not a programming language, that is, a language for communicating instructions to a computer, but a Markup Language, that is, a way of writing text formatted for the web.
Browsers such as Firefox or Internet Explorer read this HTML code and show what is written in an orderly way, with all the objects arranged as intended by those who made the site.
In other words, HTML describes the web pages and, based on this description, the browser creates an image.
Given that this is not a guide to HTML, for which it would take more than an article, what I want to share are the basic rules to better understand HTML tags and to be able to use them when needed, in your forum, in a blog or to make changes on a website.
HTML uses tags that are used to describe the behavior of a text, enclosed in angle brackets, like this:
The word inside the parenthesis is the opening tag and each opening tag must be followed by a closing tag like this:
1) Text formatting on websites is now done using CSS, another markup language that allows you to describe the graphic layout of a web page, so as to recall styles in HTML.
However, you can use some basic formatting tags when needed:
HTML: bold (you can also use strong instead of b)
As seen on browsers: bold
HTML: italic (you can also use en instead of i)
As you can see: italics
HTML: underlined
As you can see: underlined
HTML: strikethrough (you can also use strike instead of s)
As you can see: crossed out
2) The creation of hypertext links allows you to describe URLs or site addresses, without having to specify the entire address, ugly to look at, especially if the link is very long.
HTML: Navigaweb.net
As you can see: Navigaweb.net
This HTML tag is a little more complicated: the real tag for specifying hyperlinks is while the other additional elements are attributes that specify additional characteristics.
The href = attribute specifies the address while the title = defines what appears when the mouse is hovered over the word.
In HTML we use quotes to enclose attribute values ​​while in xHTML (also used by the Blogger editor) we use the apostrophe '.
3) Adding images or photos is one of the most important things to know, also because often, in the sites that host photos, the HTML code is provided for use in blogs or forums or in other sites.
HTML:
As seen:
In this case, the actual tag is while the required attributes are src = and, optionally, alt = which describes the image in words.
Again, use quotation marks to avoid broken links.
As you can see, the tag closes with a /> without repeating the word img .
You can add the attribute float = "left" or float = "right" to format an image left or right, so that it is wrapped in text.
To make a hyperlink to an image you can use it as a code:
HTML:
As seen:
4) Paragraphs and line breaks
To create structured text, and to wrap, you need to use tags to create line breaks and paragraphs.
In HTML, after one line, you can write it
to go to the bottom.
This opens and closes at the same time so you don't have to repeat it.
To create paragraphs, in the sense there is an empty line before and after, you must enclose the written text between the HTML tags

is

5) The lists can be made in an orderly manner as numbered lists or unordered with bulleted lists.
The numbered list looks like this:
HTML

1. Article One


2. Article Two

Result:

1. Article One
2. Article Two

The bulleted list uses a different tag instead of

it's used
:



• Article one


• article two



Result:

• Article one
• Article two
Either way, the tag
• it is used to define an element within the list.
  Conclusion: A tag does nothing more than indicate a position or a selection of the document, specifying the type of magic that must be done.
  Some tags are present in every web page and enclose the sections: ... indicates the beginning and end of the page, ... is the head of the document, where thiol, description, CSS and script are indicated and ... which is instead the page body.
  Although these are only preliminary notions, all those who deal with a site and also those who surf the internet by participating in forums and blogs must know.
  To learn more about the HTML topic, in another article, I reported the best sites with guides for HTML and CSS, with examples and online editors to do the tests .
  To see the HTML of a page, just press the right mouse button anywhere and view the HTML.
  If you use Google Chrome, you can use the " Inspect page " function to see which code has been used in a particular point so that you can take inspiration and reproduce it on your site.
  On this page you can download a table with the basic HTML tags for bloggers .
  On the HTML Reference site, however, there are all the tags with the properties and attributes that go with them, all on a page.