Lenguaje de programación HTML by Aylett Capella

Atributos 01

capellaaylett — 2023-08-21 00:31:39 UTC

Los atributos HTML son palabras especiales que se utilizan dentro de la tag de apertura para controlar el comportamiento del elemento. Los atributos HTML son un modificador de un tipo de elemento HTML. Con ellos podemos identificar mejor un elemento, informar qué archivo debe usar esa tag, indicar el tipo de campo de texto, etc...

Hay dos tipos de atributos en HTML, los globales que son aceptos por toda las etiquetas, como: class, id, lang, style y algunos otros que puedes consultar en la documentación también hay específicos que solo algunas etiquetas plantean, como, src, disabled, href, label,etc..

Atributos 02

capellaaylett — 2023-08-21 00:36:54 UTC

Los atributos de HTML son palabras especiales utilizadas dentro de la etiqueta de apertura, para controlar el comportamiento del elemento. Los atributos de HTML son un modificador de un tipo de elemento de HTML. Un atributo tampoco modifica la funcionalidad por defecto de un tipo de elemento o proporciona funcionalidad a ciertos tipos de elementos incapaces de funcionar correctamente sin ellos. En sintaxis HTML, un atributo se añade a una etiqueta de inicio de HTML.

Se han reconocido varios tipos de atributos básicos, incluyendo: (1) atributos requeridos, necesitados por un tipo de elemento particular, para que aquel tipo de elemento funcione correctamente; (2) atributos opcionales, utilizados para modificar la funcionalidad por defecto de un tipo de elemento; (3) atributos estándares, soportados por muchos tipos de elementos; y (4) atributos de evento, utilizados para causar que los tipos de elemento especifiquen guiones o script para ser ejecutados bajo circunstancias concretas.

Algunos tipos de atributo funcionan de manera diferente, cuándo son utilizados para modificar diferentes tipos de elemento. Por ejemplo, el atributo name (nombre) se utiliza por varios tipos de elementos, pero tiene funciones ligeramente diferentes en cada uno.

Atributos 03

capellaaylett — 2023-08-21 00:40:55 UTC

Los atributos de HTML generalmente se muestran como una pareja nombre-valor, separados por =, y están escritos dentro de la etiqueta de inicio de un elemento, después del nombre del elemento:

<element attribute="value">element contentelement>

Dónde element nombra el tipo element del HTML, y atributte es el nombre del atributo puesto al value(valor) proporcionado. El valor puede estar encerrado en comillas simples o dobles, aunque hay valores compuestos de ciertos caracteres y que pueden quedar descomillados en HTML (pero no en XHTML). Dejar valores de atributo descomillados se considera inseguro.

A pesar de que la mayoría de los atributos se proporcionan como nombres y valores parejados, algunos afectan a la simplicidad del elemento con su presencia en la etiqueta de inicio del elemento (como el atributo ismap para el elementoimg).

El elemento de abreviatura, abbr, se puede usar para mostar estos distintos atributos:

<abbr id="anId" class="aClass" style="color:blue;" title="Hypertext Markup Language">HTMLabbr>

Este ejemplo visualiza como HTML, y en la mayoría de los navegadores, al apuntar con el cursor en la abreviatura, debería mostrar el texto de título: "Hypertext Markup Language."

La mayoría de elementos también toman la los atributos relativos a lenguas lang y dir.

Atributos comunes

capellaaylett — 2023-08-21 00:48:40 UTC

La mayoría de elementos pueden tomar cualquiera de varios de los atributos comunes:

El atributo id (identidad) proporciona un identificador único en el ámbito de todo el documento para un elemento. Este puede ser utilizado como selector CSS para proporcionar propiedades presentationales, por los navegadores para centrar la atención en el elemento concreto, o por scripts (guiones) para alterar los contenidos o la presentación de un elemento. Anexado a la URL de la página, la URL directamente apunta el elemento concreto dentro del documento, típicamente una subsección de la página. Por ejemplo, los #ID "Atributtes" en http://en.wikipedia.org/wiki/html#Atributtes
El atributo class proporciona una manera de clasificar elementos similares. Esto puede ser utilizado para propósitos semánticos, o para propósitos de presentación. Semantically, por ejemplo, las clases se utilizan en microformatos. Presentacionalmente, por ejemplo, un documento HTML podría utilizar la designaciónclass="notation" , para indicar que todos los elementos con esta clase de valor están subordinados al texto principal del documento. Tales elementos podrían ser reunidos juntos y presentados como notas al pie en una página, en vez de aparecer en el sitio donde se encuentran en la fuente de HTML. Otro uso sería como selector CSS.
Un autor puede utilizar propiedades no presentacionales de código atribucional de style para un elemento particular.El atributo de estilo se puede utilizar en cualquier elemento de HTML ( se validará en cualquier elemento HTML; aun así, no es necesariamente útil). Se consiera mejor práctica usar los atributos iddo classde un elemento para seleccionar el elemento con una stylesheet (hoja de estilo), aunque a veces esto puede ser demasiado pesado para una aplicación de propiedades de estilo simple y específico o ad hoc.
El atributo de title (título) se suele usar para unir explicación subtextual a un elemento. En la mayoría de los navegadores, este atributo se muestra como lo que a menudo se llama un tooltip o globo.

