¿Qué es una etiqueta HTML Span?

Hyper Text Markup Language (HTML) es un conjunto especializado de códigos de computadora utilizados para determinar cómo aparece una página web. Cada elemento está etiquetado con un código específico para que el navegador muestre el texto en la forma en que el etiquetador ha tenido la intención. La etiqueta SPAN se indica con y se usa para agregar un gancho a una porción específica de texto.

La etiqueta SPAN HTML es similar a la división lógica, o div etiqueta. Ambas se utilizan con hojas de estilo en cascada (CSS), un idioma que los desarrolladores web usan para asignar propiedades de estilo a los documentos web HTML, XHTML y XML. El uso de CSS permite la separación del contenido de los elementos de presentación, como el diseño, la fuente y el color. Esto hace que el contenido sea más accesible y la presentación sea más flexible.

La etiqueta HTML SPAN no hace un cambio activo en el texto indicado, a diferencia de las etiquetas que indican el tamaño del encabezado, el párrafo o el color de texto. En cambio, esta etiqueta se utiliza para agrupar una parte de HTML y para enganchar alguna otra información a esa porción. ThLa etiqueta E HTML Div funciona de manera similar, pero cada etiqueta tiene un propósito diferente.

La etiqueta DIV divide una página web en grandes secciones. Su uso permite a los desarrolladores definir el estilo de una gran sección del código HTML. Con la etiqueta Div, viene la capacidad de nombrar las secciones etiquetadas para que puedan tratarse fácilmente en CSS. Tenga en cuenta que la etiqueta HTML DIV rompe los párrafos. En otras palabras, puede tener párrafos dentro de una sección marcada con DIV, pero es posible que no tenga un DIV dentro de un párrafo.

La etiqueta de span HTML es similar a la etiqueta DIV, ya que encierra una sección de texto. Sin atributos de estilo, no cambiará el texto que ha encerrado. No hará ningún formato sin etiquetas de atributo, donde Div incluye descansos.

Tres atributos útiles que se pueden usar con la etiqueta HTML Span son estilo, clase e ID. Al usar SPAN, se puede unir un atributo específico a una pequeña porción de texto. Por exAmplio, si una oración se escribe en un encabezado de nivel 1 y la última palabra debe ser roja, la etiqueta HTML Span se puede usar para lograr esto. Vea el ejemplo a continuación.

<h1> Esto debería ser rojo </h1> </ xmp> </p> <p> producirá este resultado: </p> <p> <h1> Esto debería ser rojo </h1> </p> <p> Al encerrar la palabra deseada con la etiqueta HTML Span, el atributo, en este caso, el color rojo, se limita a la sola palabra indicada. Cabe señalar que la etiqueta HTML Span puede estar dentro del párrafo o las etiquetas DIV. Como con todas las etiquetas HTML, debe cerrar el elemento para que funcione correctamente. </p> </p> <section class="index-list"> <h4>OTROS IDIOMAS</h4> <ul> <li> <a href="/en/internet/what-is-an-html-span-tag.html" hreflang="en" lang="en"> English</a></li> <li> <a href="/cs/internet/what-is-an-html-span-tag.html" hreflang="cs" lang="cs"> Čeština</a></li> <li> <a href="/da/internet/what-is-an-html-span-tag.html" hreflang="da" lang="da"> Dansk</a></li> <li> <a href="/de/internet/what-is-an-html-span-tag.html" hreflang="de" lang="de"> Deutsch</a></li> <li> <a href="/sv/internet/what-is-an-html-span-tag.html" hreflang="sv" lang="sv"> Svenska</a></li> <li> <a href="/fr/internet/what-is-an-html-span-tag.html" hreflang="fr" lang="fr"> Français</a></li> <li> <a href="/it/internet/what-is-an-html-span-tag.html" hreflang="it" lang="it"> Italiano</a></li> <li> <a href="/nl/internet/what-is-an-html-span-tag.html" hreflang="nl" lang="nl"> Nederlands</a></li> <li> <a href="/no/internet/what-is-an-html-span-tag.html" hreflang="no" lang="no"> Norsk</a></li> <li> <a href="/pl/internet/what-is-an-html-span-tag.html" hreflang="pl" lang="pl"> Polski</a></li> <li> <a href="/pt/internet/what-is-an-html-span-tag.html" hreflang="pt" lang="pt"> Português</a></li> <li> <a href="/es/internet/what-is-an-html-span-tag.html" hreflang="es" lang="es"> Español</a></li> <li> <a href="/ja/internet/what-is-an-html-span-tag.html" hreflang="ja" lang="ja"> 日本語</a></li> <li> <a href="/ko/internet/what-is-an-html-span-tag.html" hreflang="ko" lang="ko"> 한국어</a></li> <li> </ul> </section> </article> </div><!--/contentWrapper--> </section><!--/content--> <aside id="sidebar" class="span3"> <a name="categories"></a> <div class="mobile-no"> <form action="/search.html" method="GET" id="searchBar" class="sm" autocomplete="off"> <input type="text" name="q" title="Buscar" class="search-query" placeholder="Escribe tu pregunta..." value="" aria-label="Escribe tu pregunta..."> <button type="submit"> <span class="sr-only">Activar/desactivar búsqueda</span> <i class="icon-search"></i> </button> </form> </div> <ul class="nav nav-list"> <li ><a href="/es/health-page-1.html">Salud</a></li> <li ><a href="/es/education-page-1.html">Educación</a></li> <li ><a href="/es/medicine-page-1.html">Medicina</a></li> <li ><a href="/es/science-page-1.html">Ciencias</a></li> <li ><a href="/es/physiology-page-1.html">Fisiología</a></li> <li ><a href="/es/finance-page-1.html">Financiar</a></li> <li ><a href="/es/business-page-1.html">Negocio</a></li> <li ><a href="/es/manufacturing-page-1.html">Fabricación</a></li> <li class='active'><a href="/es/internet-page-1.html">Internet<i class='icon-arrow'></i></a></li> <li ><a href="/es/technology-page-1.html">Tecnología</a></li> <li ><a href="/es/miscellaneous-page-1.html">Varios</a></li> <li><a href="/travel/es/">Viajes</a></li> </ul> </aside> </div> <footer> <p> <a href="/about.html">Acerca de nosotros</a> &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp; <a href="/terms-of-use.html">Condiciones de uso</a> &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp; <a href="/privacy-statement.html">Política de privacidad</a> <br> Copyright &copy; <a href="/es/">HelpLeft</a> All rights reserved. </p> </footer> </section> <script src="/js/app.min.js"></script> </body> </html>