HTML
¿Qué es y para qué sirve el código HTML?
HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una serie de etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.
Podríamos decir que HTML sirve para crear páginas web, darles estructura y contenido.
Recuerda
-Para abrir un comando es <aquí la información> y para cerrarlo </aquí la información>
Las páginas que he creado y la explicación de como lo he hecho
En esta página podemos observar lo siguiente:
<h3><center>4.ºde E.S.O</center></h3>
color="#04A8FF"><font weight=bold><fontsize= 18px>
HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una serie de etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.
Podríamos decir que HTML sirve para crear páginas web, darles estructura y contenido.
Recuerda
-Para abrir un comando es <aquí la información> y para cerrarlo </aquí la información>
Las páginas que he creado y la explicación de como lo he hecho
En esta página podemos observar lo siguiente:
- Mi nombre y el curso en el que estoy. Esto se pone con el código:
<h3><center>4.ºde E.S.O</center></h3>
- El nombre de mi colegio. Si pulsas sobre él te llevará a la página del colegio. Esto se pone con el código:
color="#04A8FF"><font weight=bold><fontsize= 18px>
C.E. Santa Bárbara
</center></font type="verdana">
</font color="#04A8FF">
</font weight=bold></font size= 18px></p>El tipo de letra se elige con font type, el color con font color, el grosor de la letra con font weight, y el tamaño con font size.
Lo que nos indica <P> es que va a comenzar un nuevo párrafo, y <Center> nos sirve para centrar la letra.
Para crear el hipervinculo, tendriamo que poner el siguiente comando:
<a href="nombre de la página web" target="_blank"> delante de <p>, y para cerrarlo:
</a href="nombre de la página web" target="_blank"> detrás de </p>
En esta página podemos observar lo siguiente:
En esta página podemos observar lo siguiente:
<td style="background-image:url('url de la imagen');">Biología</td>
<td style="background-image:url('url de la imagen');"><center><a href="url del blog" target="_blank"><img src="imagen en jpg o dirección de la página" height="80"></img></a></center>
<p><center></td>
</tr>
El comando <td style="background-image:url('url de la imagen');"> sirve para el fondo de la tabla.
Los demás comandos ya los hemos visto en las anteriores páginas.
En esta página podemos observar lo siguiente:
<IMG SRC="patada2.jpg" HEIGHT=180 BORDER=0 hspace=80>
<IMG SRC="patada3.jpg" HEIGHT=180 BORDER=0 hspace=80>
HEIGHT=180 BORDER=0 hspace=80, te dicen el tamaño, el borde y la separación que va a ver de unas imágenes a otras.
¿Qué problemas he tenido y que ha sido lo que más me ha gustado?
Los problemas que he tenido ha sido para cambiar el tipo o el tamaño de la letra, y de he hecho no lo he conseguido modificar.
Lo que más me ha gustado ha sido poder crear páginas por mi misma, pues antes no sabía hacerlo, y me he dado cuenta de que no es tan díficil (al menos en el nivel en el que nosotros hemos trabajado)
</center></font type="verdana">
</font color="#04A8FF">
</font weight=bold></font size= 18px></p>El tipo de letra se elige con font type, el color con font color, el grosor de la letra con font weight, y el tamaño con font size.
Lo que nos indica <P> es que va a comenzar un nuevo párrafo, y <Center> nos sirve para centrar la letra.
Para crear el hipervinculo, tendriamo que poner el siguiente comando:
<a href="nombre de la página web" target="_blank"> delante de <p>, y para cerrarlo:
</a href="nombre de la página web" target="_blank"> detrás de </p>
- Más abajo hay una imagen, y si pulsas sobre ella te lleva a la página del colegio de nuevo. Esto se pone con el código:
- Para hacer lo de Puertollano, Información sobre el colegio, Mis asignaturas y Mi Hobby, sería el mismo comando que utilizamos para C.E Santa Bárbara, pero cambiando el color de la letra y la dirección de la página web a la cual queremos acceder.
- Para el fondo se utiliza el siguiente comando:
En esta página podemos observar lo siguiente:
- Un salto de línea. Eso se pone con el siguiente comando:
- Lo demás se hace utilizando los mismos comandos que en la página principal, pero cambiando algunos detalles como lo son el color de la letra, el fondo...
En esta página podemos observar lo siguiente:
- Una tabla de dos columnas, en una el nombre de las asignaturas y en la otra una foto relacionada con la materia. Además si pulsas sobre la imagen te lleva a un blog relaciono con la asignatura. La tabla tiene una foto gris como fondo. Esto se hace con el siguiente comando:
<td style="background-image:url('url de la imagen');">Biología</td>
<td style="background-image:url('url de la imagen');"><center><a href="url del blog" target="_blank"><img src="imagen en jpg o dirección de la página" height="80"></img></a></center>
<p><center></td>
</tr>
El comando <td style="background-image:url('url de la imagen');"> sirve para el fondo de la tabla.
Los demás comandos ya los hemos visto en las anteriores páginas.
- Lo demás se hace utilizando los mismos comandos que en la página principal, pero cambiando algunos detalles como lo son el color de la letra, el fondo...
En esta página podemos observar lo siguiente:
- Tres imágenes en una misma línea. Esto se consigue con el comando:
<IMG SRC="patada2.jpg" HEIGHT=180 BORDER=0 hspace=80>
<IMG SRC="patada3.jpg" HEIGHT=180 BORDER=0 hspace=80>
HEIGHT=180 BORDER=0 hspace=80, te dicen el tamaño, el borde y la separación que va a ver de unas imágenes a otras.
- Lo demás se hace utilizando los mismos comandos que en la página principal, pero cambiando algunos detalles como lo son el color de la letra, el fondo...
¿Qué problemas he tenido y que ha sido lo que más me ha gustado?
Los problemas que he tenido ha sido para cambiar el tipo o el tamaño de la letra, y de he hecho no lo he conseguido modificar.
Lo que más me ha gustado ha sido poder crear páginas por mi misma, pues antes no sabía hacerlo, y me he dado cuenta de que no es tan díficil (al menos en el nivel en el que nosotros hemos trabajado)
