The boilerplate of a HTML page looks like the below code snippet
<!DOCTYPE html> <html lang=""> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> </html>
At the top of every HTML document you will see
<!DOCTYPE html>, this tells the
browser that the content of the file is HTML. This is largely unneeded in modern
browsers as they will assume this, but it is best practice, so you should still
html tag is used to show that all the content inside should be processed
as HTML. This is the root (top level) element of a HTML document. An important
attribute to include on this tag is
lang. This allows you to specify the
language of your page, this is useful for screen readers for people with visual
impairment. To specify the language to be english you would do
<html lang="en"> <!-- Content in here --> </html>
The head is used for all the data that isn’t displayed on the page. This includes a variety of things, including setting the page title and importing content.
This tag is used to set metadata about the page
The example here is to set the character set to be unicode. This allows for a wider range of characters, such as emojis. If this is not set, then characters might appear differently on different devices as it will be left to the browser to choose the character set.
This tag is used to set the title of the page, this will appear in the tabs in a browser. To set it, just insert the desired title inside the tag, for example.
This is used for all the content on the page. Whatever you put in here will be put onto the page.