Entradas

Mostrando entradas de octubre, 2022

IMÁGENES E HIPERVÍNCULOS

Imagen
 En esta entrada aprenderemos a realizar enlaces e insertar imágenes en nuestra web. Para poner un enlace en nuestra web a otra página como esto: El código sería así con la etiqueta <a> al principio y </a> al final, fíjate bien donde va el enlace y donde se ponen las letras que tienes que pinchar. Para insertar una imagen se hace con la siguiente etiqueta: < img src = " dinosaurio.jpg " > Pero si queremos una imagen de internet tenemos que obtener su dirección de enlace. MUCHO CUIDADO CON INSERTAR IMÁGENES EN TU PÁGINA QUE NO ESTÉN LIBRES DE DERECHOS DE AUTOR. < img src = " https://www.example.com/images/dinosaurio.jpg " > VÍDEOS: Si quieres introducir un vídeo de youtube pincha con el botón derecho del ratón en el enlace y elige copiar código de inserción, lo pegas directamente en tu página y listo. EJERCICIO:  Realiza una web donde aparezca una receta de cocina con color de fondo, listas, enlaces, fotos y vídeos.
Publicar un comentario
Leer más

APRENDIENDO HTML 4 LISTAS

Imagen
  Vamos a hacer tres tipos de listas, una lista ordenada, en la que aparece numerada cada término, otra lista desordenada y una lista de definición. Lo que tienes que presentar al profesor está al final de esta entrada. Empecemos con la lista desordenada, en el navegador aparecerá algo como esto: Para comenzar y cerrar la lista desordenada utilizaremos las etiquetas <ul> </ul> y cada miembro de la lista estará entre las etiquetas <li></li>  como en este ejemplo. Ahora esto sería una lista ordenada: Para comenzar y cerrar la lista ordenada utilizaremos las etiquetas <ol> </ol> y cada miembro de la lista estará entre las etiquetas <li></li>  como en este ejemplo. Por último cuando queremos hacer definiciones o desarrollar determinados apartados como en el ejemplo: Esta lista se realizaría con las siguientes etiquetas: PRÁCTICA A PRESENTAR: EJERCICIO1: Copia los tres tipos de listas en una página y muéstrala al profesor.  ...
Publicar un comentario
Leer más

APRENDIENDO HTML PRÁCTICA 4

Imagen
 Vamos a aprender a poner varias cosas: IMPORTANTE EL BODY SOLO TIENE QUE APARECER UNA VEZ 1º) Poner el fondo de una página de un color:            <body bgcolor="#FF0000"> Estos caracteres que vienen después de la almohadilla los puedo sacar de aquí, es el  código RGB Enlace EJERCICIO 4A) Coge una de tus prácticas que ya has realizado y pon un color de fondo buscando en el enlace. 2º) Poner una imagen de fondo de página:      <body background=" D irección de la imagen " > página ¿De dónde saco la dirección de la imagen?  Primero busco la imagen que quiero en internet y pincho con el botón derecho sobre la imagen y pincho en copiar dirección de imagen. EJERCICIO 4B) Coge una de tus prácticas y pon una imagen de fondo de algo que tú elijas de internet. Ahora vamos a insertar imágenes dentro de la página, sería con la siguiente etiqueta: ero si queremos una imagen de internet tenemos que obtener su dirección de e...
Publicar un comentario
Leer más

APRENDIENDO HTML 3

Imagen
  En HTML existen seis elementos que pueden ser utilizados para escribir cabeceras o encabezados: "h1", "h2", "h3", "h4", "h5" y "h6". Si nosotros escribimos esto en el body nos aparecerán diferentes cabeceras: Y por pantalla aparezca así: Ejercicio: Primero debes hacer el ejercicio que aparece encima, después debes realizar el ejercicios que se describe a continuación: Una página web del tema que tú quieras, grupo de música, equipo de fútbol,...en el que aparezcan las siguientes etiquetas: <h1>: encabezado grande <h2>: encabezado más pequeño <b>: negrita <i>: cursiva <mark>: subrayado amarillo <hr>: línea horizontal
Publicar un comentario
Leer más

APRENDIENDO HTML 2

Imagen
  Las etiquetas que siempre indican texto y son: <p> Indica que el elemento es un párrafo. <h1> Señala que se trata de un titulo principal. <h2>, <h3>, <h4>, <h5>, <h6>: indica niveles de encabezado, subtítuloS Lista de formatos y etiquetas de texto HTML Etiqueta HTML <b>: Para texto en negrita. Etiqueta HTML <i>: Para texto en cursiva. Etiqueta HTML <u>: Para texto subrayado. Etiqueta HTML <strong>: Para textos importantes. Etiqueta HTML <big>: Texto grande. Etiqueta HTML <small>: Para texto pequeño. Etiqueta HTML <sub>: Para texto subíndice. Etiqueta HTML <sup>: Para texto superíndice. Etiqueta HTML <mark>: Para texto marcado. Debéis hacer estos ejercicios con las etiquetas vistas hasta ahora: Ejercicio 0: Debéis hacer una documento HTML con las etiquetas <H1>, <H2> hasta <H6>: Ejercicio 1: Ejercicio 2: Ejercicio 3: Ejercicio 4: Ejercicio 5: Ejercicio 6: Ejercicio 7:...
Publicar un comentario
Leer más

APRENDIENDO HTML 1

Imagen
 Esto es una página HTML: Para crear una página web abriremos el bloc de notas y ahí escribiremos las etiquetas indicadas. Documento HTML  a través de un ejemplo sencillo ( "dos-parrafos.html" ) donde se visualizan dos párrafos. Por ejemplo, en  Google Chrome , el resultado que se espera ver en pantalla será algo parecido a: Elemento "html" Un documento HTML contiene marcas (etiquetas), las cuales se escriben empleando los caracteres  menor que  " < ",  mayor que  " > " y  barra inclinada  " / ". Por ejemplo, las etiquetas de inicio ( <html> ) y fin ( </html> ) representan al elemento raíz ("html") que en todo documento HTML hay que escribir. <html> </html> Elemento "head" Dentro del elemento "html", es decir, entre  <html>  y  </html> , se debe escribir el elemento "head" que, como iremos viendo a lo largo del tutorial, puede contener diversa información ...
Publicar un comentario
Leer más

INTRODUCCIÓN HTML

Imagen
  Antes de comenzar a utilizar HTML debéis realizar una infografía tipo poster en CANVA en el que aparezcan los siguientes puntos: Aquí está está en enlace para entrar en CANVA: ENLACE Este es un vídeo que explica como funciona CANVA: ENLACE Para ello nos ayudaremos de este vídeo:  Enlace ¿Quién y cuándo lo inventó? ¿Para qué se utiliza? Características principales Ventajas e inconvenientes ¿Qué son las etiquetas en HTML y cómo se utilizan?
Publicar un comentario
Leer más

¿Qué es internet?

Imagen
¿CÓMO SERÍA VIVIR SIN INTERNET?  ENLACE VÍDEO  Ahora trabajaremos viendo el siguiente vídeo: ENLACE: Responde a las siguientes preguntas y realiza una infografía con CANVA: ¿Qué es internet? ¿Qué es la WEB? ¿Cuándo surgió WWW? ¿Quién lo inventó? ¿Qué es el hipertexto?  ¿Qué es un navegador? ¿Pon dos ejemplos de navegadores? ¿Qué es un ordenador servidor? Explica lo que se ve en la siguiente imagen
Publicar un comentario
Leer más