ACT 2


ACT 2


Edición de Blog HTML

En esta tarea hemos aprendido a utilizar HTML

Primero aprendimos a cambiarle el color al fondo del body, aunque en Blogger no podemos usarlo, pero igualmente hemos aprendido como se hace, se tenía que poner al lado de la etiqueta body, escribes esto: body bgcolor="red", habría que ponerlo entre estos signos para que se detecte. Seguido de la entrada a la etiqueta body ya hay que empezar a añadir los elementos que se van a ver en la pantalla. Primero podemos añadir los títulos que se introducen con la etiqueta h1, h2, h3, etc. Puedes añadir hasta h6, cada título tiene un tamaño:

TÍTULO h1

TÍTULO h2

TÍTULO h3

TÍTULO h4

TÍTULO h5
TÍTULO h6

Hay que saber que al final de cada etiqueta hay que cerrarla añadiendo esta barra /.

Después de los títulos añadimos las etiquetas de párrafo "p", que puede haber todas las que uno quiera. Dentro de la etiqueta párrafo se pueden añadir un montón de etiquetas y atributos para editar el texto. La primera que he aprendido es la etiqueta "font" que nos permite modificar el diseño de la fuente de texto a través de estos atributos:

  • FACE, sirve para cambiar el tipo de fuente. FACE
  • COLOR, sirve para cambiar el tamaño del texto. COLOR
  • SIZE, se utiliza para modificar el tamaño de la letra. SIZE

Existen más etiquetas para modificar el texto dentro de un párrafo, con las que dentro de un mismo párrafo puedes modificar solo una palabra poniéndola entre estas etiquetas, estas son:

  • b, indica el texto entre estas etiquetas en negrita. negrita
  • i, indica el texto entre estas etiquetas en cursiva. cursiva
  • u, indica el texto entre estas etiquetas subrayado. subrayado
  • s, indica el texto entre estas etiquetas tachado. tachado
  • tt, indica el texto entre estas etiquetas como texto realizado en máquina de escribir, te cambia la letra. maquina de escribir
  • big, aumenta el tamaño del texto,
    si añades más se hace cada vez más grande. texto
  • small, reduce el tamaño del texto. texto

Otro atributo que he aprendido es el de align, sirve para alinear el párrafo lo quieres centrar, pones center, o ponerlo en la izquierda, left, o a la derecha, right.

Centro

izquierda

derecha

Por último hemos aprendido a crear listas ordenadas y desordenadas. Para crear una lista ordenada necesitamos la etiqueta (ol) al principio para abrirla y al final para cerrarla. Y dentro de la lista cada elemento debe ser introducido por la etiqueta (li), dentro de esta etiqueta podemos utilizar el atributo (type=) para definir qué tipo de clasificación queremos, en este caso podemos poner: a, con letras minúsculas, A, con letras mayúsculas, 1, con números, I, con números romanos. y para crear una lista desordenada utilizamos la etiqueta (ul), y como en el caso anterior, cada elemento debe ser introducido por la etiqueta (il), y dentro de esta podemos utilizar el atributo (type=), para definir el tipo de clasificación queremos, en este caso podemos usar: circle, un círculo, square, un rectángulo y disc, que es un círculo cerrado.

Lista desordenada, con cuadrados:

  • uno
  • dos
  • tres

Lista ordenada, con a:

  1. uno
  2. dos
  3. tres

Lista ordenada, con numeros:

  1. uno
  2. dos
  3. tres

Esta actividad ha estado muy entretenida, hemos aprendido una cosa muy interesante que igual a algunos en un futuro nos hace falta, en mi opinion es una cosa que igual hoy en día haría falta que todos supiesemos utilizar. A mi me ha gustado bastante aunque es un poco lioso, porque por el minimo elemento que no este bien puesto o te falte algo que la aplicación no lo lee, ademas de que hay muchas etiquetas y es muy dificil saberse todas.


Comentarios