Compártelo
Propósito y lenguaje de la tecnología HTML
TECNOLOGÍA

Propósito y lenguaje de la tecnología HTML

HTML (HyperText Markup Language) es un conjunto de comandos (etiquetas) insertados en el texto de una página WWW, que determina el formato de los párrafos, el tipo de fuente, los enlaces a archivos externos y otras páginas.

Tecnología HTML

La publicación en la World Wide Web (WWW) se implementa en forma de sitios web. La estructura de un sitio web se asemeja a una revista que contiene información sobre un tema o problema. Así como la revista consta de páginas impresas, un sitio web también consta de páginas web de computadora.

El sitio es un medio interactivo para presentar información. La interactividad de este es proporcionada por varios formularios mediante los cuales un visitante del sitio puede registrarse en él, completando un cuestionario, etc.

Por lo general, un sitio tiene una página de portada (con una tabla de contenido), en la que hay hipervínculos a sus secciones principales (páginas web). Los hipervínculos también están disponibles en otras páginas web del sitio, lo que permite al visitante moverse libremente por el sitio.

Los sitios web suelen ser multimedia, ya que tienen ilustraciones, animación, sonido e información de video además de texto.

Un sitio web consta de páginas web con hipervínculos. Las páginas web pueden ser interactivas y pueden contener objetos multimedia y dinámicos (cambiando la página según el algoritmo).

Los sitios web se crean utilizando el lenguaje de marcado de hipertexto: HTML (HyperText Markup Language).

HTML es un conjunto de comandos (etiquetas) insertados en el texto de una página WWW, que determina el formato de los párrafos, el tipo de fuente, los enlaces a archivos externos y otras páginas.

La tecnología HTML es que los caracteres de control (etiquetas) se insertan en un documento de texto sin formato y como resultado obtenemos una página web. Al cargar una página web, un navegador (por ejemplo, Internet Explorer) la presenta en la pantalla en la forma especificada por las etiquetas.

Las principales ventajas de los documentos HTML son:

  • La estructura del texto es amena.
  • Es pequeño el volumen de información.
  • No se requiere de grandes conocimientos, mientras se tenga un editor de web.
  • Permite todos los exploradores.

Para crear páginas web, se utilizan editores de texto simples que no incluyen caracteres de control de formato de texto en el documento creado. Como tal editor en Windows, puede usar la aplicación estándar de Bloc de notas.

La página web creada se guarda con la extensión .htm o .html en el Bloc de notas, luego se inicia en el navegador IE a través del menú Archivo / Abrir. Si necesita editar una página, a continuación, utilizar el comando del menú principal IE - Ver / Editar, en la forma de HTML (se abre el Bloc de notas para la edición). Es importante no olvidar guardar los cambios en el código HTML de la página web y solo luego regresar al navegador para verlo utilizando el comando Ver / Actualizar (F5).

Conceptos básicos de HTML

  • Un descriptor (etiqueta) es el principal elemento de codificación adoptado en el estándar HTML. Casi todo depende de los descriptores, sirven para llamar la atención sobre ciertas palabras en el documento, dejando en claro al navegador lo que debe resaltarse, dónde mostrar los gráficos y dónde se encuentran los hipervínculos. La etiqueta está entre corchetes angulares (<>). Las etiquetas pueden ser individuales o emparejadas. Para emparejado, es necesario tener una etiqueta de apertura (la mayoría de las veces con un parámetro y su valor) y una etiqueta de cierre .
  • Un contenedor es un par de descriptores que se colocan en la apertura y cierre (etiquetas) ... . Los contenedores están diseñados para almacenar cierta información, como texto u otros descriptores HTML.
  • Un elemento de un documento HTML es un contenedor con su contenido.

Las etiquetas se pueden escribir en cualquier caso (en mayúsculas o minúsculas).

Estructura de página web

Para crear un sitio web, se debe:

  • Desarrollar un proyecto de sitio (determinar cuántas páginas web se incluirán en el sitio, cuál será su tema y cómo se relacionarán).
  • Preparar una carpeta (electrónica) en la que se almacenarán todos los materiales.
  • Es deseable colocar los archivos de imagen en una carpeta separada ubicada dentro de la principal.
  • La página web del título generalmente se guarda con el nombre index.htm o welcome.htm.

