Tecnología

Inicio

Tutorial HTML Consejos y trucos

Tutorial HTML Consejos y trucos


El lenguaje de marcado de hipertexto (HTML) se utiliza para diseñar páginas Web. documentos HTML contienen el contenido del texto de una página web con etiquetas especiales para modificar el formato del texto y su disposición y para vincular las imágenes dentro de la página. Algunos consejos pueden ayudar a simplificar el proceso de codificación HTML para que pueda centrarse en la creatividad en lugar de la codificación.

Insertar CSS en el HTML

HTML proporciona etiquetas de formato para el ajuste de colores, estilos y otros parámetros de diseño de páginas Web. CSS es una herramienta adicional que combina con HTML para proporcionar un mayor control sobre el formato. Por lo menos, CSS le permite experimentar con ciertos parámetros HTML más rápidamente para que pueda probar diferentes ideas de diseño. Mientras que normalmente puede ajustar el color de la fuente de una palabra o frase, escribiendo "<font color = red>", en el CSS especifica un estilo, como "<font style = mystyle>". A continuación, configura "mystyle" por separado. Una característica particularmente el ahorro de tiempo de este consejo es que se puede cambiar instantáneamente el color y otros ajustes de todo el texto en una sola página o varias páginas, simplemente editando el "mystyle" atributos. En la parte superior del documento HTML, la sección "<head>", "crear los parámetros mystyle" escribiendo:

<Style type = "text / css">
font.mystyle {color: tierra de Siena;}
</ Style>

Cada vez que cambia el color dentro de esta pieza de código CSS, el HTML hará que todas las instancias de la fuente "mystyle" con el nuevo color. Usted puede agregar muchos parámetros de formato dentro de la única "mystyle" ajuste para controlar muchos detalles de diseño de forma rápida. Sin esta punta, debe en su lugar tiene que cambiar manualmente la configuración de fuente para cada párrafo o caso en que se utilizó el color.

Fondos del gradiente

Todas las páginas HTML tienen un fondo. Puede que sólo sea un color sólido o el defecto blanco o gris suministrada por el navegador Web. Algunas páginas web utilizan imágenes. La incorporación de una imagen es un reto ya que hay que asegurarse de que no interfiera visualmente con el texto en la pantalla. Además, las imágenes pueden necesitar ser estirado o repetida para llenar todo el espacio detrás de una página Web. La alternativa de un color sólido no siempre es atractivo. Si desea proporcionar un fondo más interesante, considere un degradado de color que se desvanece entre dos colores. Agregue esto a la etiqueta "<body>":

<= Estilo de la carrocería "filtro: progid: DXImageTransform.Microsoft.Gradient (endColorstr = '# C0CFE2', startColorstr = '# FFFFFF', GradientType = '0');">

Utilice el que dos colores que desea en lugar de los colores "# C0CFE2" y "#FFFFFF" en este código. Este truco asegura que tiene ricos antecedentes que no requieren extensa manipulación de imágenes.

Utilice un gráfico de color HTML

HTML reconoce muchas palabras estándar de formato de color, como "rojo", "azul" y "amarilla". Sin embargo, miles de colores están disponibles al crear el código HTML, y ellos son el formateo usando códigos de colores especiales. Mientras que algunos programas de software entran automáticamente estos valores, es útil tener un fácil acceso a una carta de colores HTML cuando se está codificando páginas usted mismo. Puede identificar rápidamente matices interesantes y simplemente utilizar el código de color que proporciona. Muchas cartas de color HTML están disponibles en línea. Todos ellos proporcionan información similar. Encontrar uno que se adapte a su gusto y crear un marcador para un rápido acceso fácil durante su trabajo de diseño.