We have already seen the basic structure of a web page:
In its most basic we have:
<html>
<body>
</body>
</html>
You need at least that.
Your web page content goes within the <body> tags.
Normally you will have some other parts, such as the <head> which holds “hidden” content that can be used to configure your webpage and do other things. It can look something like the following (this is an edited and simplified version, not quite accurate, but sufficient for this example):
<html>
<head>
<title> This is the web page title </title>
<link> This holds page styles </link>
<script>This is some more code </script>
</head>
<body>
</body>
</html>
Most web pages have MUCH more content. Much much more! And within the <body> tags you’ll also find a LOT of <tags>, many of them very deeply nested. But if you break it down you’ll still find the above structure.
Side note:
If you wish to see some web page HTML code, you can right-click on ANY web page and select “Show source”. Prepare to be overwhelmed as most web pages have incredibly complex HTML these days. But you can use this to get an idea of how a web pages works, to learn new tricks, or to debug your own web pages. (if the won’t display correctly and you can’t understand why),
