Entradas

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