The simplest web page is a text file which contains only this:
<html> <p>Text of the page. </html>
Create this in a text editor such as Notepad. Or use WordPad or Word, but then save the file as text. Give the file a name like "page.htm" or "page.html".
Then start a browser such as Internet Explorer,
and open the page that you just saved. You see your first self-made web page.
Here you can read more about this procedure.
As you see HTML consists of text, with commands intermixed, which are
between "less than" < and "greater than" >
characters. Some commands start somewhere, and also have an end, which
is indicated with the same command, but then with a slash in front of it.
Some commands may have such an indicated end, but do not need to. Yet others don't have an end at all, <br> for example.
This very simple file does not exactly adhere to the rules. To do a better job a better file structure is recommended. But we'll leave that for now.
First let's look at the text structure.
This is the text of a paragraph. A paragraph can consist of more than one sentence. In a text processor, a paragraph is terminated with a "hard return". In HTML it makes no difference where hard returns are placed, they will be treated as white space. Multiple spaces and hard returns in a row are treated as if they where a single space. In HTML, a paragraph is indicated by <p>.
A line break can occur even within a paragraph.
This is the start of a new line, even though the paragraph still continues. The HTML code for this is <br>.
Text can be bold, italic or underlined, but it is much better to achieve that using CSS. The same is true for handling fonts, font size, and colour: don't do it, CSS is better, and it has all the features too.
A piece of text can be placed a little higher or lower, the so-called superscript and subscript, which is nice for squaring (x2) and for chemical formulas (H2O is water, H2SO4 is sulphuric acid, and H2S stinks).
A horizontal line, indicated by <hr>, can be used to delimit part of a web page, as is done here above and below.
In separate html files I will dilate upon: