If you have a web page and you want to improve your SEO positioning, in this post I will show you the best HTML links. The pages are programmed in HTML language. In the SEO context, an HTML tag is a piece of code used to describe the searches how to treat each part of a web page. They can be used to give instructions to search engines, to identify important parts of the text, and many other things. Below we see an example of the basic structure of a link: <a href=”https://xupxup.net/blog-xupxup/”>”anchor text”</a> A good SEO resource is to put the keyword that weRead More →

Before we get into the history of HTML, it’s important to note what HTML is. What is html?The HyperText Markup Language or HTML is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets (CSS) and scripting languages such as JavaScript.And why hypertext? Because it is not just about a sequential text, but about all the possible links that we can integrate in it, from other designed pages to complex tables, videos or games, among others. The origins of HTML In the early 1990s, physicist Tim Berners Lee, a researcher at the European Organization for Nuclear Research (CERN), published anRead More →

What is a post on WordPress and why you should start creating it. A wordpress post is a type of publication that can be created on WordPress and it is usually made with the purpose of a knoweldge expansion (how am I doing right now). They are characterize by their temporary and dynamic nature and they are usually changing and updating to fulfill the value in the market. They are made with a common structure. First of all there is a title, where you must write a catchy title to atract users. And a body where the content is added: Paragraph Image List Videos QuotesRead More →

What is Bootstrap? Bootstrap is a tool to help developers code responsive and mobile friendly website with HTML, CSS and Javascript. I regard is a must have for all who aspire to be an efficient developer. What makes Bootstrap so powerful is the fact that let’s developers create a clean and responsive interface without much knowledge and just in few lines. Finally, it is compatible on most of browsers like Chrome, Safari, Firefox, etc. Differences between Bootstrap 4 and Bootstrap 5 There are a really good changes between these two versions that improved the performance and made life easier to developers. Added an extra tierRead More →

In every web project sooner or later, icons are used. The icons can represent the typical facebook, instagram, youtube… as well as the typical images that we end up seeing everywhere. In this post we will see how we can implement them on our websites. Fontawesome is a repository of icons, some paid and some free. Updated and quality images of well-known brands, emoticons… Fontawesome and other icon repositories help us save time in the implementation of our web project. There are also other examples of alternatives that offer icons such as: glyphicons  (the bootstrap included library) iconmoon.io ionicons octicons In the case of ourRead More →

Understanding the meaning and composition of HTML tags is one of the first steps for any professional who aspires to become a web developer or engineer. In this post we will know what is an HTML tag and some examples of them. HTML is a markup language, which means that it is written in code that a person can read without having to compile it first. In other words, the text on a webpage is “marked” with these codes to instruct the web browser on how to display the text. These markup tags are the HTML tags themselves. Tags anatomy When you write code inRead More →

As the name implies, Chrome Developer Tools is a set of web developer tools built directly into the Google Chrome browser that allows web developers to interfere and manipulate applications via the browser. With this tool you can easily: View and change page’s styles Debug Javascript Code Analyze runtime performance, so you can optimize your code View messages and running JavaScript in the Console To open DevTools, you can right-click anywhere on the page and select inspect element or you can choose the “tools > developer tools” option from the top right menu.   Now I’m going to show you some really useful and simpleRead More →

There are many types of dropdown menus, but in this post we will explain how to create the most basic. 1. HTML Use any element to open the dropdown menu, <button>, <a> or <p> element. Use a container element (like <div>) to create the dropdown menu and add the dropdown links inside it. Wrap a <div> element around the button and the <div> to position the dropdown menu correctly with CSS. 2. CSS The following structure is one of the main possibilities that is related to the previous HTML.  Basic Dropdown:  Create a dropdown box that appears when the user moves the mouse over anRead More →

Per poder pujar o enviar arxius a través d’un formulari caldrà afegir l’atribut multipart/form-data de l’enctype. Mostra una caixa de text, que forma part del d’un formulari, on l’usuari ha d’especificar la ruta de l’arxiu a l’ordinador per tal d’enviar-ho al servidor. Per permetre que l’arxiu s’enviï hem de tenir en compte: Existeixen dos metodes: Get i Post. Per poder fer-ho, en aquest cas, ens caldrà enviar-ho amb post Existeix un protocol per enviar informació des de la url. Aquest ens permet saber si és text o elements més complexes. Si no s’especifica el valor de l’enctype s’aplica un valor per defecte, que indica queRead More →