y el codigo seria el siguiente:
Este fue el primer sitio web que realice
Es bastante sencillo, pero es un buen comienzo.
En esta primera version aprendimos a poner el nombre en la pestaña del navegador al modificar el (title) dentro del (head)
Crear parrafos con (p), darles el efecto de resaltado con (mark) y negrita con (strong)
Y eso seria lo basico para la creacion de textos, tambien se puede usar br
para hacer un salto de linea.
Luego de ver los parrafos veamos unas pequeñas listas, en este caso empezamos con las listas desordenadas. Estas listas se destacan por crear diferentes items u objetos con forma de puntos o guiones.
Para crear una lista desordenada se utiliza el (ul) y para cada item de la lista se utiliza el (li).
Y estas son listas ordenadas, se diferencian de las anteriores por poder poseer un orden alfanumerico, ya sea 1, 2, 3 ó a, b, c
Y aca viene algo interesate, subir una imagen. Esto se realiza de una manera bastante simple utilizando un (img), este tiene 2 variables que se necesitan llenar (src) y (alt), ademas de otras opcionales.
Source o fuente, abreviado (src) viene siendo la locacion donde se encuentra la imagen descargada.
El (alt) o texto alternativo es un texto que se muestra en caso de que la imagen no cargue, o si el usuario tiene una discapacidad visual y usa un lector de pantalla.
Ademas de eso, se le puede dar un tamaño a la imagen utilizando (width) y (height), en este caso les dimos un ancho de 300px y una altura automatica.
El src no tiene que ser necesariamente una imagen descargada dentro de nuestro servidor, se puede proveer un enlace de la pagina web donde se quiere obtener la imagen y tomarla desde ahí, aunque caemos en la dependencia de que ese archivo y esa pagina web sigan vigentes.
Terminamos con estas basicas al ver Anchor o ancla en español, esto no permite direccionarnos a otro sitio web con hacer click en un texto o una imagen, se escibe de la siguiente manera:
(a href="enlace a donde quiere dirigirse") texto o imagen que al seleccionar te envie al sitio (/a)
En este caso dentro del mismo parrafo tenemos un enlace a la pagina de informacion sobre flareon en wikidex.
Ademas de eso puedo que nos lleve al mismo sitio usando una imagen esta vez, con la diferencia de que esta vez lo abre en una nueva pestaña.
y el codigo seria el siguiente:
(a href="pagina web" target="_blank") (img src="fuente" alt="texto alternativo") (/a)
siendo target="_blank" el que nos permite abrir la pagina en una nueva pestaña.
Y eso seria todo para el comienzo en mi camino para la creacion de paginas web, en el proximo proyecto haremos una poco de navegacion interna dentro de la misma pagina utilizando anclas e IDs.