-
Cómo manejar la Tabla alto y ancho De CSS y HTML
-
CSS, siglas de las hojas de estilo en cascada, es un conjunto de códigos que especifica cómo se presenta una página Web. etiquetas HTML, que en general son para la estructura subyacente en lugar de diseño y el aspecto, todavía se pueden realizar muchos de los mismos efectos que la CSS, incluyendo el establecimiento de la anchura y la altura de las mesas. Existen varios enfoques que puede tomar para tablas de tamaño de las páginas web, ya que más de un factor afecta tamaño de la tabla. Uno de estos factores es cualquier elemento al lado de una mesa. La comprensión de cómo configurar el tamaño de la tabla de páginas Web le permite crear páginas que se adaptan a sus necesidades de diseño.Instrucciones
1 Abrir Bloc de notas u otro editor de texto de su elección. Pegar en el siguiente documento HTML. Los códigos en este documento indican su navegador para visualizar una página Web en blanco. Así, al lado de agregar etiquetas HTML para definir una tabla.
<Html>
<Head>
</ Head>
<Body>
</ Body>
</ Html>
2 Pegar las siguientes etiquetas HTML después de la apertura <body> que pegó en el último paso. Estas etiquetas indican su navegador para crear una tabla cuyas células y el esquema tiene un borde para que pueda ver la tabla. la altura y el ancho de la tabla son de tamaño automáticamente para acomodar el tamaño del texto en la celda.
<Table border = "1">
<Tr>
<Td>
Saludos.
</ Td>
</ Tr>
</ Table>
3 Guarde el documento, asegurándose de añadir el texto ".htm" al final del nombre de archivo y hacer clic en "Equipo" para el tipo de archivo.
4 Seleccione el texto "saludos", escriba encima el siguiente texto de sustitución. La etiqueta HTML "fuente" indica al navegador para aumentar el tamaño del texto que sigue a la etiqueta a 24 puntos. Al aumentar el tamaño del texto, la tabla también se expandirá en anchura y longitud para ajustar el texto más grande.
<Font size = "24"> Saludos. </ Font>
5 Pulse la tecla "Control" y "S" al mismo tiempo para volver a guardar el documento, a continuación, pulse la tecla "F5" en su navegador para recargar la página. Tenga en cuenta que las dimensiones de la tabla se han ampliado para hacer espacio para el texto más grande. Este efecto verifica que una forma de aumentar el tamaño de la tabla es mediante el uso de HTML para cambiar el tamaño del texto dentro de la tabla.
6 Pega el siguiente etiqueta entre el "<head>" y "</ head>" etiquetas del documento en el Bloc de notas. La etiqueta de "estilo" invoca el intérprete de CSS de su navegador, el cual lee la entrada de "mesa" que sigue como una instrucción para cambiar el tamaño de todas las tablas en la página Web.
<Style>
mesa {width: 700px; altura: 400px}
</ Style>
7 Vuelva a guardar y actualizar la página web en el navegador como lo hizo anteriormente. Observe que la tabla ha crecido hasta varias veces su tamaño original. El código CSS que acaba de añadir es responsable de este cambio.
