Código de formato

Puede establecer opciones que afecten a la apariencia del código en Microsoft Expression Web y otras opciones que cambien su formato.

Las técnicas para aplicar formato básico (saltos de línea, espacios en blanco y sangría) facilitan la lectura y modificación del código, sin afectar a la apariencia de la página web. En Expression Web se pueden establecer éstas y otras opciones de configuración, además de definir el color y tamaño de la fuente exclusivamente para las etiquetas, los atributos, los valores y los scripts.

[!NOTA]

Cuando se abre una página con código, Expression Web preserva su formato de código de forma predeterminada. Las opciones de la ficha Formato de código del cuadro de diálogo Opciones del editor de páginas sólo se aplican a las páginas web nuevas que se crean y al contenido que se agrega o modifica.

Para establecer opciones de visualización de código

1. En el menú Herramientas, haga clic en Opciones del editor de páginas.

2. En la ficha General del cuadro de diálogo Opciones del editor de páginas, en Opciones de la vista Código, haga lo siguiente:

   Utilice	Acción
   Ajuste de línea	Ajusta todas las líneas de código al ancho actual de la ventana de edición.
   Sangría automática	Conserva el nivel actual de sangría cuando se presiona la tecla ENTRAR para iniciar una nueva línea.
   Números de línea	Muestra un número único a la izquierda de cada línea de código.
   Margen de selección	Agrega un margen a la izquierda de la ventana de edición que permite hacer clic o arrastrar para seleccionar una o varias líneas de código.
   Resaltar etiquetas HTML no válidas	Muestra el código HTML no válido en un color específico (de forma predeterminada, en rojo) y con un color de fondo (de forma predeterminada, en amarillo), que se puede especificar en la ficha Codificación en colores del cuadro de diálogo Opciones del editor de páginas. Sugerencia:  Para mostrar una ventana flotante que contenga más información acerca de un caso concreto de código no válido o incompatible, en la vista Código, señale el código que aparece resaltado o subrayado.
   Resaltar etiquetas HTML incompatibles	Muestra un subrayado ondulado bajo el código que no sea compatible con los estándares HTML.

   Sugerencia:
   También puede establecer estas opciones con la barra de herramientas Vista Código. Para obtener más información, vea Barra de herramientas Vista Código.

Para dar formato al código

1. En el menú Herramientas, haga clic en Opciones del editor de páginas.

2. En el cuadro de diálogo Opciones del editor de páginas, en la ficha Formato de código, haga lo siguiente:

   Utilice	Acción
   Restablecer	Restablece los valores predeterminados de todas las opciones.
   Nombres de etiquetas en minúsculas	Escribe las etiquetas en minúsculas en lugar de hacerlo en mayúsculas.
   Nombres de atributos en minúsculas	Escribe los nombres de atributos en minúsculas en lugar de hacerlo en mayúsculas.
   Los nombres de atributo están ordenados alfabéticamente	Escribe los atributos HTML en orden alfabético.
   Permitir saltos de línea dentro de etiquetas	Permite que los saltos de línea aparezcan dentro de las etiquetas en lugar de mantener cada etiqueta en una línea.
   Tamaño de tabulación	Establece el número de espacios de carácter para aplicar sangría cuando se presiona la tecla TAB en la vista Código y que utiliza la opción de formato de código Sangría.
   Sangría	Establece el tamaño y la unidad del margen izquierdo del código anidado.
   Margen derecho	Establece el tamaño del margen derecho del código.
   Insertar tabulaciones como espacios	Da formato a las tabulaciones como espacios.
   Etiquetas	Para establecer opciones para aplicar formato a etiquetas concretas, selecciónelas y, después, en Saltos de línea y debajo de la sección Saltos de línea, establezca las opciones que desee. Por ejemplo, si desea omitir la etiqueta de elemento de lista final </li> que suele aparecer después de cada elemento de una lista, en Etiquetas, seleccione li y, a continuación, Omitir etiqueta final.
   CSS	Para establecer las opciones de formato de componentes concretos de una CSS, seleccione el componente al que desee dar formato y, en Formato, establezca las opciones que desee. Por ejemplo, si desea que aparezca un número concreto de espacios después de la llave de apertura ({) que inicia el bloque de declaraciones de un estilo, en CSS, seleccione Llave de apertura y, después, especifique el número de espacios que desee en el cuadro Espacios después de.
   Aplicar sangría a propiedades en las líneas nuevas	Permite aplicar sangría a los atributos de CSS escritos con Expression Web.
   Usar propiedades abreviadas al generar estilos	Permite usar atributos de CSS abreviados en lugar de los normales. Por ejemplo, con esta opción seleccionada, Expression Web definiría los valores del ancho, el color y el estilo de un borde estableciendo únicamente el atributo de borde en el estilo. Con esta opción desactivada, Expression Web establecería un atributo y un valor para cada atributo de borde.

   [!NOTA]

   Algunas de las opciones de formato del código que especifique afectan a todas las páginas existentes, mientras que otras opciones sólo afectan a las nuevas páginas que crea posteriormente. Para volver a aplicar formato al código de las páginas existentes, vea el procedimiento "Para volver a aplicar formato al código de una página existente".

Para volver a aplicar formato al código de una página existente

1. Abra la página web a la que desea volver a aplicar formato.

2. En el panel Código, haga clic con el botón secundario y seleccione Volver a aplicar formato HTML.

Para establecer las opciones de formato de código de acuerdo con el formato de código de una página concreta

1. Con la página web en la que desea basar la configuración abierta, en el menú Herramientas, haga clic en Opciones del editor de páginas.

2. En el cuadro de diálogo Opciones del editor de páginas, en la ficha Formato de código, haga clic en Basar en la página actual y, a continuación, en Aceptar.

Para especificar el color del código

1. En el menú Herramientas, haga clic en Opciones del editor de páginas.

2. En el cuadro de diálogo Opciones del editor de páginas, en la ficha Codificación en colores, haga lo siguiente:

   Utilice	Acción
   Configuración de la vista Código	Cambia a la configuración de la vista Código.
   Restablecer valores predeterminados	Restablece los valores predeterminados de las opciones.
   Mostrar elementos	Permite seleccionar el elemento al que se desea aplicar formato.
   Primer plano del elemento, Fondo del elemento y Estilo de fuente	Dan formato al código del elemento seleccionado en Elementos mostrados.

Para especificar la fuente del código

1. En el menú Herramientas, haga clic en Opciones del editor de páginas.

2. En la ficha Fuentes predeterminadas del cuadro de diálogo Opciones del editor de páginas, en Vista Código, establezca los valores de Fuente y Tamaño.

Para aplicar sangría a líneas concretas del código

1. En la vista Código de la página web, coloque el cursor en la línea de código a la que desee aplicar sangría o seleccione el código al que desee aplicar sangría.

2. En el menú Edición, elija Vista Código y haga clic en Aumentar sangría o Disminuir sangría.

Vea también

Tareas

Agregar un marcador temporal al código

Referencia

Barra de herramientas Vista Código