Introducción a html
 |
0 |  |
||
1-10 of 34
Introducción y Conceptos Básicos 1 Introducción y Conceptos Básicos de Html by Joaquin Lara Sierra is licensed under a Creative Commons Reconocimiento-No comercial-Compartir bajo la misma licencia 2.5 Colombia License. Based on a work at www.unitecnologica.edu.co.
2 Las instrucciones que forman el lenguaje HTML les llamaremos elementos. Otros autores también las denominan "TAGS", o "ETIQUETAS". La notación de los elementos consiste en los símbolos < y > que encierran dentro una instrucción
3
Elementos llenos Se forman escribiendo la instrucción correspondiente seguida del texto al que se quiere aplicar la instrucción y se termina repitiendo la instrucción pero con una barra inclinada inmediatamente antes de la misma. Por ejemplo, el elemento H1 que sirve para dar el máximo tamaño al texto, se escribirá: <H1> Texto de prueba </H1>. y este sería el resultado:Texto de prueba 4
Elementos vacíos Los elementos vacíos se escriben como los llenos, pero no es necesario poner la instrucción repetida al final con una barra. Esto se debe a que estos elementos no producen un efecto sobre el texto. Generalmente se utilizan para separar bloques de texto, y por tanto no es necesario indicar su fin. Empiezan y terminan en el mismo punto. Por ejemplo, el elemento <HR> que sirve para dibujar una línea horizontal en la pantalla, se escribirá: <HR> 5
Estructura de un documento HTML Los documentos escritos en HTML estan estructurados en dos partes diferenciadas: la HEAD (cabecera) y el BODY (cuerpo). 6
<HTML> <HEAD> <TITLE> Documento de prueba </TITLE> </HEAD> <!-- Esto es un comentario--> <BODY> <H1> Esto es una "demo" de documento HTML </H1> Esto es el más sencillo de los documentos HTML. </BODY> </HTML> 7
Esquema de tipos de un documento HTML html o .htm Documento HTML. Contine texto e instrucciones HTML que serán interpretadas. .text o .txt Contiene texto plano. El visualizador presentará todo el fichero como si fuera un único bloque de texto y no interpretará ninguna instrucción HTML que pudiera llevar. Esto lo hará con cualquier fichero que lleve una extensión desconocida o simplemente no lleve ninguna. .gif Contiene un fichero de imagen en formato GIF. .xbm Contiene un fichero de imagen en formato X-Bitmap (blanco y negro). .xpm Contiene un fichero de imagen en formato X-Pixmap (color). .jpeg o .jpg Contiene un fichero de imagen en formato codificado jpeg. 8
.mpeg o .mpg Contiene un fichero de imagen de video o cine (en movimiento). .au Contiene un fichero de audio (sonido) codificado en aiff-encoded. .mid. Contiene un fichero de audio (sonido) generado con secuenciadores midi típicos de Windows. .avi. Contiene un fichero con video y sonido típico de Windows95. .exe. Contiene un fichero binario ejecutable en DOS. http://www.uv.es/jac/guia/estruc.htm (2 de 3)07/02/2006 05:17:07 p.m. Estructura de un documento .hqx. Contiene un fichero binario ejecutable en Macintosh. .Z o .zip. Contiene un (o varios) fichero/s comprimido/s de cualquier clase. Para poder utilizarlo hay que indicarle al visualizador una herramienta de compresión-descompresión. 9
Cambios de párrafo y de línea. Para definir los saltos de párrafo se utiliza el elemento lleno <P> </P> (por Paragraph). No suele utilizarse el cierre </P>, ya que el texto continuará normalmente hasta que encuentre otro salto <P>. 10
El elemento <P> admite cuatro atributos: ALIGN=LEFT (por defecto), ALIGN=RIGHT , ALIGN=CENTER y ALIGN=JUSTIFY Se escribirán así: <P ALIGN=LEFT> Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 <P ALIGN=RIGHT> 11
Texto en color Se puede controlar el color del texto utilizando el elemento <FONT> con el atributo COLOR="xxx", donde "xxx" es el nombre en inglés del color que se desea. Hay que tener presente que algunos no se verán o se verán mal si la máquina no soporta, por lo menos, 256 colores. Por supuesto, este efecto es anidable con el de tamaño y todos los demás. 12
by joaquinlara | Modified: 3 years ago
Language: Spanish | Topic: Design & Graphics
| 18 Views | 3 Embeds |
Summary: Introducción a html
| URL: |
No comments posted yet
Comments