HTML básico y diseño web

Todos los documentos HTML contienen los siguientes elementos, que definen la estructura general del documento:

 El título va aquí  El cuerpo de su documento va aquí.

Como muestra el ejemplo anterior, las etiquetas HTML se utilizan generalmente en parejas que encierran partes de su documento. La etiqueta de inicio, como , Señala el comienzo de un formato específico para esa sección, la etiqueta de cierre, como la , Incluye una barra antes de que el nombre de la etiqueta y señala el fin del formato de esa sección. Aquí hay una explicación para cada una de estas etiquetas:

--: Esta etiqueta debe aparecer siempre como la primera cosa en un documento HTML. Se indica al navegador que el archivo es un archivo HTML.

-- y : Estas etiquetas se incluya la sección del documento que se llama la encabezado, que contiene información que se aplica a todo el documento.

-- </ html> </strong><strong>y </strong><strong>: Estas etiquetas se incluya el título del documento. Cualquier texto que aparece dentro de ellos se utiliza como título de su documento HTML. Este es también el texto que aparece en la barra de título del navegador.

-- y : Estas etiquetas marcan el principio y final de la parte del documento que muestra el navegador cuando alguien visualiza la página. Un montón de cosas normalmente cae entre estas etiquetas.

--: Esta etiqueta es siempre la última etiqueta en el documento.

Especificación de Configuración de fuente

En los primeros días de la Web, HTML no proporciona un método que le permitió controlar con precisión la apariencia del texto en sus páginas Web. Ahora, sin embargo, HTML ofrece varios métodos para controlar el tipo. HTML tiene dos etiquetas que le permiten controlar la configuración de fuente: y. La etiqueta le permite controlar la configuración de la fuente para un bloque individual de texto, mientras que la etiqueta establece la fuente que usa por defecto para todo un documento. Ambas etiquetas son inmediatamente seguido por uno o más atributos, que proporcionan información específica para la etiqueta. Éstos son los atributos más importantes de las etiquetas y:

- FACE: Establece el tipo de letra. - TAMAÑO: da el tamaño de letra en una escala de 1 a 7, donde 7 es el mayor y 1 es el más pequeño. El tamaño predeterminado es 3. - Color: Establece el color del texto. He aquí un fragmento de HTML que define el tipo de letra, tamaño y color usado para el texto:

Este es un texto normal del cuerpo utilizando el conjunto de fuentes de la etiqueta BASEFONT.

Se trata de una partida

Después de la partida, el texto vuelve a la configuración BASEFONT.

Cuando desea forzar una línea para derribar a la línea siguiente, puede insertar el párrafo (

) Tag en ese punto. El

tag inserta también una línea en blanco extra de espacio antes de la nueva línea de texto comienza. Si no desea añadir la línea en blanco extra, puede utilizar el
etiqueta. Esta etiqueta también obliga a un salto de línea, pero no introduzca ningún espacio adicional. Ni la

ni la etiqueta
tag requiere una etiqueta de cierre.

Introducción de las partidas

No llene su página Web con un flujo constante de texto sin interrupciones. En cambio, las partidas uso y los apartados para organizar el contenido en cada página. La partida etiquetas HTML hacen el trabajo fácil de crear líneas que rompen el texto en pedazos manejables. Usted puede utilizar hasta seis niveles de títulos en sus páginas web mediante el uso de las etiquetas HTML

,

, Y así sucesivamente a través de

. El siguiente fragmento de código HTML muestra los seis estilos de título en uso:

Se trata de una rúbrica 1

Se trata de una rúbrica 2

Se trata de una rúbrica 3

Se trata de una rúbrica 4

Se trata de una partida 5

Se trata de una rúbrica 6

Este es un párrafo de texto normal.

El formato del texto

En las subsecciones siguientes se muestra cómo introducir los comandos de formato y alineación de control que le permiten agregar negrita, cursiva y de color a sus documentos HTML.

Alineación

HTML no te da muchas opciones para alinear el texto. De forma predeterminada, el texto se alinea a la izquierda de la página. Pero usted puede usar el

etiqueta para especificar el texto que se centra, como en este ejemplo:

 Este texto está centrado.

Bold

Usted puede utilizar la etiqueta para dar formato al texto en negrita. Añadir una etiqueta inmediatamente antes del texto que desea que aparezca en negrita. Luego girar a la negrita fuera mediante la adición de la etiqueta de cierre, como se muestra en el ejemplo siguiente:

Este es el texto en negrita.

