Scribd
Cargar
6 vistas

HTML

rmhjgm

Cargado por

Adriel Perez
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
6 vistas

HTML

rmhjgm

Cargado por

Adriel Perez
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 5

‘’HTML‘’

LENGUAJE DE PROGRAMACION

¿Qué es HTML?

HTML, o HyperText Markup Language, es el lenguaje estándar utilizado para crear y diseñar
páginas web. Es un lenguaje de marcado que define la estructura y el contenido de una página
web utilizando etiquetas y elementos específicos.

Las páginas web creadas con HTML consisten en una serie de elementos como encabezados,
párrafos, listas, imágenes, enlaces, formularios, entre otros. Cada elemento se define
mediante etiquetas que indican al navegador web cómo mostrar y organizar el contenido.

¿Qué hace HTML?

1. Estructuración del contenido: HTML permite dividir el contenido de una página web en
secciones lógicas utilizando elementos como encabezados, párrafos, listas, etc. Esto facilita la
organización y presentación de la información de manera clara y coherente.

2. Inclusión de medios: HTML permite la inserción de imágenes, videos, audio y otros medios
en una página web mediante etiquetas específicas, lo que enriquece la experiencia del usuario
y hace que el contenido sea más atractivo y dinámico.

3. Creación de enlaces: Con HTML, es posible crear enlaces internos y externos que permiten a
los usuarios navegar entre diferentes páginas web de forma sencilla. Los enlaces se definen
mediante etiquetas que especifican la URL de destino.

4. Formularios interactivos: HTML proporciona elementos para crear formularios interactivos


que permiten a los usuarios enviar información, realizar búsquedas, registrarse, entre otras
acciones. Los formularios pueden contener campos de texto, botones, casillas de verificación,
menús desplegables, entre otros.

5. Compatibilidad con otros lenguajes: HTML se puede combinar con CSS para estilizar y
diseñar visualmente las páginas web, y con JavaScript para agregar interactividad y
funcionalidades dinámicas. Esta integración de tecnologías permite crear sitios web modernos
y atractivos.

Como funciona HTML:

1. Estructura de etiquetas: HTML se compone de etiquetas que rodean el contenido y le dan


significado. Cada etiqueta comienza con un signo de menor que (<) y termina con un signo de
mayor que (>). Por ejemplo, <p> define un párrafo de texto.

2. Elementos y atributos: Las etiquetas de HTML pueden contener elementos y atributos. Los
elementos son los componentes básicos como encabezados, párrafos, listas, imágenes,
enlaces, formularios, entre otros. Los atributos proporcionan información adicional sobre los
elementos, como el color de un texto o la URL de una imagen.

3. Jerarquía de elementos: Los elementos en HTML se organizan en una estructura jerárquica.


Por ejemplo, un elemento <body> contiene todo el contenido visible de la página, mientras
que los elementos <h1> , <p> , <img> , etc., se encuentran dentro del <body> .
4. Interpretación por el navegador: Una vez que se escribe el código HTML, el navegador web
interpreta y renderiza la página según las instrucciones proporcionadas en el código. El
navegador lee las etiquetas HTML y muestra el contenido de acuerdo con la estructura
definida.

5. Compatibilidad con otros lenguajes: HTML se complementa con otros lenguajes como CSS
para el diseño visual y JavaScript para la interactividad. CSS se utiliza para estilizar la página y
darle estilo, mientras que JavaScript agrega funcionalidades dinámicas y de interacción.

ORIGEN:

La historia de HTML se remonta a los inicios de la World Wide Web, cuando Tim Berners-Lee,
un físico británico, buscaba una forma de compartir información entre investigadores de
manera eficiente.

En 1989, Berners-Lee creó el primer navegador web, llamado WorldWideWeb, y un lenguaje


de marcado llamado "HyperText Markup Language" (HTML). HTML inicial era muy simple, con
solo unas pocas etiquetas básicas para estructurar texto y enlaces.

En 1991, Berners-Lee publicó la primera especificación de HTML, que incluía etiquetas para
imágenes, listas y encabezados. Esta versión, conocida como HTML 1.0, sentó las bases para el
desarrollo de la web tal como la conocemos hoy.

A lo largo de la década de 1990, HTML evolucionó rápidamente, con la introducción de nuevas


etiquetas y atributos para soportar características como tablas, formularios, marcos y estilos.

En 1997, el World Wide Web Consortium (W3C) publicó HTML 4.0, que se convirtió en el
estándar de facto para el desarrollo web. HTML 4.0 introdujo la validación de código,
asegurando la compatibilidad entre diferentes navegadores.

En el nuevo milenio, HTML continuó evolucionando, con el desarrollo de HTML 5, lanzado en


2014. HTML 5 incluyó características importantes como soporte para video y audio integrado,
almacenamiento local, gráficos vectoriales y aplicaciones web.

HTML ha seguido evolucionando con las nuevas versiones de HTML 5, como HTML 5.2 y HTML
5.3, que introducen mejoras en accesibilidad, seguridad y rendimiento.

