APARTADO 1
Apertura de html "<html>"
Cierre de html "</html>"
Apertura de head "<head>"
Cierre de head "</head>"
Apertura de body "<body>"
Cierre de body "</body>"
Apertura de title "<title>"
Cierre de title "</title>"
Código original
APARTADO 2
Página web sin editar
Link de la página editada
APARTADO 3
Salto de línea:
Usaremos la etiqueta <br/>, e irá antes de la palabra, oración o grupo de palabras que queremos que pase a la línea de abajo.
Código:
Resultado: Esto es un salto de
líneaLetra en negrita:
Usaremos las etiquetas <b> y </b>, el texto que deseemos que vaya que en negrita se introducirá entre las dos etiquetas.
Código:
Resultado: Letra en negrita
Un enlace:
Usaremos la etiqueta <a> y </a>, también el atributo href. Gracias al href incrustaremos el enlace y gracias a las etiquetas <a> y </a> podremos cambiar la apariencia del enlace, para poder poner lo que queramos y que al darle click siga llevándonos a la página deseada.
Código:
Resultado: Enlace a YouTube
Una imagen:
Usaremos la etiqueta <img> y el atributo src. La etiqueta <img> sirve para contener el atributo src, lo que permite especificar la url de la imagen. La etiqueta <img> no tiene un cierre similar a las demás, en vez de ser </img>, el código se cierra con un ">". Los atributos width y height que se pueden ver en el código de abajo sirven para cambiar la anchura y la altura de la imagen (no son necesarios, pero son útiles para ajustar el tamaño).
Código:
Resultado (la puse a 225x225):
Tabla:
Usaremos las etiquetas <table> y </table>, <td> y </td>, <tr> y </tr>, <th> y </th>. La etiqueta <table> nos servirá para definir la tabla, es decir, poder poner atributos, como style o id, la etiqueta <tr> nos servirá para hacer las filas, la etiqueta <td> la usaremos para poner los datos en las filas, la etiqueta <th> nos servirá para hacer las filas principales (las de arriba del todo). A mayores usé CSS y etiquetas como <tbody>, <colgroup> y <col>. Probablemente sea un código caótico, mal programado y poco optimizado, pero hace su función en esta tarea.
Código:
Resultado:
| ROJO | ROSA | CERCETA |
|---|---|---|
| ROJO | ||
| CERCETA | AZUL | ROJO |
No hay comentarios:
Publicar un comentario