[Música] en esta clase les presento una página ya terminada utilizando tablas se trata de una guardería o jardín de niños que promociona sus servicios para eso se colocaron cuatro imágenes de niños haciendo distintas actividades el eslogan del negocio y la dirección si se dan cuenta acá las imágenes están distribuidas uniformemente eso se hace por medio de una tabla además el título y también el texto de estas dos líneas están dentro de una tabla profe Qué tipo de imágenes utilizó en esta página Ah eso es importante las imágenes que se utilizaron acá son de tipo png
que no tiene en fondo y hay que tratar que sean más o menos del mismo tamaño para que se vean bien en la página por acá en el explorador tengo las imágenes observen como se trata de cuatro niños y para evitar el uso de la eñ Entonces le escribí en inglés niño uno Kid 1 Kid 2 Kid 3 y Kid 4 el nombre de la página es guardería y las páginas que vemos acá son las que ya hicimos anteriormente entonces Recuerden que las imágenes deben estar en el mismo lugar donde se guarda el archivo principal
vamos a ir al código para revisar Cómo se hizo esta página por acá se abre la tabla y se cierra hasta acá esta tabla se construyó con una estructura hacia abajo por cuestiones de espacio primero iniciamos con el título jardín de niños el paraíso luego con la primera fila esta fila tiene cuatro celdas en la primera celda va la primera imagen la segunda celda está vacía luego la tercera celda tiene la segunda imagen y termina con otra celda vacía para que enfoquemos nuestra atención en esta primera parte voy a borrar de aquí para acá le
voy a dar control C para tenerlo en memoria y lo voy a borrar voy a guardar para que observen ahora me vengo al explorador le doy doble clic y este es el resultado de las primeras instrucciones el título que sale en dos líneas por el momento porque la tabla en este momento es angosta para que vean Cómo va la tabla voy a regresar al bloc de notas observen que acá dice Border cero Eso es para que no se vean las líneas Pero si yo le coloco uno archivo guardar vamos a ver ahora en el explorador
voy a actualizar y observen aquí tenemos las líneas que forman la primera fila de la tabla si se dan cuenta tenemos la primera celda con una imagen la segunda celda está vacía que apenas se ve acá la tercera celda tiene la segunda imagen y y acá tenemos otra celda vacía para que observen bien la celda vacía le podemos colocar por acá un par de comillas solo para que observen que ahí hay una celda archivo guardar voy a actualizar observen Acá está el espacio de las dos celdas vacías Bueno ahora regresemos al código ya vieron que
ahí ya se formó la primera fila voy a quitarlas con y voy a agregar el código aquí está el código que se había borrado le voy a dar archivo guardar vamos otra vez al explorador le doy actualizar se ven los dos espacios de las celdas vacías Luego se hizo otra fila empezando con celda vacía imagen celda vacía imagen y en esta parte combinamos cuatro columnas en dos filas esto se hizo por acá vean aquí está se abrió una fila donde se combinaron cuatro columnas y dentro de esas cuatro columnas se colocó el texto correspondiente se
cerró esa fila y luego se abrió otra fila se hizo lo mismo se combinaron las cuatro columnas y también se agregó la última línea de texto lo importante de este ejercicio es que vean la aplicación de la tabla utilizamos celdas individuales las utilizamos con imágenes distribuimos el contenido en dos filas y además agregamos otras dos filas que tienen celdas combinadas para utilizarlas de acuerdo a nuestra conveniencia eso sería todo tendrán alguna pregunta profe Para qué sirve el argumento Face es cierto lo único nuevo que se ha incluido en esta página es este argumento Face Face
es un argumento de font que permite cambiar el estilo de la fuente en este caso se utilizó bookman old Style y por acá Face se utilizó con otro estilo de fuente estos estilos de fuente los pueden Buscar por ejemplo en el editor de texto Word ahí se encuentran un montón de estilos de texto para que ustedes experimenten Cuáles son los que pueden utilizar algunos funcionan y otros no Aunque ya hemos dicho que font es una etiqueta que ha sido sustituida por css todavía en las páginas antiguas se encuentran estos argumentos como Face size color y
otros por eso es importante saber para qué sirven nos vemos entonces en la próxima clase [Música]