Atributos globales

capellaaylett — 2023-08-21 00:57:07 UTC

Los atributos globales, también conocidos como atributos estándares, funcionan con un gran número de elementos. Incluyen los atributos estándares básicos: entre los que se encuentran accesskey, class, contenteditable, contextmenu, data, dir, hidden (escondido), id, lang, style (estilo), tabindex, títle. Hay también algunos experimentales. Tanto xml:lang , como xml:base ha sido depreciados. Los atributos aria-* múltiples mejoran la accesibilidad. Los atributos de manejador de eventos, se listan más adelante en este página.

Técnicamente todos los atributos globales tienen que ser aceptados por todos los elementos, aunque no funcionen con algunos de ellos. La tabla inferior lista algunos atributos globales comunes, y algunos de los elementos con los que pueden funcionar.

Concepto

2023-08-21 01:57:26 UTC

El Lenguaje de Marcado de Hipertexto (HTML) es el código que se utiliza para estructurar y desplegar una página web y sus contenidos. Por ejemplo, sus contenidos podrían ser párrafos, una lista con viñetas, o imágenes y tablas de datos. Como lo sugiere el título, este artículo te dará una comprensión básica de HTML y cúal es su función.

Entonces ¿Qué es HTML?

nathaliacobas5 — 2023-08-21 01:59:49 UTC

HTML no es un lenguaje de programación; es un lenguaje de marcado que define la estructura de tu contenido. HTML consiste en una serie de elementos que usarás para encerrar diferentes partes del contenido para que se vean o comporten de una determinada manera. Las etiquetas de encierre pueden hacer de una palabra o una imagen un hipervínculo a otro sitio, se pueden cambiar palabras a cursiva, agrandar o achicar la letra, etc. Por ejemplo, toma la siguiente línea de contenido:

¿Cuál era el objetivo para crear HTML?

nathaliacobas5 — 2023-08-21 02:04:11 UTC

Este lenguaje nació en 1991 gracias a Tim Bernes-Lee como un sistema de hipertexto, cuyo único objetivo era servir como un medio de transmisión entre los científicos que trabajaban en la Física de alta energía, siendo parte de WWW (World Wide Web).

Es decir, fue concebido para el intercambio de documentos técnicos y científicos.

Sin embargo, en poco tiempo el lenguaje HTML se hizo muy popular y superó rápidamente los propósitos para los que había sido creado.

Desde entonces, ha pasado por diversas versiones, y en el 1996 se obtuvo la versión 3.2 de HTML, la cual fue una de las más sólidas y sobre la que se desarrollaría el lenguaje que actualmente conocemos.

Características principales del HTML.(1)

nathaliacobas5 — 2023-08-21 02:06:40 UTC

Es fácil de usar y entender.
Es utilizado para crear páginas web.
Permite describir hipertextos.
Permite que el usuario se mueva por cualquier sitio de Internet haciendo clic en un texto específico —hipervínculo—. Y lo que etiqueta al HTML es el marcador del sitio web, estableciendo un texto pasado dentro de un nuevo texto.
Está fundamentado por una serie de breves códigos escritos en un registro de texto por el desarrollador del sitio web.
Es multiplataforma, por lo que se puede acceder desde cualquier lugar y dispositivo.

Características principales del HTML.(2)

nathaliacobas5 — 2023-08-21 02:08:42 UTC

No es necesario estar en línea para que el lenguaje HTML funcione correctamente, ya que se puede codificar una página web sin conexión alguna, es decir, es posible almacenar todo un sitio web en una computadora y luego transferir los registros a la web.
Todos los elementos de un documento HTML constan de una etiqueta de inicio, un bloque de texto y una etiqueta de cierre.
Tiene un despliegue rápido.
Es reconocido y admitido por cualquier tipo de explorador web.
Permite archivos pequeños.
Su lenguaje es estático.
Las etiquetas son limitadas.

Ventajas de HTML

dominguezvaleria0410 — 2023-08-21 04:20:19 UTC

algunas de sus ventajas son:

Es el lenguaje web por excelencia.

Es de fácil uso y entendimiento: las personas que tienen poco conocimiento en lenguaje aprenderán de manera cómoda y agradable.

El HTML es idóneo para el aprendizaje por su marcado limpio y consistente.

