Eva y sus apuntes

Entradas

Mostrando entradas de noviembre, 2020

Tablas en HTML

noviembre 12, 2020

En esta entrada voy a enseñar cómo se crean las tablas en HTML (se puede utilizar en blogger en la vista en HTML) y a darlas un aspecto más agradable a la vista. Creación Para crear una tabla, se utiliza la etiqueta <table> <table> <tr> <th></th> </tr> <tr> <td></td> </tr> </table> La etiqueta <tr> significa nueva fila de la tabla. Las etiquetas <th> y <td> significan nueva columna, con la diferencia de que th es el título de esa columna y td se utiliza para los elementos pertenecientes a esa columna. See the Pen Tablas en HTML by Eva ( @evapikachu ) on CodePen . Hay que prestar especial atención a que ponemos en cada tr el mismo número de elementos (ya sea de th o de td ), ya que no se define en ningún momento el número de columnas y podría estropearnos la estética como tabla. See the Pen Tablas en HTML - filas con distinto número de columnas

HTML: estructura básica de una web

noviembre 08, 2020

Las páginas web no son más que una serie de documentos que se estructuran de una forma en la que el navegador (Chrome, Firefox, Edge...) puedan leerlos y mostrar por pantalla una web. En esta entrada me voy a centrar en la estructura de una web, que se establece en HTML en un fichero. Una página web se puede crear con tantos ficheros como veamos necesarios, pero mínimo tiene que tener 1 con el HTML. Estructura Una página escrita en HTML5 tiene siempre esta estructura: <!DOCTYPE html> <html> <head> <title>Titulo de mi web</title> </head> <body> Contenido </body> </html> La etiqueta DOCTYPE es obligatoria para indicar que estamos utilizando la versión de HTML5 (última versión de HTML). La etiqueta HEAD se utiliza para el título que aparece en la pestaña del navegador, que estilos se van a utilizar (rutas o código CSS) y si se va a utilizar lógica (funcionalidades que puede darnos JavaScript por ejempl