On several occasions, we have talked about how the first web pages were created. Few remain, most on the Internet Archive as souvenirs. The fact is that in the early days, so to speak, starting up a web page involved writing in pure and simple HTML.
You created a blank file and wrote in HTML. Then came CSS, PHP and later things got complicated with Java and Flash. In addition, tools such as DreamWeaver or FrontPage arrived, which allowed you to work with web pages just as you created a text document or a presentation.
Be that as it may, the HTML language remains a fundamental pillar of the Internet, so it is inevitable that you come across this language whatever your profession. So it does not hurt to learn the basic and essential tags to shape texts, images and, ultimately, any content in HTML.
Basic Labels
First, remember that HTML tags define the content inside. Usually, an opening tag and a closing tag are indicated. Sometimes there are labels within labels.
The opening labels are indicated between symbols less than <and greater than>, and the closing labels are between less than <, symbol / and greater than>.
HTML First and last tag of an HTML document. The rest of the labels go inside these two.
HEAD This tag specifies the metadata of the document.
TITLE Title of the page in question. It is displayed in the browser’s title bar.
BODY Inside is all the content that will be seen on the page.
GOAL Additional information on the page: author, various dates …
IMG To insert images. Within that tag, various attributes are specified, such as what image we publish, its name and size on the web. Image attributes can be the image itself src = “link” , an alternative title alt = “text” or the image size on the page in pixels with height = “” and width = “” .
FORM Used to insert an HTML form.
Formatting a text
STRONG Applies bold to tagged text. It can be replaced with the letter B.
EM Italicize the text. It can be replaced with the letter i.
CITE Allows us to quote the title of a book, song or other work.
BLOCKQUOTE Used to quote a phrase or text.
CODE Used to display code.
Structuring a document
H1 – H6 Up to six levels of titles and subtitles. From more to less size.
DIV Lets you divide content into blocks.
P To show plain text.
Lists
OL To make a list of ordered items.
UL To make a list of unordered items.
LI To make a list of individual items.
Links
A To link, the label is A (open) and / A (close). The attribute is HREF = “” to indicate the link, either internal or external.
With the attribute HREF = “mailto:” you can link to an email address.
Boards
Although it is more practical to go to an HTML table generator, using HTML language we can create simple tables to organize the content.
TABLE Defines the content of the table.
CAPTION Describe la tabla.
THEAD The title of each column in the table.
TR Contained in a row.
TD Contained in a cell.
Obviously, these tags are just the most common examples in a long list. You’ll find the full list in manuals and guides like the one available at W3Schools.