Docsity
Docsity

Prepara tus exámenes
Prepara tus exámenes

Prepara tus exámenes y mejora tus resultados gracias a la gran cantidad de recursos disponibles en Docsity


Consigue puntos base para descargar
Consigue puntos base para descargar

Gana puntos ayudando a otros estudiantes o consíguelos activando un Plan Premium


Orientación Universidad
Orientación Universidad


Documento sobre programación de HTML, Resúmenes de Ingeniería del Software

Documento sobre programación de HTML

Tipo: Resúmenes

2021/2022

Subido el 29/10/2023

felix-antonio-alfonso-forero
felix-antonio-alfonso-forero 🇨🇴

3 documentos

1 / 8

Toggle sidebar

Esta página no es visible en la vista previa

¡No te pierdas las partes importantes!

bg1
PRIMER VIDEO
RUTAS, RUTAS ABSOLUTAS Y RELATIVAS
RUTAS ABSOLUTAS
RUTAS RELATIVAS
pf3
pf4
pf5
pf8

Vista previa parcial del texto

¡Descarga Documento sobre programación de HTML y más Resúmenes en PDF de Ingeniería del Software solo en Docsity!

PRIMER VIDEO

RUTAS, RUTAS ABSOLUTAS Y RELATIVAS

RUTAS ABSOLUTAS

RUTAS RELATIVAS

SEGUNDO VIDEO

¿CÓMO AGREGAR IMÁGENES EN HTML?

Para insertar imágenes debemos utilizar la etiqueta img la cual es una etiqueta de auto cierre la cual cuenta con el atributo src, la que hace referencia a la palabra SOURCE que significa "Origen y/o Ubicación" ALTERNATIVAS DE TEXTO RUTAS EN IMG

ENLACES LOCALES

Para utilizar este enlace local, las páginas a las que quiero ir deben encontrarse dentro de la misma carpeta html y sino funcionará la ruta. ENLACES INTERNOS

**Para los enlaces internos, debo nombrarlos con la etiqueta luego ponga la descripción que para este caso sería “ir a google y cierro la etiqueta . Para que no me saque de mi página en el momento en el que le de click al enlace debo poner el atributo - target =”_blank” Enlaces externos: Son los que me permiten ir desde mi página a una página web externa como en el ejemplo anterior. Enlaces internos: Estos enlaces me permiten ir de un sitio a otro dentro de mi página de la siguiente manera:

  1. Debo crear un nuevo archivo que para este caso se llamará “Contacto.html”
  2. ¡En el archivo nuevo debo empezar a desarrollar mi documento dándole escribiendo html5 o !.
  3. posteriormente en mi página inicial debo crear un enlace que me lleve al archivo contacto, de la siguiente manera: primero nombro el enlace mediante un “h2” en este caso se llamará “Enlaces locales” luego escribiré una etiqueta “a” en la que podré el nombre del enlace con un atributo de terminación .html y con la descripción “Contáctame”.

CUARTO VIDEO

INSERCIÓN DE CONTENIDO EXTERNO (GOOGLE MAPS Y YOUTUBE VIDEOS)

Etiqueta INSERCIÓN DE VIDEOS DESDE YOUTUBE

Es de aclarar que, al copiar el link del video de youtube, no es necesario escribir la etiqueta iframe en nuestro documento, sino que simplemente se pega el enlace ya que en este se encuentra incluida la etiqueta iframe: () INSERCIÓN DE VIDEOS DE GOOGLE MAPS Para insertar los videos o el mapa solo se copia el link en HTML el cual ya lo brinda Youtube y Maps y se pega directamente en el código y ya permite visualizar el video y el mapa en nuestra página.