HTML

Resumen:
La programación es la nueva era del siglo XXI, esta tiene un proceso al
momento de tomar un algoritmo y codificarlo en una notación, es decir un lenguaje
de programación, con el fin de que este lo ejecute un computador.
Este tipo de lenguaje en otras palabras es el “idioma” con el que
los desarrolladores de software dan instrucciones a los diferentes componentes de un
ordenador. Santander Universidades , (2018).
Una de sus características principales es un idioma o lenguaje formal y se
forman por una simbología y reglas que ayudan a definir su estructura y el significado
de cada elemento.
Este lenguaje se clasifica en dos niveles:
Nivel Bajo: Los que son únicamente orientados a las máquinas, este lenguaje se
convierte en un interfaz conde el hardware y software están vinculados.
Nivel Alto: Permite escribir códigos, donde las instrucciones sean semejantes a
los idiomas que se conocen, donde en el momento la ejecución se deben traducir en el
lenguaje de máquinas primero.
En la presente investigación hablaremos un poco más acerca de ciertos lenguajes
de nivel alto que comúnmente son más utilizados en la programación y que facilita
generar una acción en un computador.

1. HTML
El lenguaje de Marcas de Hipertexto o en su abreviatura HTML no es más que
un lenguaje usado para crear páginas webs por medio de marcadores (tags) y atributos,
que definen cómo el contenido va a ser presentado en un navegador web que forman
parte de varias páginas y sitios webs. Moushino, (2019).
Los Hipertextos son aquellos textos con bloques que se interconectan, y estos
presentan imágenes, gráficos, palabras, tablas, etc.
Es decir este lenguaje es el encargado de definir el contenido de una página web
que contiene textos, imágenes, tablas, entre otros, en el mismo sitio web.
2. Características principales
Según (Okidario, 2018):
 No tiene funciones aritméticas variables o estructuras de control como
los lenguajes de programación.
 Generar solo páginas web estáticas, pudiendo usarse combinado con
otros lenguajes de programación para crear páginas web dinámicas.
2.2 Elementos Principales:
Actualmente, existen 142 etiquetas HTML que nos permiten crear diversos
elementos. Para (Gustavo, 2021), podemos clasificarlos en dos:

3. Elementos de Bloque
Un elemento de bloque ocupa todo el ancho de la página. Siempre comienza una
nueva línea en el documento.
Todas las páginas HTML utilizan estas tres etiquetas:
 La etiqueta <html> es el elemento raíz que define todo
el documento HTML.
 La etiqueta <head> contiene información meta como el
título y el conjunto de caracteres de la página.
 La etiqueta <body> encierra todo el contenido que
aparece en la página.
1.1.2 Elemento de Línea:
Un elemento en línea da formato al contenido interno de los elementos de
bloque, agregando por ejemplo enlaces y texto enfatizado. Los elementos en
línea se utilizan sobre todo para dar formato al texto sin romper el flujo del
contenido.
Los hipervínculos también son elementos en línea que utilizan una
etiqueta <a> y un atributo href para indicar el destino del enlace.

3.2 Ventajas y Desventajas de los HTML
3.2.1 Ventajas:
 Permite describir hipertexto, tiene un despliegue rápido, lo reconoce y
admite cualquier tipo de explorador y permite archivos pequeños.
 Es de código abierto y completamente gratuito. HTML se ejecuta de
forma nativa en todos los navegadores web.
3.2.2 Desventajas:
 Los usuarios tienen que crear páginas web individuales para HTML,
aunque los elementos sean los mismos.
 Algunos navegadores tardan en adoptar nuevas funciones. A veces, los
navegadores más antiguos no reproducen las nuevas etiquetas.
3.3 Ejemplo
<head> – El encabezado del documento
El elemento head contiene información sobre la página web, a diferencia del
contenido de la web en sí. Para (Malvé, 2019) hay muchos elementos que puedes poner
dentro del elemento del encabezado, como:
Título.
Enlace, que puedes usar para agregar hojas de estilo y faviconos a tu página.
Meta, para especificar cosas como conjuntos de caracteres, descripciones de
página y palabras clave para motores de búsqueda.
Script, para agregar código JavaScript a la página.

Aquí hay un ejemplo de elemento head típico:
<head>
<title> Las aventuras de mi gato Lucky</title>
<meta http-equiv = «Content-Type» content = «text / html; charset = utf-8»>
<meta name = «description» content = «Las aventuras de mi gato favorito Lucky,
con historias, fotos y películas»>
<meta name = «keywords» content = «gato, Lucky, mascota, animal»>
<link rel = «stylesheet» type = «text / css» href = «/ style.css»>
<link rel = «icono de acceso directo» href = «/ favicon.ico»>
</head>
Referencias
Gustavo, B. (09 de Agosto de 2021). Hostinger Tutorials. Recuperado el 10 de Diciembre de
2021, de https://www.hostinger.es/tutoriales/que-es-html#Elementos-de-bloque
Malvé, M. (09 de Diciembre de 2019). neolo. Recuperado el 12 de Diciembre de 2021, de

