lunes, 20 de mayo de 2024

INTRODUCCION A CREACION DE PAGINAS WEB

 

INTRODUCCION CREACION DE PAGINAS WEB

 

1. Introducción a HTML 

Introducción: ¿Qué es HTML? ¿Para qué sirve?

HTML, que significa HyperText Markup Language (Lenguaje de marcado de hipertexto), es el lenguaje de programación que se utiliza para crear páginas web. Es la base de la World Wide Web (WWW), permitiendo que la información se presente de manera estructurada y organizada.

 

¿Para qué sirve HTML?

Definir la estructura de una página web: HTML determina cómo se organiza el contenido de una página web, como encabezados, párrafos, listas, imágenes, tablas, etc.

Controlar la presentación del contenido: A través de elementos HTML como encabezados, parrafos, listas, tablas, imagenes, etc. Se puede organizar el contenido visualmente y crear diferentes secciones dentro de una página.

Crear enlaces a otros recursos: HTML permite crear enlaces (hipervínculos) a otras páginas web, archivos, imágenes, videos y otros recursos.

Insertar contenido multimedia: HTML permite insertar imágenes, videos, audio y otros tipos de contenido multimedia en las páginas web.

Crear formularios: HTML permite crear formularios para que los usuarios puedan interactuar con la página web, por ejemplo, enviar información o realizar búsquedas.

 

Es esencial comprender HTML para poder crear cualquier página web, ya sea una página web simple o una aplicación web compleja.

 

LAS ETIQUETAS

Las etiquetas HTML son las piezas fundamentales que te permiten construir la estructura, el contenido y el formato de tus páginas web.

¡Las etiquetas en HTML son como los bloques de construcción de una página web! Son pequeñas piezas de código que le indican al navegador cómo debe mostrar el contenido de la página.

 

Estructura básica:

Las etiquetas HTML suelen venir en pares:

Etiqueta de apertura: Comienza con un signo menor que (<) seguido del nombre de la etiqueta y, opcionalmente, atributos. Por ejemplo: <p> o <img src="imagen.jpg">

Etiqueta de cierre: Comienza con un signo menor que (<), seguido de una barra inclinada (/) y el nombre de la etiqueta. Por ejemplo: </p> o </img>

Ejemplo Hola mundo, mi primera pagina web:

 

 ACTIVIDAD EN CLASE, ABRA EL BLOC DE NOTAS Y ESPERE LAS INSTRUCCIONES DEL PROFESOR


Ejemplo de mi primera pagina web "¡Hola, mundo! en un archivo HTML."

 

<!DOCTYPE html>

<html>

<head>

  <title>¡Hola, Mundo!</title>

  <meta charset="UTF-8">

  <meta name="description" content="Una página web simple que dice 'Hola, mundo!'">

</head>

<body>

  <h1>¡Hola, mundo!</h1>

</body>

</html>


ACTIVIDAD ASINCRONA CON EL PROYECTO DEL 26 DE AGOSTO 

Creación de pagina web de tu proyecto de robotica.

* Una vez que haya creado su primera pagina web (hola mundo), investigue como colocar encabezados y proceda a crear un encabezado de sección y un encabezado de subseccion.

* Con el tema de tu proyecto de robotica  modifca la pagina (Hola mundo), y colocale un titulo, uno o dos o varios encabezados de sección, e igualmente encabezados de subsección del tema del proyecto que estan trabajando.

* NOTA: Debe guardar estos archivos que vaya creando, así como todos los demas que mas adelante intervengan en tu proyecto en una USB o en algun otro soporte en linea ya que los vas a necesitar cada clase.

* LA NOTA DEL 4TO PERIODO SERA LA ENTREGA DE TU PAGINA WEB DE TU PROYECTO


REGION ANDINA

  LA REGION ANDINA La zona andina de Colombia es una de las cinco principales regiones geográficas del país y destaca por ser la más poblada...