DekoSoftware

Public User

Home · HTML · Javascript · CSS · PHP · MySQL · Stripe · AuthNet · Unix · Server · Email · GIFs · PNGs · SVGs · Video · Misc ·

A web page consists of a standard set of tags. A tag is a standard name that consists of an opening and closing tage. For example, the html tag opens with
<html>
and closes with
</html>

Some specially named tags (more on this later) do not require a closing tag, although you can use a closing tag but it is just ignored by the html interpreter.

A web page has a standard extentions which is usually .html or .htm . The browser will load the page, look at the extension and interpret the page according to the page's instructions. An html or htm file is a text file that is interpreted by the browser to you only need a basic text program to write web pages. Some programs, such as Dreamweaver or BBEdit will color code your text file and offer suggestions as you type the code to help you avoid mistakes.

A standard web page consists of html, head, and body tags is this format:

<html>
<head>

Head content here - not displayed in the browser

</head>

<body>

Body Content here - displayed in the browser

</body>
</html>

When the user clicks on a link, the server calls the page to be delivered to the browser. The page is loaded sequentially from top to bottom. As the browser gets requests for resources, some are run in PARALLEL so the page loads faster. Keep this in mind when designing your page because you don't want to act on a resource until after it has loaded. For example, if you wanted to put a default value in a text box, if you run the code before the text box is loaded, the text box will be empty. Therefore, put that code at the end of the page, not at the beginning. Alternatively, you could mark the script with DEFER or ASYNC and it will load last or much later in the loading sequence.

As reources are requested (images, scripts, videos, etc) some will have priority over others. Images and stylesheets are lower priority and are run in parallel so the rest of the page can continue to be interpreted. A script tag not marked as defer or async will be given priority and must be parsed (interpreted) BEFORE the rest of the page continues. Here is a good explanation of page loading.