Html Basics

#html #css #webdev #beginners

Hello,
My name is Fabjola, graduated in Finance, with two years of experience in this field. I have recently shown interest in programming, as the world is advancing and it seems that the future is mostly there.

The course with which I decided to start my journey in this field is called - The Complete Front-End Web Development Course - and it looks really interesting.

First I was introduced to html basics and then to the advanced level.

I was introduced to the structure of the html document and its elements. An element is the opening tag, all of the content within it, and then the closing tag itself. One of the main elements is <div> </div> which is considered a full block element, and has the width of the whole page, and then <span> </span> which gives the possibility that the content in the middle to be as wide as we want it to be.
Then I learned that <i> </i> stands for italica, <b> </b> for bold, <p> </p> for paragraph and <a href=""> </a> to put a hyperlink reference to the web page we are creating.
Another really interesting detail that I have recently learned in this course is the creation of lists on web pages. For unordered lists use the <ul> <li> </li> </ul> element. This way the listed content will appear on the page we are trying to create, but without a numerical order.
For ordered lists the element <ol> <li> </li> </ol> will be used. Content will be listed in numerical order.
It is very important to note that the page will have a structure, which consists of header, body and footer. Starts with <html> and ends with </html>, which basically means that the tag wraps around the entire page.
Inside the <html></html>element there is generally a structure that starts with <head> <title> </title> </head>, an element which indicates the title of the document but it is not printed out in the page.
The structure then continues with <body></body>, an element in which the inside of the web page is treated. Basically, in order not to make a div soup and for the work to be more structured and organized, some <article> </article> elements are used.
The <footer> </footer> element is used to close the page.