Ser tacaño en el uso de la etiqueta. El uso ocasional de negrita está bien, pero si el uso excesivo de formato en negrita, el texto se hace difícil de leer.

Italic

Usted puede utilizar la etiqueta para dar formato al texto en cursiva. Añadir una etiqueta inmediatamente antes del texto que desea que aparezcan en cursiva. Luego, a su vez el tipo de letra cursiva fuera mediante la adición de la etiqueta de cierre, como se muestra en el ejemplo siguiente:

Este es un texto en cursiva.

El uso ocasional de cursiva está bien, pero trate de no excederse.

Color

Usted puede especificar los colores en varias etiquetas HTML. Por ejemplo, tiene un atributo BGCOLOR que le permite especificar el color de fondo para su página. El atributo de color en una etiqueta define el color del texto. HTML estándar define 14 nombres de colores que puede usar para establecer un color predefinido: NEGRO, PLATA, gris, blanco, marrón, PURPLE, fucsia, verde, lima, OLIVA, AMARILLO, AZUL MARINO, verde azulado, y Aqua. La manera más fácil de configurar el color es utilizar uno de estos nombres de color. Por ejemplo, para crear texto en amarillo, puede utilizar una etiqueta como esta:

Este texto es de color amarillo.

Creación de listas

Mediante el uso de HTML, puede crear dos tipos de listas para su página Web.

--Las listas con viñetas: Más formalmente conocido como listas desordenadas. En una lista con viñetas, un carácter de viñeta (generalmente un punto) las marcas de cada elemento de la lista.

--Las listas numeradas: Más formalmente conocido como listas ordenadas. Varias marcas de cada elemento en una lista numerada. El navegador Web se encarga de averiguar qué número de teléfono para cada elemento de la lista.

Las listas con viñetas

Una viñetas, o no ordenada, la lista requiere que estas tres etiquetas: --  marca el comienzo de la lista desordenada. --  marca el inicio de cada elemento de la lista. No corresponde 
 etiqueta es necesario. -- 
 marca el final de la lista completa. He aquí un fragmento de HTML que crea una lista con viñetas:  Los habitantes de Oz 
 El Espantapájaros 
 El Hombre de Hojalata 
 El León Cobarde 
 Munchkins 
 El Asistente 
 La Malvada Bruja del Oeste 
 Glenda

Un listas numeradas numeradas, u ordenado, la lista requiere que estas tres etiquetas:

--  marca el comienzo de la lista ordenada. --  marca el inicio de cada elemento de la lista. No corresponde 
 etiqueta es necesario. -- 
 marca el final de la lista completa. He aquí un fragmento de código HTML que crea una lista numerada:  Pasos para pedir una pizza 
 Recogida de teléfono 
 Número telefónico 
 Realizar pedido 
 Cuelgue teléfono

Inserción horizontal Reglamento

Normas horizontales son líneas horizontales que se pueden agregar a crear saltos visuales en sus páginas Web. Para añadir una regla a una página, utilice la

Tag (etiqueta de cierre no es obligatorio). Usted puede controlar la altura, el ancho y la alineación de la norma mediante el tamaño, el ancho y los atributos ALIGN. Por ejemplo:

En este ejemplo, la regla es la mitad de la anchura de la página, seis pixeles en la altura, y se centraron en la página. Muchos diseñadores Web prefieren utilizar imágenes gráficas en lugar de la

etiqueta para crear normas horizontales. Debido a que varios exploradores Web mostrar la

etiqueta de forma diferente, utilizando una imagen de una regla le permite controlar con precisión cómo la regla aparece en la pantalla. Para utilizar una regla de imagen, siga estos pasos:

1. Escriba una regla de imagen () Tag donde normalmente se utiliza un

etiqueta para crear una regla horizontal:

2. Para la fuente (SRC) Atributo dentro de la , etiqueta, escriba el nombre deel archivo gráfico que contiene la regla de imagen que desea utilizar:

3. Añadir una ANCHO atributo que especifica el número de píxeles que desea que elregla para abarcar o un porcentaje de la anchura de la pantalla:

4. Inserte un
etiqueta inmediatamente después de la regla para forzar un salto de línea,como esta:

un artículo presentado por Justine Mccain

Descargo de responsabilidad:Nuestro sitio web no es responsable por el contenido de este artículo. Webarticles es un recurso de información gratuito.
Importante: Este artículo "Conceptos básicos sobre HTML y diseño web", fue traducida por un software automático. Sentimos pena por los errores de ortografía que pueda haber ocurrido. Gracias por su comprensión.