What is HTML, who created it and what is it for?
HTML was developed by Tim Berners-Lee in the year 1990 (the father of the World Wide Web), HTML stands for Hypertext Markup Language.
It is used to create pages that are displayed on the internet. Each page has a series of connections to other pages (internal or external) called hyperlinks or links.
The HTML programming code guarantees a correct display of text and images in the user's browser.
It is in charge of providing a basic structure on the page, on which cascading style sheets are superimposed to change its appearance (CSS).
HTML is the structure of a web page and CSS is responsible for giving the web page a desired format and style.
Examples and use of HTML
As there is nothing better to learn than to practice, we are going to see some very basic examples written in HTML.
A very basic HTML example would be:
<html>
<head>
<title>Mi nueva página web en Benidorm</title>
</head>
<body>
¡Hola La Nucía, somos vecinos!
</body>
</html>
This would produce a very simple web page, with some text on it ( see result ).
If we wanted to dress it up a bit more, we should make use of CSS style sheets, or some more advanced framework.
Applying CSS styles
In this case, we are going to apply a CSS style on the .red-text class :
<html>
<head>
<title>Mi nueva página web en Benidorm</title>
<style>
.texto-rojo{
color: #FF0000;
}
</style>
</head>
<body>
<span class="texto-rojo">¡Hola La Nucía, somos vecinos!</span>
</body>
</html>
In this way the result would be a red text ( see result ).
Here is the HTML documentation .Ideal and essential for those who want to get started in web programming.
And we also leave you the CSS documentation .
Same example, but using JAVASCRIPT
Another basic element for those of us who are dedicated to this would be JavaScript (JS). Thanks to JAVASCRIPT we can make a web page "interactive", or provide elements that HTML and CSS cannot do because they do not have the capacity to do so.
For example, an alert is displayed in the browser 3 seconds after the page loads:
<html>
<head>
<title>Mi nueva página web en Benidorm</title>
<style>
.texto-rojo{
color: #FF0000;
}
</style>
</head>
<body>
<span class="texto-rojo">¡Hola La Nucía, somos vecinos!</span>
</body>
<script>
document.onload = setTimeout(function () { alert('Aprende HTML,CSS y JAVASCRIPT con BUSILEVEL'); }, 3000);
</script>
</html>
In recent years JavaScript has been modernized, new frameworks have been born that allow us to make web applications with a fantastic user experience. See VUE, or AlpineJS.
In future posts, we will explain what a framework is and which are the most used lately.
See JavaScript documentation .
Do you dare to design a web page?
If you are planning to create a web page for yourself, or dedicate yourself to this professionally, you should know HTML, CSS and JAVASCRIPT. In addition, it is a very easy, beautiful and recommended way to start programming.
Now that you know the 3 basic elements that make up a web page, do you dare to create something and share it with us?
In future posts we will go a little deeper into the HTML code so that you have a little more knowledge and we will explain the differences between static and dynamic web pages.
If you need help designing a logo, we recently wrote some posts that you might want to read, for example How to create a logo for my company or Tips for creating a good logo .
If you don't have time to learn all this and you need someone to design your website, we will be happy to offer you our web design, development and maintenance services!