https://www.neolo.com/blog/10-codigos-html-basicos-para-paginas-web-con-
ejemplos.php
Moushino, A. (16 de Noviembre de 2019). rockcountent. Recuperado el 10 de Diciembre de

2021, de https://rockcontent.com/es/blog/html/
Okidario. (11 de Noviembre de 2018). Okidiario. Recuperado el 10 de Diciembre de 2021, de

https://okdiario.com/curiosidades/que-codigo-html-3400622
Santander Universidades. (08 de Marzo de 2018). Santander Becas. Recuperado el 10 de

Diciembre de 2021, de https://www.becas-santander.com/es/blog/lenguaje-
programacion.html

HTML

Cargado por

Información del documento

Descripción original:

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

HTML

Cargado por

Copyright:

Formatos disponibles

Resumen:

La programación es la nueva era del siglo XXI, esta tiene un proceso al

momento de tomar un algoritmo y codificarlo en una notación, es decir un lenguaje

de programación, con el fin de que este lo ejecute un computador.

Este tipo de lenguaje en otras palabras es el “idioma” con el que

los desarrolladores de software dan instrucciones a los diferentes componentes de un

ordenador. Santander Universidades , (2018).

Una de sus características principales es un idioma o lenguaje formal y se

Este lenguaje se clasifica en dos niveles:

convierte en un interfaz conde el hardware y software están vinculados.

los idiomas que se conocen, donde en el momento la ejecución se deben traducir en el

lenguaje de máquinas primero.

En la presente investigación hablaremos un poco más acerca de ciertos lenguajes

generar una acción en un computador.

parte de varias páginas y sitios webs. Moushino, (2019).

presentan imágenes, gráficos, palabras, tablas, etc.

Es decir este lenguaje es el encargado de definir el contenido de una página web

Según (Okidario, 2018):

 No tiene funciones aritméticas variables o estructuras de control como

los lenguajes de programación.

 Generar solo páginas web estáticas, pudiendo usarse combinado con

otros lenguajes de programación para crear páginas web dinámicas.

2.2 Elementos Principales:

elementos. Para (Gustavo, 2021), podemos clasificarlos en dos:

Un elemento de bloque ocupa todo el ancho de la página. Siempre comienza una

nueva línea en el documento.

Todas las páginas HTML utilizan estas tres etiquetas:

 La etiqueta <html> es el elemento raíz que define todo

 La etiqueta <head> contiene información meta como el

título y el conjunto de caracteres de la página.

 La etiqueta <body> encierra todo el contenido que

1.1.2 Elemento de Línea:

Un elemento en línea da formato al contenido interno de los elementos de

bloque, agregando por ejemplo enlaces y texto enfatizado. Los elementos en

Los hipervínculos también son elementos en línea que utilizan una

etiqueta <a> y un atributo href para indicar el destino del enlace.

 Permite describir hipertexto, tiene un despliegue rápido, lo reconoce y

admite cualquier tipo de explorador y permite archivos pequeños.

 Es de código abierto y completamente gratuito. HTML se ejecuta de

forma nativa en todos los navegadores web.

aunque los elementos sean los mismos.

 Algunos navegadores tardan en adoptar nuevas funciones. A veces, los

navegadores más antiguos no reproducen las nuevas etiquetas.

<head> – El encabezado del documento

El elemento head contiene información sobre la página web, a diferencia del

dentro del elemento del encabezado, como:

Meta, para especificar cosas como conjuntos de caracteres, descripciones de

página y palabras clave para motores de búsqueda.

Script, para agregar código JavaScript a la página.

<title> Las aventuras de mi gato Lucky</title>

<meta http-equiv = «Content-Type» content = «text / html; charset = utf-8»>

<meta name = «description» content = «Las aventuras de mi gato favorito Lucky,

con historias, fotos y películas»>

<meta name = «keywords» content = «gato, Lucky, mascota, animal»>

<link rel = «stylesheet» type = «text / css» href = «/ style.css»>

<link rel = «icono de acceso directo» href = «/ favicon.ico»>

Malvé, M. (09 de Diciembre de 2019). neolo. Recuperado el 12 de Diciembre de 2021, de

Moushino, A. (16 de Noviembre de 2019). rockcountent. Recuperado el 10 de Diciembre de

Okidario. (11 de Noviembre de 2018). Okidiario. Recuperado el 10 de Diciembre de 2021, de

Santander Universidades. (08 de Marzo de 2018). Santander Becas. Recuperado el 10 de

También podría gustarte