Tutorial de HTML para Ancho

codificación HTML le permite formatear el diseño visible en el navegador de un usuario. Una propiedad utilizada para diseñar las páginas del sitio web es "ancho". La propiedad width se utiliza en las etiquetas de HTML, como un div, mesa y elementos de imagen. La anchura está programado en píxeles, que son los pequeños puntos que componen la imagen que se ve en la pantalla del ordenador. El ancho se puede utilizar para abarcar toda la ventana del navegador, o puede crear pequeñas imágenes que ocupan sólo un pequeño espacio en el área de sitio web.

Instrucciones

1 Abra el archivo HTML en cualquier editor de texto. HTML es un lenguaje de texto plano, por lo que puede utilizar un editor tan simple como el Bloc de notas. También puede editar HTML en aplicaciones más avanzadas, como Dreamweaver, Visual Studio o Notepad ++.

2 Coloque una propiedad "ancho" en una tabla. Anchura se utiliza en una tabla para establecer el tamaño de la mesa a través de la navegador horizontalmente. El siguiente es un ejemplo de cómo establecer el ancho de una tabla:

<Table width = "1000 píxeles"> </ table>

Esto establece el ancho de la tabla a 1000 píxeles. También puede cambiar el tamaño de la tabla de acuerdo al ancho del navegador del usuario. Esto implica el establecimiento de la anchura a un porcentaje. El siguiente código define el ancho de la tabla al 100 por ciento:

<Table width = "100%"> <tr> <td> La tabla </ td> </ tr> </ table>

Si el ancho es de "100%" hace que se extienden a través de toda la ventana del navegador. Si lo ajusta a "50%", ancho de la tabla es sólo la mitad de la pantalla.

3 Establecer el ancho de una etiqueta "div". Similar a una tabla, la anchura se puede ajustar en píxeles o como un porcentaje de la pantalla. El siguiente código define el ancho de la etiqueta div:

<Div width = "200px"> La etiqueta DIV </ div>

4 Establecer el ancho de una imagen. En la mayoría de los casos, la anchura de una imagen se ajusta de acuerdo a cómo el diseñador guarda el archivo. Sin embargo, es posible que desee hacer la imagen más pequeña o más grande. Esto se puede lograr mediante la propiedad "ancho". El siguiente código define el ancho de la imagen:

<Img width = "100px">

5 Guarde el archivo HTML y abrirlo con un navegador. Observe el div, mesa y la imagen se ajustan a un ancho específico en el navegador.