El código HTML para establecer el ancho

Cuando se crea una página web, que va a utilizar el atributo de anchura HTML para establecer la anchura de los elementos de página, como tablas o celdas de la tabla, contenedores div e imágenes. El uso de esta etiqueta fuerzas del recipiente o elemento para convertirse en un ancho específico, independientemente de los contenidos (imágenes o texto, por ejemplo) dentro del elemento. Debido a que el atributo HTML es en realidad un valor que se agrega a una etiqueta HTML, no es en realidad un código HTML en sí.

beneficios

Según el sitio tutorial en línea W3Schools, debe especificar el ancho de imágenes para que el navegador del usuario sepa cuánto espacio se reserva para las imágenes cuando el navegador carga la página. Esto permite que el navegador para cargar elementos que lo rodean sin cambiar el diseño de la página y es especialmente útil si las imágenes son grandes y requieren un tiempo de cargador más tiempo que otros elementos de la página. Además de esto, el espacio reservado (cuando se define la anchura) puede ayudar a localizar las imágenes rotas. Por último, el establecimiento de la anchura controla elementos tales como recipientes div que de otro modo abarcan todo el ancho de la ventana de pantalla o el navegador del visitante.

HTML

Cuando se desea ajustar el ancho de un elemento HTML, se utiliza un simple "html =" sintaxis. Por ejemplo, puede establecer el ancho de una tabla cambiando la apertura "<table>" código para:

<Table width = "500">

Tenga en cuenta que cuando se utiliza HTML para especificar una anchura, que cambia automáticamente a píxeles - los pequeños puntos que componen la pantalla de su ordenador. Sin embargo, puede marcar el ancho de los elementos como un porcentaje de la pantalla o ventana añadiendo el signo de porcentaje al atributo. Por ejemplo, la siguiente etiqueta produciría una tabla que es el 75 por ciento de la anchura de la ventana del navegador del visitante.

<Table width = "75%">

CSS

Puede utilizar las hojas de estilo en cascada (CSS) como una alternativa a HTML para establecer el ancho de los elementos en su sitio web. Para producir una tabla de 500 píxeles, usted establecerá anchura utilizando la siguiente sintaxis:

<Estilo de tabla = "width: 500px">

En el caso de CSS, la sintaxis es un poco más importante que debe utilizar una etiqueta para su medida de ancho. En este ejemplo, "px" produce píxeles, pero también se puede establecer la etiqueta en pulgadas ( "en"), centímetros ( "CM") o porcentajes (como HTML).

consideraciones

Al diseñar sitios web y aplicaciones, se debe tener en cuenta la resolución de la pantalla de sus visitantes. En un momento dado, los usuarios pueden ver menos o más píxeles en sus pantallas de ordenador que tú. Porque no se puede saber qué resoluciones de sus visitantes pueden estar utilizando, es aconsejable no para establecer el ancho mínimo de elementos demasiado altas de lo contrario corre el riesgo haciendo que tenga que desplazarse hacia el lado en exceso. Una regla de oro es para establecer la anchura de su elemento más grande que no supere los 800 píxeles para los usuarios con una resolución de 800 por 600 píxeles. También puede definir un ancho de 1024 píxeles, ya que aproximadamente el 20 por ciento de las resoluciones se encuentran en esta anchura.