MÁS PROGRAMACIÓN CON HTML (2)
Continuamos con la serie dedicada al HTML. Lo que os mostraré hoy es muy simple y básico pero, con el tiempo, veréis como empezamos a tratar temas más complejos.
(Si no habéis visto mi anterior entrada sobre HTML , os recomiendo que le echéis un vistazo, pues es de vital importancia para poder entender esta. Aquí os dejo el enlace: https://informaticaparaclase.blogspot.com/2019/10/programar-con-html.html )
En la clase de hoy, aprendimos principalmente nuevas etiquetas con las que ir dando forma a nuestra página web.
<BR>: se usa para separar dos párrafos sin dejar una línea en blanco, no se cierra.
<B> y </B>: usada para poner algo en negrita.
<I> y </I> usada para poner algo en cursiva.
<IMG SRC="imagen.gif">: se usa para añadir una imagen. El comando IMG SRC indica que hay que cargar una imagen cuyo nombre sea "imagen.gif" (o el nombre que tenga). Estas imagen debe estar guardada en formato GIF. Para poder usar esta etiqueta, la imagen debe encontrarse en el mismo directorio que el archivo de HTML que estamos escribiendo. De no ser así, la imagen no se verá. Para poder visualizar una imagen que no se encuentra en el mismo directorio, hay que usar su URL (su dirección completa).
<A HREF="dirección URL de la página"> Palabra/s que "contendrán" el enlace </A> : se usa para añadir enlaces a otras páginas web.
<UL> y </UL>: hacer una lista sin un orden determinado. Para indicar cada uno de los elementos de la lista se usa la etiqueta <LI>, no se cierra. Se pueden hacer sublistas dentro de una lista (ver en el ejemplo del final).
<OL> y <OL> : hacer una lista con un orden, es decir, numerada. Al igual que la anterior, cada elemento va precedido por la etiqueta <LI>.
Yo, usando estas etiquetas, estoy dando forma a mi pequeña página web que he decidido hacer sobre la ciudad de Valencia. A continuación podéis ver lo que he escrito como ejemplo:
(Si no habéis visto mi anterior entrada sobre HTML , os recomiendo que le echéis un vistazo, pues es de vital importancia para poder entender esta. Aquí os dejo el enlace: https://informaticaparaclase.blogspot.com/2019/10/programar-con-html.html )
En la clase de hoy, aprendimos principalmente nuevas etiquetas con las que ir dando forma a nuestra página web.
<BR>: se usa para separar dos párrafos sin dejar una línea en blanco, no se cierra.
<B> y </B>: usada para poner algo en negrita.
<I> y </I> usada para poner algo en cursiva.
<IMG SRC="imagen.gif">: se usa para añadir una imagen. El comando IMG SRC indica que hay que cargar una imagen cuyo nombre sea "imagen.gif" (o el nombre que tenga). Estas imagen debe estar guardada en formato GIF. Para poder usar esta etiqueta, la imagen debe encontrarse en el mismo directorio que el archivo de HTML que estamos escribiendo. De no ser así, la imagen no se verá. Para poder visualizar una imagen que no se encuentra en el mismo directorio, hay que usar su URL (su dirección completa).
<A HREF="dirección URL de la página"> Palabra/s que "contendrán" el enlace </A> : se usa para añadir enlaces a otras páginas web.
<UL> y </UL>: hacer una lista sin un orden determinado. Para indicar cada uno de los elementos de la lista se usa la etiqueta <LI>, no se cierra. Se pueden hacer sublistas dentro de una lista (ver en el ejemplo del final).
<OL> y <OL> : hacer una lista con un orden, es decir, numerada. Al igual que la anterior, cada elemento va precedido por la etiqueta <LI>.
Yo, usando estas etiquetas, estoy dando forma a mi pequeña página web que he decidido hacer sobre la ciudad de Valencia. A continuación podéis ver lo que he escrito como ejemplo:
<HTML>
<HEAD>
<TITLE> YINDEX </TITLE>
</HEAD>
<BODY>
<H1> <CENTER> LA CIUDAD DE VALENCIA </CENTER> </H1>
<HR>
Algunos de los lugares más emblemáticos de la ciudad son los siguientes:
<UL>
<LI> El Mercado Central
<LI> La ciudad de las artes y las ciencias
<UL>
<LI> L'Hemisfèric
<P> <IMG SRC="hemis.gif">
<LI> Museo de las Ciencias
<LI> El Oceanográfico
<LI> Palacio de las Artes Reina Sofía
</UL>
<LI> La Lonja
</UL>
<P>
Sus signos más conocidos son: <I>
</I>
<OL>
<LI> La paella
<LI> Las naranjas
<LI> El murciélago
</OL>
En esta página podréis encontrar más información sobre Valencia:
<P><A HREF="https://www.visitvalencia.com"> Visitvalencia </A>
<P> ¡HASTA PRONTO!
</BODY>
</HTML>
En la próxima clase contaré más sobre las imágenes y cómo enlazar otras páginas a través de estas. También desarrollaré un poco más los enlaces.
Un saludo y hasta la próxima.
Comentarios
Publicar un comentario