martes, 31 de octubre de 2023
miércoles, 11 de octubre de 2023
Actividad 2 TIC
TIC 1 BACHILLERATO
Edición de HTML
Actividad 2
En esta nueva actividad de TIC trabajaremos en nuestro blog a través del código HTML (siglas en inglés de HyperText Markup Language), es el código que se utiliza para estructurar y desplegar una página web y sus contenidos. Podemos practicar este tipo de lenguaje a través de la página https://www.w3schools.com/html/tryit.asp?filename=tryhtml_intro.
HTML como un buen lenguaje de marcado se basa en un sistema de etiquetas. Estas etiquetas se utilizan para que esa información que se mete dentro de estas etiquetas entienda el navegador qué clase de información es, por ejemplo tenemos etiquetas para indicar que ese contenido es un título (h1) o también tenemos etiquetas para indicar que son imágenes (img), de esta manera cuando llega el navegador y vea que es una etiqueta imagen lo que pintará será una imagen. Para indicar que es una etiqueta se debe comenzar con un símbolo menor que y terminan con un símbolo mayor que y lo que hay en medio entre estos dos símbolos es el nombre de la etiqueta.
La estructura HTML de una página web se compone de las etiquetas "html", que indica el comienzo de la página; "head", que contiene información más descriptiva sobre el sitio; y "body", que conforma todos los elementos visibles de la página, es decir, es todo aquello que si que queremos que lo veo el usuario, lo que se va a mostrar, el cuerpo de la págna web. Con este lenguaje podemos realizar varias cosas como por ejemplo cambiar el tipo de fuente a través de la etiqueta "font", que nos permite modificar el diseño de la fuente de texto a través de atributos como:
- "face" (hace referencia al tipo de fuente)
- "color" (hace referencia al color de las fuentes)
- "size" (hace referencia al tamaño de la fuente)
- "align" (establece el alineamiento del párrafo, pudiendo ser este según los atributos, left, alineado hacia la izquierda, right, alienado hacia la derecha y center, centrado)
Podemos editar los títulos cambiando el tamaño, disminuyéndolo o aumentándolo :
Título H1
Título H2
Título H3
Título H4
Título H5
Título H6
Por otro lado podemos hacer otros tipos de cambios como poner el texto en negrita con la etiqueda "b". También tenemos texto en cursiva con la etiqueta "i" , podemos subrayar lo que queramos con la etiqueta "u". Con la etiqueta "s" podemos tachar el texto . Con la etiqueta "tt" podemos indicar el texto como texto realizado en máquina de escribir . También podemos aumentar el tamaño del texto con la etiqueta "big" y reducirlo con la etiqueta "small". Por otro lado también podemos realizar listas enumeradas y no enumeradas como por ejemplo la de arriba en la que hablo de los distintos atributos para modificar el diseño de las fuentes y no la enumero solo pongo círculos, pero también podemos crear una lista enumerada, para ello, haremos uso de las etiquetas "ol", (ordered list) y cada elemento vendrá definido por las etiquetas "il" y podemos hacer uso del atributo type="..." para modificar el tipo de clasificación y contamos con las siguientes posibilidades: a (clasificación letras minúsculas), A (clasificación letras mayúsculas), 1 (clasificación numérica), i (clasificación desde números romanos en minúscula) e I (clasificación desde números romanos en mayúscula). En mi caso usaré números para poder enumerar una lista de marcas de ropa. Para poder realizar todas estas configuraciones y muchas más debemos tener en cuenta que la etiqueta irá entre "<...>" al principio y al acabar se cerrará así "<./...>".
- NIKE
- DIOR
- BALENCIAGA
- MONCLER
- PRADA
- LOUIS VUITTON
- BOTTEGA VENETA
En mi opinión ha sido una experiencia increíble, he aprendido mucho sobre la forma de estructurar una página web, su lenguaje y cómo lo interpreta, además es algo nuevo para mí así que cuanto más aprenda mejor, no es muy difícil, de echo es de fácil uso aunque si que hay que darle tiempo ya que hay muchas etiquetas, funciones, usos...etc. Y como en todo hay que ir poco a poco aprendiendo todo lo posible , además HTML es un lenguaje importante para cualquiera que quiera entender cómo funcionan los sitios web y crear el suyo propio así que debo aprender a usarlo y espero que en un futuro sea más fácil manejarlo y entenderlo mejor.
¡Hasta la próxima amigos!
Suscribirse a:
Comentarios (Atom)
