A static website is made up of a series of directories and files located on a server and accessible from your computer through a browser.
When you access a web page, you are actually accessing one or more files that are stored on another computer which is called a server. The address or url that you can see in the browser has a direct relationship with those files.
Structure of a url
absolute urls
An absolute url is a text string that fully describes the location of a file on the web, it includes several parts such as the protocol, the subdomain, the host or server name, the domain, subdirectories and finally the file name.
relative urls
Relative urls contain only part of the absolute ones: just the directories and the file name. The browser will fill in the missing information so they are only used within html documents.
relative and absolute urls
The url’s are not only used in the browser’s address bar, they are also written within the html documents to refer to other files such as images, style sheets, scripts, audios, videos and in general any file that is published on the website. Web.
HTML – HyperText Markup Language
HTML is a language that describes a hypertext document.
HTML is not a programming language, it is a descriptive language made up of tags, a text that marks the beginning and end of an html element. The tags are interpreted by the browser and the result is what we see on the screen of our devices.
Structure of an html tag
basic tags
Below you will see the basic tags that every html document should have:
html
The html tag is the first tag that appears in a document, it precisely marks the beginning and end of the entire document.
head
In the head tag we describe the things that are common to the document like the title, style sheets and scripts.
bodysuit
Inside this tag we write the content of the document as such.
header tags
These tags must go inside the head tag. They describe metadata and resources common to the entire document.
title
Inside the title tag we must write the title of the document, this will be visible in the browser tab.
goal
The meta tag is used to describe information about the document, such as the author, a short description, and some keywords. This information is important so that search engines and social networks can know what the page is about.
link
With the link tag we can refer to an external resource, its most common use is to associate one or more style sheets to an HTML document.
script
The script tag is used to reference external code files or you can also directly include code within it. In this way we associate JavaScript code to HTML documents.
Structural tags
These tags do not have a particular visualization, but they are useful to us to structure the document.
Div
The objective of the div tag is to group various elements within a single block, this is useful for example when applying css styles, since we can apply a style to all the elements that are within the same div block.
span
With the span tag it is also possible to group elements, but not within a block, but in a linear way.
header
The header tag allows us to define the header of the document, generally there we find the logo and menu of a website.
footer
With the footer tag we define the footer of the document, usually here we have links to corporate information, frequently asked questions and contact information.
User interface labels
These tags present visual controls in the document, we use them to receive information from the user, for example in forms.
select
The select tag presents a dropdown list of options. You can click on the arrows in the visualization part to test its operation. explore
button
As its name indicates, this label has a button. explore
check box
This tag has a check type button. These types of buttons are often used in groups to display multiple options. explore
radio button
This label features a radio button. This type of button is usually used in groups to choose a single option among several.
explore
input
This tag is used to present the user with a data entry field that can be text, numeric, date or other types. You can write inside the field so that you can check its operation. explore
textarea
This tag presents an area that allows the entry of a larger amount of text. You can write a paragraph inside the field so that you can check its operation. explore your url.