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
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 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
Below you will see the basic tags that every html document should have:
The html tag is the first tag that appears in a document, it precisely marks the beginning and end of the entire document.
In the head tag we describe the things that are common to the document like the title, style sheets and scripts.
Inside this tag we write the content of the document as such.
These tags must go inside the head tag. They describe metadata and resources common to the entire document.
Inside the title tag we must write the title of the document, this will be visible in the browser tab.
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.
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.
These tags do not have a particular visualization, but they are useful to us to structure the document.
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.
With the span tag it is also possible to group elements, but not within a block, but in a linear way.
The header tag allows us to define the header of the document, generally there we find the logo and menu of a website.
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.
The select tag presents a dropdown list of options. You can click on the arrows in the visualization part to test its operation. explore
As its name indicates, this label has a button. explore
This tag has a check type button. These types of buttons are often used in groups to display multiple options. explore
This label features a radio button. This type of button is usually used in groups to choose a single option among several.
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
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.