Website Structure and HTML Document Basics

Classified in Computers

Written on May 16, 2025 in English with a size of 3.6 KB

CARLOS HAYA IES Building Computer Room Web pages pag. 3

Website Structure Types

The basic structures we observe at any site are one of the following types:

Tree Structure

In this structure, there is a main page (the home page in English terminology) from which you can reach other sites on the Web. In this way, the pages come to be grouped into levels, so that to get from the first to the last, you must pass through the middle. It is a very hierarchical structure and can be difficult to navigate if levels are excessive.

This structure may be ideal for a site organized in groups of separate pages.

In any case, the number of levels should not be excessive, never more than 3.

List Structure

There is no home page; what we have is a sort of list of pages where each has two neighbors: one to the left and one on the right (except the end pages). This way of organizing a site is much like a book where each page is a chapter.

We turn from the first to the last chapter through the middle. This structure is very suitable for manuals or processes where the user necessarily has to travel through a series of pages sequentially.

Pages can be mixed in hierarchical levels, but within each level, they are organized as lists, so that we can visit all pages of the same level without having to leave it.

Network Structure

From each page, you can go to any other site. It is a structure in which we must be very careful not to leave open links.

Choosing a Structure

What structure should you choose? It is normal that our website is a mixture of the above structures.

In any case, follow the following rule: ensure that a visitor will never have to click more than four times to get to the pages they want.

Introduction to HTML

What is HTML?

HTML, or Hypertext Markup Language, is a derivative of SGML, a language used to describe documents.

What does that mean? The structure of Web pages is described on the page through a series of tags that tell the browser how to display the document, or Web page:

When to change paragraph
When it should display text in bold or color
When to display an image
When to link to another document, etc.

CARLOS HAYA IES Building Computer Room Web pages pag. April

This is what tells the browser by means of marks or labels in the document. HTML is the language that explains what tags can be used on a page and how they are used.

HTML Document Structure

An HTML page should always begin and end with the <html> tag.

The tags tell the browser how to display the content: big, color, centered, the title of the page, etc.

The document is composed of two parts:

The Head Section (`<head>`)

Located between the <html> and <body> tags, it contains information not displayed on the page itself, such as the title or tags used for indexing your site.

The Body Section (`<body>`)

Bounded by <body> and </body>, this contains everything we see on screen.

The basic structure of an HTML document can be summarized as follows:

<!DOCTYPE html>
<html>
<head>
    <title>My first web page</title>
    <!-- Other head elements -->
</head>
<body>
    <!-- Page content goes here -->
    <p>This is a paragraph.</p>
</body>
</html>

Common tags used within the body include <p> for paragraphs.

Related entries:

Tags: