aprender html

13

Upload: dlucesita123

Post on 26-Jul-2015

169 views

Category:

Documents


5 download

TRANSCRIPT

Page 1: APRENDER Html
Page 2: APRENDER Html

El Lenguaje de Marcado de HiperTextos (HTML - HyperText Markup Language) es un lenguaje que sirve para especificar la estructura de documentos a retraer a través de internet usando programas de despliegue.

HTML es una aplicación de SGML la cual es la norma internacional ISO 8879 para marcado de textos. El principio reside en que el marcado del texto se concentra en su estructura, más que en su apariencia, haciendo los archivos más reusables y dejando los detalles visuales para el usuario final.

La programación HTML se trabaja en documentos de texto como bloc de notas o Word pad preferiblemente , luego lo guardamos de la siguiente manera: el nombre del documento aparecerá con la extensión  ".txt" la debemos cambiar a ".html".

La Definición de Tipo de Documento HTML, con su estructura elemental, está principalmente orientada a describir los elementos estructurales que aparecen en el hipertexto.

En un sistema de despliegue de hipertextos, la página es el objeto básico en la cual son emplazados los elementos, y los cuales son comunes a todos los documentos a través del despliegue. Mucha de la estructura del documento debe ser implícitamente expresada usando ligas entre páginas.

¿QUE ES Y QUE SIGNIFICA HTML ?

Page 3: APRENDER Html

ejemplo: "documento.txt" guardar como"documento.html"

Luego de esto buscamos el archivo con la extensión htm y veremos los resultados.Un documento HTML básicamente tiene la siguiente estructura.

Page 4: APRENDER Html

UN DOCUMENTO HTML CONTIENE LO SIGUIENTE:

EL CUERPOEl cuerpo es el contenido de la página propiamente dicho, o sea, lo que se ve, en el es donde colocarán prácticamente todos los elementos que vamos a ir viendo por este manual. Los atributos que admite esta etiqueta <BODY>:

Page 5: APRENDER Html

DANDO FORMATO Evidentemente en las páginas no todo el contenido es igual y por tanto no todo se ha de mostrar en la misma forma, por eso HTML nos permite modificar el aspecto del texto: podemos darle diferentes formatos, modificando desde el aspecto de los caracteres (tipo de letra) hasta el color. Podemos formatear desde las letras una por una hasta bloques completos de texto.

Estilos de párrafoEstos estilos o formatos actúan a nivel de párrafo

Page 6: APRENDER Html

LOS ENCABEZADOS El HTML nos ofrece seis etiquetas distintas para mostrar cabeceras o títulos.

Actúan a nivel de párrafo, es decir, el texto encerrado en <h1></h1> lleva una línea en blanco por delante y por detrás. Habitualmente se utilizan para destacar títulos de los diferentes apartados o secciones de un texto.

Page 7: APRENDER Html

CAMBIANDO EL TIPO DE LETRATodas estas etiquetas nos permiten cambiar de una manera u otra el aspecto del tipo de letra que estemos utilizando y se pueden utilizar dentro de un párrafo.

Page 8: APRENDER Html

OTROS ELEMENTOSEstas etiquetas realmente no son formato ni de párrafo ni de texto, pero hay que ponerlas en algún sitio:

FORMATEO DE CARACTERES Cuando hablamos del formato en un tema anterior te adelantábamos que podrías dar formato al texto a nivel de carácter, y que la cosa no se iba a quedar solo en poner subrayados o negritas y cursivas. HTML nos permite un gran control sobre el formato del texto mediante la etiqueta <FONT>.

Page 9: APRENDER Html

EL COLOR Podemos cambiar el color de cualquier carácter mediante el uso del parámetro COLOR. La manera de especificarle el color es común a todas las etiquetas HTML: o bien indicando el nombre, si es un color normal, o bien especificando los componentes de rojo, verde y azul (código RGB) del mismo. Los colores reconocidos son los siguientes:

Black Silver Gray White Maroon Red Purple Fuchsia

Green Lime Olive Yellow Navy Blue Teal Agua

<FONT color="blue">Soy azul como el mar</FONT>El modo de indicar el color RGB es el mediante los componentes RGB para lo que se usa un código de seis dígitos hexadecimales: 00 a FF. Por ejemplo:<FONT COLOR="#FF0000">Código para rojo es #FF0000D</FONT>Código para rojo es #FF0000 <FONT COLOR="#00FF00">Código para verde es #00FF00</FONT>Código para verde es #00FF00 <FONT COLOR="#0000FF">Código para Azul es #0000FF</FONT>Código para azul es #0000FF<FONT COLOR="#0000FF">Y ahora mezclemos colores con #10A2FF</FONT>Y ahora mezclemos colores con #10A2FF

Page 10: APRENDER Html

TAMAÑO DEL TEXTO

El parámetro utilizado para indicar el tamaño es SIZE. Puede utilizarse para indicar tamaños absolutos:

SIZE=1 SIZE=2 SIZE=3 SIZE=4

SIZE=5 SIZE=6SIZE=7

EJEMPLO<FONT SIZE=2><font size="2">Tamaño 2</font><FONT SIZE="+3"><font size="2"><font size="+3">Tamaño 6</font></font></FONT></FONT>

Page 11: APRENDER Html

EL FORMATO LISTAS El lenguaje HTML nos permite crear listas en las páginas web de una manera casi tan simple y efectiva como en un procesador de textos, para ello utiliza las etiquetas de listas, de las que existen varios tipos. Todas ellas se pueden anidar (meter unas dentro de otras) formando árboles más o menos complejos. Todos los tipos siguen el mismo formato:<tipo_lista> <LI>Primer elemento <LI>Segundo elemento</tipo_lista>tipo_lista puede ser una de las siguientes: UL, OL, DL.

LISTAS DESORDENADAS La etiqueta <UL> significa unordered list, lista desordenada, y se corresponde con las viñetas en los procesadores de texto: son listas donde cada elemento está precedido de un símbolo como un punto o un disco. EL formato es el que sigue:<UL> <LI>Juan Pedro <LI>Luisa</UL>se verá como•Juan Pedro •Luisa

Page 12: APRENDER Html

A partir del HTML 3.2 la etiqueta <UL> admite estos parámetros:

Page 13: APRENDER Html

LISTAS ORDENADASLa etiqueta <OL> responde a Ordered List, lista ordenada, y nos permite presentar listas como esquemas numerados de un solo nivel, o sea, que cada elemento de la lista lleva un número de orden. Por ejemplo,<OL> <LI>Primer elemento <LI>Segundo elemento</OL>se verá como•Primer elemento •Segundo elemento

INSERTAR IMÁGENES Una página web sin alguna imagen es como el mar sin sal. Para incluir gráficos e imágenes en nuestras páginas utilizaremos la etiqueta <IMG SRC="fichero_grafico" ALT="descripcion" WIDTH=88 HEIGHT=31 BORDER=0>SONIDO: <bg sound src=archivo.ext>