¿Qué podemos crear en nuestra web? Parte 1
Edición en nuestra pagina web (Parte 1)
Una vez hayamos creado nuestra pagina web con el blog de notas, podemos añadirle más cosas aparte de las previamente añadidas (introducción, cabecera, título, etc)
Por ejemplo, podemos poner las letras en negrita añadiendo las etiquetas <B> al principio y </B> al final del texto (recuerdo que siempre se deben cerrar las etiquetas, si no, el ordenador no sabe que hacer con ese texto introducido). También podemos añadir listas introduciendo <UL> y </UL> al principio y al final de la lista y delante de cada palabra, <LI>. Si queremos poner listas ordenadas, en ese caso se utilizaría <OL> </OL>
Además de lo anterior mencionado también podemos añadir más elementos, como por ejemplo, enlaces o imagenes.
Para insertar el enlace, se utiliza la siguiente etiqueta: <A HREF="enlace de la página"> Nombre de la página </A>
Una vez se ha escrito el encale y se ha guardado en html, nada más darle a click, accedera inmediatamente a la página.
En cuanto a las imágenes, se utiliza la etiqueta: <IMG SRC="enlace de la imagen"> Nombre de la imagen </A>
Con esta etiqueta aparece un pequeño cuadrado que representa la imagen. Al darle a click sobre ella, aparece la imagen en grande. Si queremos que se ponga directamente, tendremos que guardar el enlace en la misma carpeta en la que se encuentre nuestro archivo de texto con las etiquetas, y, luego, poner en donde iría el enlace, el nombre de la imagen con el que la hayamos guardado.
Ejemplo conjunto:
<HTML>
Para insertar el enlace, se utiliza la siguiente etiqueta: <A HREF="enlace de la página"> Nombre de la página </A>
Una vez se ha escrito el encale y se ha guardado en html, nada más darle a click, accedera inmediatamente a la página.
En cuanto a las imágenes, se utiliza la etiqueta: <IMG SRC="enlace de la imagen"> Nombre de la imagen </A>
Con esta etiqueta aparece un pequeño cuadrado que representa la imagen. Al darle a click sobre ella, aparece la imagen en grande. Si queremos que se ponga directamente, tendremos que guardar el enlace en la misma carpeta en la que se encuentre nuestro archivo de texto con las etiquetas, y, luego, poner en donde iría el enlace, el nombre de la imagen con el que la hayamos guardado.
Ejemplo conjunto:
<HTML>
<HEAD>
<TITLE> INDEX - 1 </TITLE>
</HEAD>
<BODY>
<HR>
<P>
<B> Algunos de mis hobbies son los siguientes </B>
<UL>
<LI> Leer libros
<LI> Jugar videojuegos
<UL>
<LI> De ordenador
<A HREF="https://www.nitro-pc.es/image/cache/catalog/Ordenadores/Packs%20Gamer/Legend_pack_nuevo-1080x1080.jpg"> <IMG SRC="pc ultra gamer">
</A> <LI> De consola
</UL>
<LI> Tocar la guitarra
</UL>
<B> Me gusta mucho viajar. Algunos de mis destinos favoritos son </B> <I>:
</I>
<OL>
<LI> Londres.
<LI> Riga.
<LI> Berlín.
</OL>
Estas son algunas páginas de videojuegos que suelo mirar para noticias:
<P><A HREF="https://www.3djuegos.com/"> 3djuegos </A>
<BR> <A HREF="https://www.nintenderos.com"> Nintenderos </A>
</BODY>
</HTML>
Comentarios
Publicar un comentario