contenedor

Crear una estructura de página web:

Todo el contenido del archivo de la página web está encerrado en un contenedor..., indicando al navegador que el texto es un documento HTML y posiblemente contiene etiquetas que el navegador debe identificar, reconocer e interpretar.

Una página web típica consta de dos partes: el encabezado (HEAD) y el cuerpo (BODY). Esta estructura básica en su forma más simple se puede mostrar visualmente de la siguiente manera:

inicio del contenedor HTML

inicio del contenedor de encabezado

inicio del contenedor de línea - nombres de página

... barra de título de la página

contenedor de fin de línea - nombres de página

final del contenedor de encabezado

inicio del contenedor del cuerpo de la página

... cuerpo (todos los contenidos) de la página

contenedor de cuerpo de final de página

fin del contenedor HTML

  • La barra de título que se especifique se mostrará en la barra de título de la ventana del navegador cuando se vea esta página, y también (después de que la página se publique en Internet) en las listas emitidas por los motores de búsqueda.
  • <! -- y --> dicha etiqueta se usa para agregar comentarios en la página, es decir, para explicaciones útiles que no se muestran en el navegador.

Conoce nuestro Máster Big Data Analytics

Máster en
Ciberseguridad

TECNOLOGÍA

Modalidad
Modalidad
ONLINE
Duración
Duración
12 meses
Evaluación
Evaluación
Continua con casos prácticos
Financiación
Financiación
Pago en cuotas sin intereses
Quédate en casa y estudia online
¿Qué es el liderazgo transformacional? Concepto, e...
Compártelo
 

Comentarios

No hay comentarios por el momento. Se el primero en enviar un comentario.
Invitado
Martes, 10 Diciembre 2024

Suscríbete a nuestro Magazine

Recibe Artículos, Conferencias
y Master Class

(*) He leído y acepto la Politica de Privacidad

Síguenos

LinkedIn Youtube Twitter Instagram Facebook

Masterclass Tecnología

Tecnología

Librerías

Tecnología

Introducción a las APIs

Tecnología

Intérprete de Python

Noticias más populares

El pasado mes de octubre, CEUPE llevó a cabo una nueva edición de la Semana Internacional en la vibrante ciudad de Madrid. Este evento es mucho más que un simple encuentro; es una oportunidad única pa...
CEUPE Destaca en el Ranking Innovatec como una de las Escuelas de Negocios Más Innovadoras El Centro Europeo de Postgrado (CEUPE), escuela de negocios internacional y referente en formación online, ha...
Cada año, el Ranking Top100 Líderes Innovadores destaca a cien personalidades que han demostrado un compromiso decidido con la innovación en su trayectoria profesional, personal y empresarial. Fundado...
En el mundo actual, la educación en línea ha experimentado un crecimiento significativo, y esto ha llevado a un aumento en la demanda de programas educativos en línea, especialmente en el ámbito de lo...

EMPRESAS

En el vertiginoso mundo laboral actual, establecer metas claras y efectivas es fundamental para crecer profesionalmente y alcanzar el éxito. Sin objet...
La gestión de proyectos sigue evolucionando rápidamente, y 2025 será un año clave para consolidar nuevas prácticas y tecnologías. Este artículo analiz...
En un mundo cada vez más digitalizado, la factura electrónica se ha convertido en una herramienta esencial para empresas y profesionales. Este sistema...
Marketing, ventas, finanzas, recursos humanos, operaciones… Son diversas las áreas funcionales que componen el total de departamentos de una empresa. ...

MARKETING

En un mundo empresarial cada vez más competitivo, la obtención y análisis de información de mercados se han convertido en pilares fundamentales para t...
En el mundo empresarial, la competencia es inevitable. Sin embargo, no todos los competidores son iguales, y entender qué hace un competidor "bueno" p...

Síguenos

LinkedIn Youtube Twitter Instagram Facebook

Masterclass Tecnología

Tecnología

Librerías

Tecnología

Introducción a las APIs

Tecnología

Intérprete de Python