Este lenguaje de marcado de hipertexto es de código abierto, lo que significa que es gratis y se ejecuta en todos los navegadores.

Ventajas 2

dominguezvaleria0410 — 2023-08-21 04:21:48 UTC

Se integra muy bien con lenguajes backend del tipo PHP y Node.js.

Sus archivos son pequeños.

Describe hipertextos.

Su código es visible.

Posee una comunidad de apoyo y soporte extendido, pues es un recurso muy utilizado por infinidad de usuarios.

Desventajas de HTML

dominguezvaleria0410 — 2023-08-21 04:24:18 UTC

El lenguaje HTML tiene algunas características que pueden no ser suficientes para los programadores, puesto que ningún lenguaje de programación es perfecto y HTML no es la excepción. Algunas desventajas pueden ser las siguientes:

El HTML es estático, o lo que es lo mismo, es un lenguaje pensado para páginas web estáticas o no dinámicas. Así mismo, por ser estático, no permite el manejo de base de datos.

El HTML no tiene semántica ni estándares comunes: su uso de etiquetas contiene nombres diferentes.

El lenguaje HTML es independiente, es decir, un programador o desarrollador debe crear páginas web de forma individual para el HTML, así sea la misma síntesis.

Al ser el HTML un lenguaje de interpretación, las páginas pueden verse levemente diferentes en función de cada navegador, es decir, se someten a la interpretación que cada navegador ejecute.

Otro tipo de desventajas

dominguezvaleria0410 — 2023-08-21 04:26:56 UTC

Aunque esto no es generalizado, puede pasar que se presente incompatibilidad con ciertos navegadores.

Un ejemplo de ello podría ser que algún navegador antiguo no reconozca etiquetas nuevas del HTML.

Registra y almacena muchas etiquetas que pueden dificultar su procesamiento y corrección.

Puede llegar a ser desordenado a causa de muchas líneas de código y etiquetas que se convierten en basura y pueden acarrear una mala estructuración.

No existe ningún programa externo que admita el contenido del lenguaje y lo procese.

Su funcionamiento es lento y limitado.

Si bien existe una gran comunidad que atiende y entiende el HTML, suele suceder que las soluciones brindadas a un problema específico en HTML no sean las correctas, por lo que el problema puede multiplicarse.

Importancia

dominguezvaleria0410 — 2023-08-21 04:27:52 UTC

El lenguaje HTML sirve para describir la estructura básica de una página y organizar la forma en que se mostrará su contenido, además de que HTML permite incluir enlaces hacia otras páginas o documentos.

¿Qué son las etiquetas de progamación en HTML?

liatrujillo31 — 2023-08-21 04:45:11 UTC

son fragmentos de código que permiten crear elementos HTML, que son la estructura básica de este lenguaje. Estos elementos tienen dos propiedades básicas: los atributos y el contenido

¿Cuáles son las etiquetas y elementos de HTML más usados?

liatrujillo31 — 2023-08-21 04:56:54 UTC

Para el lenguaje de programación HTML existen hoy en día 142 etiquetas con las cuales se pueden crear infinidad de elementos. Dentro de todo ese compendio de etiquetas, las más u tilizadas, o que pueden definirse como las principales, son los elementos de bloque y los elementos en línea, entre otras

Definimos a continuación las más usadas:

liatrujillo31 — 2023-08-21 05:00:59 UTC

Elementos de bloque: son los que ocupan el ancho de la página. Sirven para iniciar una nueva línea en el documento, de tal forma que un elemento de encabezado, por ejemplo, se ubicará en una línea separada de un elemento de un párrafo

Elementos en línea: este se encarga de dar formato al contenido de los elementos de bloque. Este le da un aspecto a los enlaces y a los textos

Etiquetas HTML

liatrujillo31 — 2023-08-21 05:05:31 UTC

Imágenes
Texto
Hipervínculos
Listas de palabras
Tablas, etc.

Así, para que un elemento de este tipo pueda ser leído, la etiqueta debe tener dos partes: una etiqueta de inicio () y una de cierre () entre guiones (< >).

Por ejemplo, las etiquetas y definen un texto en negrita. Si en nuestro documento HTML escribimos una frase

Etiquetas HTML 2

liatrujillo31 — 2023-08-21 05:18:06 UTC

Como seguro habrás notado, la etiqueta inicial sirve para definir el comportamiento del contenido (por ejemplo, si un texto irá en negritas o si tendrá un tamaño específico), y la de cierre le indica al navegador hasta dónde debe llegar ese comportamiento. Para construir los “cierres” sólo necesitas agregar una diagonal (/) al inicio de la etiqueta.

Integrantes del grupo

capellaaylett — 2023-08-21 05:59:01 UTC

Aylett Capella
Nathalia Cobas
Aury Dominguez
Lia Trujillo