HTML elements

An HTML element consists of an initial label and a final one, whose objective is to contain some other HTML element inside it or some other content, it is important to clarify that there are also HTML elements without content which are known as empty elements and do not have a label final.

Music and video with HTML5

Video with HTML5. | https://www.emailonacid.com/

This topic was an important factor for the creation of HTML5, because previously when we wanted to place our users some music player or video, only could interact those users who accessed our website through the use of a computer, being unable to enjoy this, the users who accessed a mobile device or tablet.

For many users this can be very frustrating, and it is not for less considering that currently most of the users who surf the Internet do so through the use of a mobile device or tablet.

Everything you need to know before buying a domain

Domains. | https://www.blogsaays.com/

Having a personalized domain for our website has several advantages: it acquires a professional image, gives credibility to users, protects the name of the site on the Internet and if it is short you allow them to access more easily because it is easier to remember. That is why before buying a domain you must know certain things and clear all the doubts you have.

The div element in an HTML document

The div element. | https://thediv.org/

In this post we will introduce you to some applications of the <div> element in HTML documents, because perhaps this is the most important element in the creation of websites after the basic structure of an HTML document.
This element is used to define a section or block of content, to be able to apply different styles and even allow interaction with it through the use of Javascript, PHP, or any other programming language.

Classes and identifiers in a HTML document

In all HTML elements used for the creation of websites we can add attributes, among which the most common are the classes and identifiers. These are used to interact with the elements, both to modify their design and to create changes in them. There are two types of attributes intended for this, "class" and "id".

Classes and identifiers. | https://css-tricks.com/

id: It allows to identify a single section or block, in a standard way there should not be two or more elements with the same identifier. When you want to modify an element (only CSS) with this attribute, it is necessary to prepend the number sign (#) to its name.

class: It is similar to id, but with the great advantage that it can be used in two or more elements. When you want to modify an element (only CSS) with this attribute, it is necessary to prepend a dot (.) to its name.

Both attributes, like any other, require a value, in the case of these, their value is the name that we decide to place on the element that we want to modify.

The "class" attribute.
To understand its use, we can imagine a website where we want to modify the appearance of certain <span> elements and for that we need to use the "class" attribute.

In the following example we have 3 different lines of text, two <span> elements are defined with the same value in the attribute (class), thanks to this we can also modify the appearance of both elements.

Code:

<style>
.name {
color: red;
}
</style>
<span> Content 1 </span><br/>
<span class="name"> Content 2 </span><br/>
<span class="name"> Content 3 </span>

Result:

Content 1
Content 2
Content 3

As you can see in the previous example, only the elements that had the attribute "class" were modified and the remaining element had no change. However, this does not mean that any element that has the same attribute will be modified in the same way, at least if we do not want it, it would not have to be that way. This is achieved by defining in the CSS styles to which specific elements we want to apply the change by by placing before the dot or the number sign, the name of the element, for example: span.name and div.name, the above will allow us to use the Same name for the attribute but with different CSS styles for each one. Below you can see an example.

Code:

<style>
span.name {
color: red;
}
div.name {
border: solid 1px blue;
}
</style>
<div class="name">
<span> Content 1 </span><br/>
<span class="name"> Content 2 </span><br/>
<span class="name"> Content 3 </span>
</div>

Result:

Content 1
Content 2
Content 3

The "id" attribute.
In the case of the "id" attribute everything happens exactly the same that the attribute "class", however this can only be used in an element of the same type, you can see an example below.

Code:

<style>
#name {
color: red;
}
</style>
<span> Content 1 </span><br/>
<span id="name"> Content 2 </span>

Result:

Content 1
Content 2

To be used in elements of different types, CSS styles are also applied as we showed above for the class attribute, you can see an example below.

Code:

<style>
span#name {
color: red;
}
div#name {
border: solid 1px blue;
}
</style>
<div id="name">
<span> Content 1 </span><br/>
<span id="name"> Content 2 </span>
</div>

Result:

Content 1
Content 2

Differences between Atmel (AVR) and Microchip (PIC)

Atmel vs Microchip. | https://www.microchip.com/

Although today these two large companies have become one (Microchip Inc.), the great Atmel technology has not ceased to exist and will not, at least what was initially designed by Atmel.

When we just started in the world of microcontrollers perhaps many of us ask ourselves some occasion, which is better? Atmel (AVR) or Microchip (PIC)? It seems that this question was passing from generation to generation.

While it is true that the PIC community is the largest in the world we can not ensure that its technology is really better than any other microcontroller, it is necessary to investigate a little more about the characteristics of each of them before issuing an opinion.

So this post tries to present the main differences that the AVR microcontrollers and the PIC have in a general way, it should be noted that thanks to the union of these companies are currently in production new models of microcontrollers with both technologies.

Software for website development (editors).

Software Development. | https://foreignpolicyi.org/

Using a development software is very important, in fact it could be considered as indispensable because if we did not use it we could hardly develop, at least in this type of programming, at some point you asked what is the best software? or wich is the most convenient to use?, we have a surprise!, because the answer to all the above is that it is different for each person, because each of us has different ways of develop and perhaps the software that for someone is more efficient to another one seems boring and does not attract attention.