The following blog post will based on the very basics of HTML, usually a basic HTML file looks like below, It will explained what each bit of HTML does on a HTML page.
Declares the document as a HTML file to the web browser, this informs the browser what document type it is going to receive.
In a HTML document the HTML tag is symbolises the root of an HTML document, a HTML tag is essentially the container for all other HTML elements.
The head of a page is used for containing metadata such as stylesheets and Scripts files. The Head tag can also used contain other page information such as the page title.
title declares the name of the html document and is displayed on a pages tab.
A body tag contains all elements and all the contents that is going to displayed from the html document such as Paragraphs of text, page headings , Images on a page etc. There can only be one body tag within a html document.
A div is a division or a part of a webpage, divs are used to divide a webpage Into certain sections and can be very useful in regards to structuring a pages content, as an analogy think of divs as chapters in a book.
Is a used to declare a paragraph of text.
Is a used to declare a header of text and by default is set to bold.
span is almost like a small div tag that is typically used to highlight a small section of text, span tags can be very easily decorated in CSS.