La historia de HTML se caracteriza por su constante evolución, impulsada por las necesidades
de los usuarios y el avance de la tecnología.

FUNDAMENTOS:
HTML, o HyperText Markup Language, es el lenguaje base para crear páginas web. Su principal
función es definir la estructura y el contenido de una página web, lo que permite a los
navegadores web interpretarla y mostrarla correctamente.

Estos son los fundamentos esenciales de HTML:

1. Etiquetas y Elementos

- Etiquetas: Las etiquetas son palabras clave encerradas entre signos de menor que (<) y mayor
que (>). Por ejemplo: <p> , <h1> , <img> .

- Elementos: Las etiquetas delimitan un elemento HTML. Los elementos tienen un nombre (por
ejemplo, p para párrafo) y pueden tener atributos.

- Atributos: Los atributos proporcionan información adicional sobre un elemento. Se colocan


dentro de la etiqueta de apertura y se separan del nombre del elemento por un espacio. Por
ejemplo: <img src="imagen.jpg" alt="Descripción de la imagen"> .

2. Estructura Básica de una Página HTML

- Doctype: Define la versión de HTML que se está utilizando.

- <html> : La etiqueta raíz de la página HTML.

- <head> : Contiene información meta sobre la página, como el título, la codificación de


caracteres, enlaces a archivos CSS y JavaScript.

- <title> : Define el título de la página que se muestra en la pestaña del navegador.

- <body> : Contiene el contenido visible de la página web.

3. Elementos Comunes de HTML

- <p> : Define un párrafo de texto.

- <h1> a <h6> : Define encabezados de diferentes niveles.

- <a> : Define un enlace a otra página web o recurso.

- <img> : Define una imagen.

- <ul> y <li> : Definen listas no ordenadas y sus elementos.

- <ol> y <li> : Definen listas ordenadas y sus elementos.

- <table> : Define una tabla.


4. Validación de Código HTML

- Es importante validar el código HTML para asegurarse de que esté correctamente escrito y
funcione correctamente en diferentes navegadores.

- Existen herramientas en línea que permiten validar el código HTML, como el validador del
W3C.

5. Consejos para Escribir Código HTML

- Utilizar etiquetas de cierre: Cada etiqueta de apertura debe tener una etiqueta de cierre
correspondiente.

- Indentar el código: La indentación hace que el código sea más legible y fácil de entender.

- Utilizar comentarios: Los comentarios ayudan a explicar el código y a facilitar su


mantenimiento.

- Utilizar nombres descriptivos para los elementos y atributos: Esto facilita la comprensión del
código.

COMO SE INSERTA UNA IMAGEN EN HTML

2. Escribir el código HTML:

Utiliza la etiqueta <img> para insertar la imagen en tu página. El formato básico es el


siguiente:

<img src="ruta_de_la_imagen" alt="texto_alternativo">

- src : Este atributo especifica la ruta de la imagen. Puede ser una URL (para imágenes en
línea) o una ruta de archivo local.

- alt : Este atributo proporciona un texto alternativo que se muestra si la imagen no se puede
cargar. También es importante para accesibilidad.

3. Ejemplo de código HTML:

Supongamos que tienes una imagen llamada "ejemplo.jpg" en la misma carpeta que tu archivo
HTML. El código para insertar esta imagen sería:

<img src="ejemplo.jpg" alt="Descripción de la imagen">

4. Consideraciones adicionales:
- Puedes ajustar el tamaño de la imagen utilizando los atributos width y height en la etiqueta
<img> .

- También puedes agregar atributos adicionales como title para proporcionar un título
emergente cuando pasas el cursor sobre la imagen.

5. Validar y visualizar:

- Una vez que hayas agregado el código HTML para la imagen, asegúrate de validar tu código
utilizando herramientas como el validador del W3C.

- Abre tu archivo HTML en un navegador web para ver la imagen insertada en la página.

CONCLUSION:

En conclusión, HTML (HyperText Markup Language) es un lenguaje fundamental en el


desarrollo web que se utiliza para crear la estructura y el contenido de páginas web. A través
de etiquetas y elementos, HTML permite definir la jerarquía de información, incluir medios
como imágenes y videos, crear enlaces interactivos, y diseñar formularios para interactuar con
los usuarios.

HTML ha evolucionado significativamente desde su creación en los inicios de la World Wide


Web, adaptándose a las necesidades cambiantes de los desarrolladores y usuarios. Su
versatilidad y compatibilidad con otros lenguajes como CSS y JavaScript permiten la creación
de sitios web modernos y funcionales.

Es importante comprender los fundamentos de HTML, como la estructura básica de una


página, los elementos comunes, la validación de código y las mejores prácticas de escritura. A
través de recursos de aprendizaje y práctica, se puede dominar el uso de HTML y aprovechar al
máximo sus capacidades para diseñar y desarrollar páginas web atractivas y accesibles.

En resumen, HTML es el lenguaje esencial para la creación de contenido web, y su


comprensión y dominio son fundamentales para cualquier persona involucrada en el
desarrollo y diseño de sitios web en la actualidad.

También podría gustarte