Manual HTML

TECNOLOGICO DE ESTUDIOS SUPERIORES DE COACALCO
ING. EN SISTEMAS COMPUTACIONALES
PROGRAMACION DE WEB
3711
ALUMNOS:
ROSAURA MONDRAGON DIONISIO MATRICULA: 07081139
MANUAL HTML
INDICE
INTRODUCCIN 1 QU ES HTML HISTORIA Y CREACIN DE HTML . PARA QU FUE CREADO Y PARA QUE SIRVE ... CMO COMIENZO A PROGRAMAR EN HTML . QU REQUERIMIENTOS NECESITO PARA PROGRAMAR EN HTML (EDITORES DE HTML) .. ESTRUCTURA BSICA DE HTML <HTML><HEAD> <BODY><TITLE> ENCABEZADO Y TITULO . PRRAFOS .. SALTOS DE LNEA ESPACIOS EN BLANCO . COMENTARIOS . MARQUESINA .. ATRIBUTOS FORMATO DEL TEXTO . NEGRITAS, ITLICAS, SUBRAYADOS, SUBNDICES Y SUPERNDICES, COLOR, TAMAO Y TIPO DE LETRA ALINEACIN DE TEXTO OTROS ATRIBUTOS (SANGRA) ATRIBUTOS PARA FONDOS . BICOLOR
BACKGROUND LISTA DE COLORES COMPATIBLES IMAGEN . TIPOS DE ARCHIVOS QUE SE PUEDEN EMPLEAR ATRIBUTOS SONIDOS .. TIPOS DE ARCHIVOS QUE SE PUEDEN EMPLEAR ATRIBUTOS
TIPOS DE LISTAS LISTAS CON ORDEN LISTAS SIN ORDEN ANIDAMIENTO DE LISTAS ATRIBUTOS
FORMULARIOS . CUADROS DE TEXTO DE UNA SLA LNEA CUADROS DE TEXTO MULTILNEA BOTONES DE RADIO CASILLAS DE VERIFICACIN LISTAS DE SELECCIN (MENS) BOTONES DE ACCIN OTROS CONTROLES DE FORMULARIO ATRIBUTOS
ENLACES EN HTML INTERNOS <a href="#abajo">Ir abajo</a> <a name="abajo"></a> EXTERNOS <a href="http://www.guiarte.com">ir a guiarte.com</a> <a href="mailto:eugim@desarrolloweb.com">eugim@desarrolloweb.com</a>
ATRIBUTOS
SMBOLOS ESPECIALES EN HTML . CUANDO SE UTILIZAN LOS CARACTERES ESPECIALES LISTA DE LOS CARACTERES ESPECIALES
GLOSARIO BIBLIOGRAFA ..
INTRODUCCIN
En estos das nos estamos viendo invadidos por ese fenmeno llamado internet.la internet es la red de redes. Es de todos conocido que el internet existen una pginas que contienen imgenes, texto y sonidos que denominamos pginas WEB. Aunque la internet permite realizar varias tareas ms, lo que ahora proporciona fama al internet son las pginas Web, ya que permiten realizar publicidad a escala mundial para cualquiera que quiera conectarse a la red. La expresin de Pagina Web se ha tomado de World Wide Web (WWW) cuyas siglas suelen utilizarse al comienzo de una direccin de pgina Web. Ahora en da las pginas Web se crean con programas que permiten desarrollarlas utilizando un lenguaje en este caso HTML HyperText Markup Language (Lenguaje de Hypertexto Aumentado). En este manual aprenderemos parte de sus comandos y sintaxis para la creacin de pginas Web. El curso de programacin en lenguaje HTML explicaremos los fundamentos de este lenguaje , abarcando nicamente la insercin de textos, la insercin de imgenes, la creacin de enlaces y la creacin de tablas. El curso se completa con ejemplos bsicos que permiten entender mejor los detalles de la programacin HTML.
QU ES HTML
El HTML ( HiperText Markup Language ) es el lenguaje utilizado para representar documentos en la WWW (World Wide Web). HTML es el lenguaje con el que se definen las pginas web. Bsicamente se trata de un conjunto de etiquetas que sirven para definir el texto y otros elementos que compondrn una pgina web.
El HTML es un lenguaje de marcacin de elementos para la creacin de documentos hipertexto, muy fcil de aprender, lo que permite que cualquier persona, aunque no haya programado en la vida, pueda enfrentarse a la tarea de crear una web. El HTML, Hyper Text Markup Language (Lenguaje de marcacin de Hipertexto) es el lenguaje de marcas de texto utilizado normalmente en la www (World Wide Web). Fue creado en 1986 por el fsico nuclear Tim Berners-Lee; el cual tomo dos herramientas preexistentes: El concepto de Hipertexto (Conocido tambin como link o ancla) el cual permite conectar dos elementos entre si HTML no presenta ningn compilador, por lo tanto algn error de sintaxis que se presente ste no lo detectar y se visualizara en la forma como ste lo entienda. El entorno para trabajar HTML es simplemente un procesador de texto, como el que ofrecen los sistemas operativos Windows (Bloc de notas), UNIX (el editor vi o ed) o el que ofrece MS Office (Word).
HISTORIA Y CREACIN DE HTML 1986. Publicacin de la ISO 8879 que presenta el Standard General Markup Language, origen del HTML. 1989. Tim Berners-Lee, a la sazn en el Centro Europeo de Investigaciones Nucleares presenta su artculo Information Management: A Proposal dedicndose de lleno al desarrollo de un sistema que permitiera el acceso en lnea de manera uniforme a la informacin disponible en muchos recursos distintos, y que pudiese funcionar en mquinas que conectadas por redes basadas en TCP/IP. 1990-1991. Tim Berners-Lee define el HTML como un subconjunto de SGML (Standard Generalized Markup Language), que ms tarde se llamar nivel 0; soporta encabezados, listas y anclas. Se crea el nombre World Wide Web. 1991. Tim Berners-Lee introduce el primer visor de HTML, LineMode, que trabaja en modo texto y slo en plataformas UNIX. El Centro Europeo de Investigaciones Nucleares realiza la apertura del primer sitio con acceso pblico de World Wide Web el 17 de mayo (http://info.cern.ch). 1992. Dan Connolly produce la primera Definicin de Tipo de Documento (DTD) para el lenguaje, llamada HTML 1.0, agregando a la definicin original atributos para modificar el estilo fsico del
Texto. Se distribuye Viola, primer visor grfico de Web y disponible slo para X.11. 1993. Un nuevo visor que soporta un mayor nivel, Lynx, es producido por la Universidad de Kansas, si bien lee slo texto. Aparece Mosaic, desarrollado por el Centro Nacional para Aplicaciones de Supercomputadoras, es el primer visor de Web en entorno grfico que se hace disponible para computadoras personales, lo que lo hace inmediatamente popular. A fines de ao, comienzan a aparecer los primeros artculos sobre WWW en diarios y revistas de circulacin masiva. Tim Berners-Lee utiliza el trabajo del ao anterior de Connolly para presentar el borrador de la primera norma (RFC -Recommendation for Comments) de HTML para Internet. 1994. La Universidad Tcnica de Graz desarrolla un servidor y clientes con mayores prestaciones para HTML, Hyper-G, que no tiene gran xito. Cello, primer visor de HTML que no requiere TCP/IP presentado por la Escuela de Leyes de la Universidad de Cornell. Dan Connolly y Karen Olson Muldrow redefinen el HTML para el nivel 2.0, que ahora soporta formularios. Un grupo de programadores que desarrollaran el Mosaic producen un nuevo visor de World Wide Web, Netscape (tambin conocido como Mozilla), que tiene una amplia aceptacin entre los usuarios, pero que soporta elementos de programacin que equivalen a una degeneracin del HTML (tamaos de letra, fondos). Se define un equivalente para los modelos en tres dimensiones del HTML, el VRML (Virtual Reality Modeling Language), que permite moverse dentro de los ambientes definidos. En este mismo ao se realizan la Primera y Segunda conferencias internacionales de WWW, en Ginebra y Chicago, respectivamente. Se crea la W3 Organization. 1995. Dave S. Raggett (Hewlett-Packard, Inglaterra) comienza a compilar la normativa del nuevo nivel del lenguaje, el HTML 3.0, cuya principal novedad es el soporte de tablas. Microsoft produce su primer visor de Internet, el cual tambin utiliza elementos de HTML degenerados. Una nueva versin de Netscape, Navigator 2.0, agrega soporte de encuadres. Sun Microsystems produce el primer visor de World Wide Web con soporte de un lenguaje de programacin, HotJava. Se celebran la Tercera y Cuarta conferencias internacionales de WWW, en Boston y Darmstadt respectivamente, y la conferencia de WWW para Asia y el Pacfico en Wagga-Wagga. 1996. Netscape Communications y Microsoft presentan las nuevas versiones de sus visores que soportan gran parte del nivel de HTML 3.0. Aparecen visores no comerciales que implementan la norma completa de HTML 3.0. Se formaliza un nuevo nivel para la modelacin en tres dimensiones, VRML 3.0, que permite interactuar con los objetos definidos. Se celebra la Quinta conferencia internacional de WWW en Rocquencourt. 1997. D. Raggett presenta, en enero, la versin normalizada del 3.2. En julio, aparece la versin 4.0, experimental. 1998. HTML 4.0. PARA QU FUE CREADO Y PARA QUE SIRVE
Infinidad de cosas!... las pginas webs tienen multiusos en que su nmero, cada da aumenta incorporndose nuevas ideas. Algunos de los usos ms desarrollados en la internet y que puedes realizar t mismo con un sitio web puede ser una de las siguientes:

Servicios e informaciones de todo tipo de empresa. Contenidos informativos actualizados de temas relevantes. Publicaciones de obras de arte, libros, enciclopedias, etc. Pginas personales, fotografas, videos y comunicarte con tus amigos. Publicar contenidos debatibles en comunidades de personas (foros de discusin).
Siendo estos ejemplos la mnima parte de los infinitos objetivos y temas a los cuales estn ligadas las pginas webs que son creadas y administradas por un diseador web, el cual no necesariamente necesita de un ttulo profesional acreditado para poner en prctica este lenguaje abierto y creado para ser utilizado por todo el mundo, todas las edades y cualquier tipo de mentalidad, tu objetivo principal al crear una web es el compartimiento til de informacin e innovacin de servicios que calificarn tu web de calidad. Actualmente podemos observar poderosas ideas en sitios webs tal como el gran motor de bsqueda, la tecnologa entre otros... de las cuales podemos envidiar, admirar o basarnos en sus grandes ideas y/o mejorarlas.
CMO COMIENZO A PROGRAMAR EN HTML Otra forma de disear un archivo .html, es copiar todo en el Bloc de Notas del Windows, ya que este sencillo programa cumple con un requisito mnimo que es la posibilidad de trabajar con las etiquetas con las que trabaja este lenguaje. A continuacin les mostraremos las etiquetas ms comunes que deben aprenderse para hacer una pagina Web. Estructura de los documentos de HTML Si se tiene en cuenta el contenido del documento, todos los documentos de HTML bien escritos comparten una estructura en comn. Un documento de HTML empieza con la etiqueta <HTML>, que es la que encerrar el documento actual. Contiene dos secciones primordiales: la cabecera y el cuerpo encerradas respectivamente por los elementos <HEAD> cabeza y <BODY> cuerpo. La cabecera puede contener informacin y siempre contiene el titulo del documento encerrado por el elemento <TITLE>. En el cuerpo se encuentra todo el contenido del documento, ya sea, texto, imgenes, sonidos, hipervnculos, etc. Un documento escrito en HTML contiene las siguientes etiquetas en el siguiente orden: Ejemplo: <HTML> <HEAD> <TITLE> Ttulo de mi pgina de Internet </TITLE> </HEAD> <BODY> <H1> <CENTER> Primera pagina </CENTER> </H1> <HR>
QU REQUERIMIENTOS NECESITO PARA PROGRAMAR EN HTML (EDITORES DE HTML) ESTRUCTURA BSICA DE HTML
La estructura bsica de una pgina web es la siguiente:
<html> <head></head> <body> </body> </html>
Una estructura HTML se empieza con la etiqueta <html> y acaba con </html>. Todo lo que est en medio ser la pgina web. Dentro de <html></html> se encuentran 2 partes diferenciadas. La primera <head></head> es la cabecera de la pgina. Aqu irn cierta informacin que no es directamente el contenido de la pgina. Aqu se pone el ttulo de la pgina. La primera que se suele estudiar es <title></title>, que indica el ttulo de la pgina (lo que el navegador pone en la parte superior izquierda). La segunda parte es <body></body>. Aqu va propiamente el contenido de la pgina: fotos, prrafos, formularios, etc.
Observa el ttulo en la parte superior izquierda de la pgina. Adems, dentro de <body></body> distinguimos varias etiquetas.
ENCABEZADO Y TITULO
Puede que queramos empezar nuestra web o nuestro texto con un encabezado indicando el ttulo del artculo, categora, etc. Pues bien, para escribir encabezados tenemos que utilizar las etiquetas <h>. Esta etiqueta viene acompaada de un nmero, desde el 1 hasta el 6, predefiniendo stos el tamao del encabezado. As, <h1> sera el encabezado ms grande mientras que <h6> sera el ms pequeo. A continuacin vamos a mostraros el cdigo de los seis diferentes encabezados: <h1> Texto muy grande</h1> <h2>Texto grande</h2> <h3>Texto algo ms grande de lo normal</h3> <h4>Texto normal</h4> <h5>Texto pequeo</h5> <h6>Texto muy pequeo</h6>
Etiquetas Apertura <HEAD> Accin Encabezamiento del documento. Atributos BASE, TITLE, ISINDEX, NEXTID, META Cierre </HEAD>
Cada encabezado est separado del anterior y del siguiente por un salto de lnea y que nosotros en el cdigo no hemos escrito nada. Podemos deducir pues, que los encabezados generan por s solos uno salto de lnea. Por ltimo recordaros que la etiqueta <h> podemos escribirla tanto en maysculas como en minsculas. Es decir, lo mismo dara escribir <h1> que <H1>.
PRRAFOS
Para indicarle al navegador que queremos poner ese texto en un prrafo, debemos escribirlo entre las etiquetas <p> y su cierre </p>. Un prrafo o pargrafo es una unidad de texto que expresa una idea o un argumento con oraciones que tengan cierta temtica y/o esten relacionados. Se delimita por un punto aparte. En HTML debemos guiarnos por una gramtica legible para todos, por lo tanto, el uso de la etiqueta que veremos a continuacin es totalmente obligatoria y estandarizada por la W3C. Para separar un prrafo de otro, se debe utilizar la etiqueta:
<p>
...que es explcitamente para crear prrafos y significa "Paragraph" (prrafo). sta sirve para forzar al texto a que cumpla las reglas de un prrafo, es decir, sin que se "mezcle" con el resto del texto utilizando saltos de lneas.
As el texto quedar dentro de un prrafo, separado por un espacio en blanco por encima y uno por abajo. El texto del prrafo lo puedes alinear utilizando la etiqueta align utilizando los parmetros center (para alinearlo al centro), right (para alinearlo a la derecha), left (para alinearlo a la izquierda) y justify (para justificar el texto). Un ejemplo de esta etiqueta con sus respectivos parmetros es el siguiente: <p align="center">Este texto se alinear al centro</p> <p align="right">Este texto se alinear a la derecha</p> <p align="left">Este texto se alinear a la izquierda</p>
que se ver as:
Este texto se alinear al centro Este texto se alinear a la derecha Este texto se alinear a la izquierda
La etiqueta <pre> La etiqueta <pre> la puedes utilizar para que el navegador interprete el texto escrito tal y como est. Como ejemplo es mostraremos este texto: Escribo esta lnea as
Dejo dos lneas de separacin
y escribo tres ms.
Sin poner ninguna etiqueta, el navegador respondera as: Escribo esta lnea as Dejo dos lneas de separacin y escribo tres ms. En cambio utilizando la etiqueta <pre> y cerrndola con su correspondiente etiqueta, el texto se vera como queremos.
SALTOS DE LNEA
Ya os hemos comentado anteriormente que en html los saltos de lnea escritos en cdigo no son tal una vez el navegador interpreta el cdigo. Vamos a explicaros esto con un claro ejemplo: Puedes escribir un texto como este y el navegador no lo interpretar as
Y se ver as: Puedes escribir un texto como este y el navegador no lo interpretar as
Existen dos etiquetas para indicar que queremos hacer un salto de lnea normal. Son las etiquetas <br> y <br/> ambas son interpretadas igual por el navegador. Esta etiqueta no hace falta abrirla y cerrarla, slo con escribirla el navegador ya la interpreta. Etiquetas Apertura <BR> Accin Retorno de lnea. Atributos CLEAR: Se utiliza en combinacin con ALIGN de IMAGE. Cierre NO
ESPACIOS EN BLANCO El aspecto ms sorprendente del lenguaje HTML cuando se desarrollan los primeros documentos es el tratamiento especial de los "espacios en blanco" del texto. HTML considera espacio en blanco
a los espacios en blanco, los tabuladores, los retornos de carro y el carcter de nueva lnea (ENTER o Intro).
COMENTARIOS Los comentarios html son textos que van dentro del cdigo fuente pero que no son mostrados por los navegadores. Estos comentarios son muy tiles para los editores de la pgina, ya que ayudan a una mayor comprensin del cdigo. La forma correcta de escribir un comentario html es la siguiente:  Podemos apreciar que para los comentarios no se usan las etiquetas vistas en casi todo el html, aunque la estructura es prcticamente la misma. Hay una apertura y un cierre, y todo lo que va dentro de estos dos elementos es el comentario.
Etiquetas Apertura <! Accin Comentario. Atributos Ninguno Cierre -->
Una etiqueta de comentario es una etiqueta especial que se usa para dejar comentarios nuestros dentro del cdigo fuente del documento HTML sin que stas se muestren en el resultado. Se usa de la forma: 
As, puedes tener un documento ms ordenado para ocasiones en que debas encontrar algo y lo encuentre de inmediato,
MARQUESINA La etiqueta marquee nos sirve para dar un efecto diferente a los texto de nuestra pgina Web. Gracias a ella podemos conseguir texto en movimiento. Para aplicar este efecto a los textos, stos deben estar dentro de la etiqueta marquee, entre su inicio "<marquee>" y su cierre "</marquee>". El movimiento, la direccin de desplazamiento, la velocidad del mismo,todo es configurable gracias a los siguientes atributos: align: Este atributo nos indicar si el texto dentro de la etiqueta se alinear en la zona alta del marquee ("top"), en el medio ("middle") o en la parte baja ("bottom"). bgcolor: Con este atributo definiremos el color de fondo que le queremos dar a la marquesina donde est el texto en movimiento.
height y width: El primero marca la altura que tendr la marquesina y el segundo la anchura de la misma. scrollamount: Este atributo define la cantidad de pxeles que queremos que se desplace el texto en cada movimiento. Por ejemplo: <marquee scrollamount="3"> </marquee> significar que el texto que vaya dentro de esa etiqueta se mover a razn de tres pxeles por movimiento. scrolldelay: ste nos define la velocidad del texto que est dentro de la marquesina. A menor numeracin, mayor velocidad. Es decir, un texto ir ms rpido si el scrolldelay es 5, que si el scrolldelay es 20. loop: Este atributo nos determina si el movimiento se repetir o no. Si queremos que el movimiento slo se repita unas veces determinadas debemos indicrselo con un nmero, que ser el nmero de veces que se repita. Si queremos que se repita slo 10 veces, su loop ser el siguiente: <marquee loop="10"> </marquee> Si queremos que se repita debemos usar "infinite" o "-1". Si no especificamos nada, se repetir constantemente. direction: Sirve para definir la direccin del movimiento: "left" para la izquierda, "right" para la derecha, "top" para arriba y "down" para abajo. behavior: Gracias a este atributo podemos dar nuevos efectos a la marquesina. Si no especificamos este atributo, el texto se mover de forma circular en el sentido que le hayamos marcado. Con behavior="scroll" conseguiremos el mismo efecto: el texto se mover circularmente. Con behavior="slide" haremos que el texto se detenga al llegar al final de la marquesina. Y con el behavior="alternate" el texto ir y volver de un lado a otro de la marquesina. Nosotros hemos querido mostrarte un ejemplo de marquee. Aqu lo puedes ver:
Y el cdigo de nuestro marquee es el siguiente:
Etiquetas Apertura Accin Atributos ALIGN, BEHAVIOR, BGCOLOR, DIRECTION, HEIGHT, WIDTH, HSPACE, VSPACE, LOOP, SCROLLAMOUNT, SCROLLDELAY. Cierre
<MARQUEE>
Marquesina.
</MARQUEE> - Internet Explorer
FORMATO DEL TEXTO El formateo del texto, o sea, el formato del texto, son una serie de etiquetas que escribimos en html rodeando la palabra o el texto y que transforman ese texto en el formato que nosotros le hemos querido dar. Las etiquetas deben rodear al texto. Es decir, la etiqueta debe abrirse y cerrarse, conteniendo el texto o la palabra que queramos transformar, entre medias. Se pueden combinar diferentes formatos, o sea, diferentes etiquetas. Por ejemplo, si queremos que un texto est en negrita y en cursiva escribiramos esto: <b><i>Este texto est escrito en negrita y en cursiva</i></b>.Cuando combines, ten cuidado a la hora de cerrar las etiquetas. Debes cerrar las etiquetas por orden, de la ms interior a la ms exterior. Por ltimo, recordad que podis escribir las etiqutes en minsculas o en maysculas. Vamos con los diferentes formateos html que podemos encontrar:
Negrita Existen dos etiquetas que harn que nuestro texto se convierta en negrita. La utilizacin de cualquiera de ellas es indiferente. Puedes usar la que prefieras. La primera es la etiqueta <b> y la otra es la etiqueta <strong>. Aqu va un ejemplo:
Cursiva
Para escribir un texto en cursiva debemos utilizar la etiqueta <i> (y por supuesto cerrarla con la etiqueta </i>). Tambin podemos utilizar la etiqueta <em>. Como en el caso de la negrita, es indiferente el uso de una u otra. Un ejemplo:
Etiquetas Apertura <I> Accin Itlica (Cursiva). Atributos Ninguno Cierre </I>
Subrayado
Si queremos que la palabra o el texto quede subrayado, deberemos rodearlo con la etiqueta <u> y cerrarlo con su correspondiente etiqueta. O sea, </u>. As subrayaramos una frase importante:
Texto con espaciado simple o TT
TT son las inciales de teletype. Utilizando esta etiqueta conseguiremos un espaciado simple entre las diferentes letras del texto. Abriremos la etiqueta con <tt> y la cerraremos con </tt>.
Etiquetas Apertura <TT> Accin Formato tipo mquina. Atributos Ninguno Cierre </TT>
Palabras ms grandes o ms pequeas
Puede que en una frase queramos destacar un palabra por medio de una variacin de tamao sin necesidad de utilizar los encabezados(los explicaremos ms adelante). Pues esta variacin de tamao la conseguiremos gracias a las etiquetas <big> y <small>. Sus propios nombres en ingls nos indican cules sern sus funciones: <big> agrandar el texto y <small> lo disminuir. Cada vez que escribamos una etiqueta, haremos el texto un punto ms grande. Pero estas etiquetas tambin la podemos combinar, por lo que si escribimos dos veces la etiqueta <big>, haremos crecer la palabra dos puntos. Un ejemplo sera el siguiente:
Etiquetas Apertura <SMALL> <BIG> Accin Disminuye el tamao. Aumenta el tamao. Atributos Ninguno Ninguno Cierre </SMALL> </BIG>
Superndices y subndices
Mediante el Html tambin podemos escribir frmulas matemticas. Gracias a las etiquetas siguientes podrs escribir subndices y superndices fcilmente. La etiqueta <sub> te servir para escribir un subndice y <sup> ser tu etiqueta para un superndice. As nos queda un ejemplo como el siguiente:
Etiquetas Apertura <SUB> <SUP> Accin Subndice. Superndice. Atributos Ninguno Ninguno Cierre </SUB> </SUP>
Texto tachado
Existen tres etiquetas diferentes que nos servirn para conseguir que nuestro texto se quede tachado. Hablamos de las etiquetas <strike>, <s> y <del>. Ambas nos ofrecen el mismo resultado. Aqu tienes la muestra:
Etiquetas Apertura <S> Accin Texto tachado. Atributos Ninguno Cierre </S>
Color de texto
El color lo usamos normalmente para resaltar un pedazo de texto en nuestra Web Web. El color es asignado con el parmetro color de la etiqueta <font>, el valor de ste parmetro ser el codigo hexadecimal del color buscado el color escrito en ingles. sta etiqueta es cerrada.
Ejemplo, escribimos:
Etiquetas Apertura <FONT> Accin Definicin de la fuente. Atributos SIZE, COLOR. Internet Explorer: FACE. Cierre </FONT>
Tamao de texto
Tambin es aplicable a un pedazo de texto, y se asigna por medio del parmetro size de la directiva <font>, el valor de ste parmetro ser un nmero del 1 al 6, despues del 6, cualquier nmero que asignemos producira el mismo tamao. Adems para tener un mejor control del tamao de texto debemos usar Hojas de estilo (CSS). Ejemplo, escribimos:
Etiquetas Apertura <font color=""> size="no.">. Accin Tamao de la fuente. Atributos Ninguno Cierre </font>
Fuente de texto
Cuando queremos escribir un ttulo o alguna otra cosa, y queremos que resalte en nuestra Web, podemos darle una fuente distinta. Las fuentes de texto son esas que llamamos con los nombres de: Arial, Comic Sans Ms, Verdana, etc. Para asignar un tipo de fuente a un trozo de texto utilizamos el parmetro face, tambin de la directiva <font>, escribiendo de la siguiente manera:
Etiquetas Apertura <FONT> Accin Definicin de la fuente. Atributos SIZE, COLOR. Internet Explorer: FACE. Cierre </FONT>
Crear prrafos con <P>
La marca <P> sirve para definir un nuevo prrafo de texto, indicando al navegador que el mismo debe empezar en una nueva lnea y colocarse a la derecha, a la izquierda o centrado. Si no se especifica otra cosa, la marca <P> alinea el texto por defecto a la izquierda. Para indicar otros tipos de alineacin, existen atributos especficos: <P ALIGN=left> Define un prrafo y alinea el texto a la izquierda (left). <P ALIGN=right> Define un prrafo y alinea el texto a la derecha (right). <P ALIGN=center> Define un prrafo y centra el texto (center).
Salto de lnea con <BR>
<BR> es una marca de interrupcin de lnea. Tiene un funcionamiento similar a la marca de prrafo vista anteriormente, pero se diferencia porque no indica el inicio de un nuevo prrafo. Dicho de otro modo, su funcin es parecida a la de la tecla "enter" del teclado. Se usa sin marca de cierre. Disponer el texto con <DIV ALIGN> y <CENTER>
El elemento <DIV> se utiliza para alinear horizontalmente el texto a la izquierda, a la derecha o en el centro de la pgina. El atributo ALIGN es fundamental a este respecto. <DIV ALIGN=left>Texto e imgenes a la izquierda</DIV> Mueve a la izquierda los elementos contenidos dentro de sus marcas. <DIV ALIGN=right>Texto e imgenes a la derecha</DIV> Mueve los elementos a la derecha. <DIV ALIGN=center>Texto e imgenes centrados</DIV> Centra los elementos.
La marca <CENTER> tiene un funcionamiento idntico al de <DIV ALIGN=center> pero su uso ha sido depreciado por el estndar 4 de HTML. El uso de <CENTER> fue introducido por Netscape, justo cuando el HTML prevea la salida de DIV. La enorme difusin inicial de Netscape ha hecho que el uso de esta marca est tambin muy difundido, por lo que todava los navegadores la
utilizan y reconocen (incluido MsIe). El uso de <CENTER> es muy simple: <CENTER>Texto para centrar</CENTER>
Lneas horizontales con <HR>
Las lneas horizontales constituyen un instrumento idneo para dividir partes del documento y hacer ms legible el texto. La sintaxis necesaria para su insercin en un documento HTML es la siguiente: <HR align="CENTER" size="2" width="400" color="Red" noshade> La marca HR (acrnimo de Horizontal Rule) no necesita cierre. Consta de diversos atributos: aling="CENTER": define la alineacin de la lnea (center, right, left). size="2": define el grosor, en pxel, de la lnea. width="400": define la longitud horizontal, en pxel, de la lnea. Puede tambin expresarse en tanto por cien respecto al espacio a disposicin: width=80%. color="RED": define el color de la lnea. noshade: si este atributo est presente, elimina el efecto 3D de la lnea. Si no est presente, produce dicho efecto.
Atributos Nombre ALIGN Etiqueta <H1..H6>, <P ALIGN>, <TD>, <TH>, <TR>, <DIV>, <HR> Accin Alinear el texto: LEFT, RIGHT, CENTER Alinear el texto: LEFT, RIGHT, CENTER Valor de la altura en pixels o porcentaje Valor del ancho en pixels o porcentaje Valor align=center
ALIGN
align=center
SIZE
size=3
WIDTH
width=50%
Sangra
<blockquote> sirve para darle sangra al texto. Ejemplo:
Etiquetas Apertura <BLOCKQUOTE> Accin Da formato con sangra a un prrafo Atributos Ninguno Cierre </BLOCKQUOTE>
ATRIBUTOS PARA FONDOS En HTML clsico el fondo se imposta dentro de la marca <BODY> mediante los atributos bgcolor (para el color uniforme del fondo pgina) y background (para asignar al fondo una imagen gif o jpg). Los lmites de estos instrumentos son evidentes sobre todo cuando es necesario insertar una imagen de fondo compleja. Existe un atributo de HTML que permite, slo con MS Internet Explorer, fijar la imagen de fondo invocada como background: <BODY background="sfondo.gif" bgproperties="fixed"> Como hemos dicho, es una solucin que funciona slo con el navegador Microsoft. Los usuarios Netscape no encontrarn ningn mensaje de error, sino tan slo una pgina con el clsico fondo que se desliza junto con el resto del documento (existen algunos recursos para fijar los elementos de la pgina a pesar del scroller). Las especificaciones de las CSS introducen, tambin por lo que se refiere a los colores de fondo, importantes novedades dirigidas sobre todo a liberar a los elaboradores de los vnculos operativos. Atributo color El atributo color define el color del texto del documento (no se debe confundir con el color de background) tanto mediante los nombres de los colores en ingls (black, silver, gray, white, maroon, red, purple, fuchsia, green, lime, olive, yellow, navy, blue, teal y aqua) como con tros hexadecimales. El formato RGB usa para definir los colores tres nmeros enteros comprendidos entre 0 y 255, mediante una escala de valores lineal. El rojo es as, por tanto, 255,0,0 y los matices cromticos se realizan a travs de las combinaciones de colores. En HTML los valores nmericos de los colores se definen segn el denominado "tro hexadecimal", o sea un conjunto de tres nmeros y dos cifras hexadecimales.
Atributo background-color Este atributo determina el color de fondo de un determinado estilo. Su funcin es similar a la del clsico BODY de HTML, pero puede acercarse al color de fondo de las tablas. Se usa sobre todo para resaltar ciertas partes del documento.
Atributos Nombre BGCOLOR BACKGROUND TEXT Etiqueta <BODY> Accin Color de fondo Imgen de fondo Color del texto Valor bgcolor="#FFFFFF" (blanco) background="foto.gif" text="#000000" (negro)
Atributo background-image Tiene una funcin similar al background="image.gif" de HTML classico, invocando una imagen en formato GIF o JPG cargada en el fondo de la css
Atributo background-repeat Este atributo permite repetir la imagen de fondo tal y como sucede con la marca BODY de HTML. Puede asumir distintos valores: repeat (la imagen se reduplica en vertical y horizontal), repeat-x (reduplica la imagen slo en horizontal), repeat-y (reduplica la imagen slo en vertical):
Atributo background-position Las hojas de estilo permiten elegir un punto de inicio para la imagen de fondo distinto del clsico ngulo superior izquierdo. HTML clsico, de hecho, est impostado para que el fondo se visualice desde el punto extremo superior izquierdo. Con las CSS es posible usar algunas palabras clave para la colocacin vertical (top, center y bottom) y horizontal (left, center y right). Si se expresan dos coordenadas,la primera es la horizontal y la segunda la vertical:
Atributo background Es un atributo que permite definir unvocamente los distintos atributos del fondo hasta ahora examinados. El orden que hay que seguir es el siguiente: lista de colores compatibles Codigos de colores html 16 Colores estandar (4 bits) BLACK SILVER RED GRAY NAVY YELLOW MAROON WHITE BLUE GREEN FUCHSIA TEAL OLIVE PURPLE AQUA LIME
256 Colores RGB (8 bits)
RED FF0000
LIME 66FF00
AQUA 00FFFF
FF3300 FF3333 FF0033 000000 33FF33 00CC00 00CC00 009900 00FFFF 33FFFF CCCCFF CCCCFF 00CCCC YELLOW FUCHSIA TEAL
CC3300 FF9999 FFCCCC 990033 CC3333 FFCC99 CC0066 993300 MAROON 990000 CC0033 FF9966 FF6699 660000 CC0000 663333 990066 330000 66FF66 99FF99 CCFFCC 009900 006600 003300 OLIVE GREEN 66FF00 00FF00 009900 006600 003300 006600 66FF00 009900 3333FF 6666FF 9999FF 66FFFF 99FFFF CCFFFF TEAL BLUE 006666 0000FF 0000CC 000099 000099 000066 000033 000099 009999 006666 003333 FFFF33 FFFF66 FFFF99 FFFFCC CCCC00 999900 666600 333300 FF33FF FF66FF FF99FF FFCCFF CC00CC 990099 660066 330033 7D337D 7D667D 7D997D 7DCC7D E100E1 CC00CC AF00AF 990099 FF3366 FF6666 FF9966 FFCC66 FFFF66 CC0066 CC3366 CC6666 CC9966 CCCC66 CCFF66 990066 993366 996666 999966 99CC66 99FF66 666666 669966 FF3399 FF6699 FF9999 FFCC99 FFFF99 CC0099 CC3399 CC6699 CC9999 CCCC99 CCFF99 990099 993399 996699 999999 99CC99 99FF99 666699 669999 FF33CC FF66CC FF99CC FFCCCC FFFFCC CC00CC CC33CC CC66CC CC99CC CCCCCC CCFFCC 9900CC 9933CC 9966CC 9999CC 99CCCC 99FFCC 6666CC 6699CC FF33FF FF66FF FF99FF FFCCFF FFFFFF CC00FF CC33FF CC66FF CC99FF CCCCFF CCFFFF 9900FF 9933FF 9966FF 9999FF 99CCFF 99FFFF 6666FF 6699FF
FF3300 FF6600 FF9900 FFCC00 FFFF00 CC0000 CC3300 CC6600 CC9900 CCCC00 CCFF00 990000 993300 996600 999900 99CC00 99FF00 666600 669900
FF3333 FF6633 FF9933 FFCC33 FFFF33 CC0033 CC3333 CC6633 CC9933 CCCC33 CCFF33 990033 993333 996633 999933 99CC33 99FF33 666633 669933
66CC00 66FF00 336600 339900 006600 009900 33CC00 00CC00 33FF00 00FF00 663300 660000 333300 003300 330000 000000
66CC33 66FF33 336633 339933 006633 009933 33CC33 00CC33 33FF33 00FF33 663333 660033 333333 003333 330033 000033
66CC66 66FF66 336666 339966 006666 009966 33CC66 00CC66 33FF66 00FF66 663366 660066 333366 003366 330066 000066
66CC99 66FF99 336699 339999 006699 009999 33CC99 00CC99 33FF99 00FF99 663399 660099 333399 003399 330099 000099
66CCCC 66FFCC 3366CC 3399CC 0066CC 0099CC 33CCCC 00CCCC 33FFCC 00FFCC 6633CC 6600CC 3333CC 0033CC 3300CC 0000CC
66CCFF 66FFFF 3366FF 3399FF 0066FF 0099FF 33CCFF 00CCFF 33FFFF 00FFFF 6633FF 6600FF 3333FF 0033FF 3300FF 0000FF
IMAGEN Poner imgenes en nuestra web produce unos resultados asombrosos de una manera muy fcil. Vamos a mostrarte como puedes incluir una imagen y los atributos que puedes darle a la misma. El tag bsico para colocar una imagen es "img". Este tag, a diferencia de la gran mayora de los tags de html, no necesita un cierre. Va acompaado de diferentes atributos que te vamos a explicar a continuacin. El atributo "src" es imprescindible para poder colocar una imagen. Este atributo es el que indica dnde se encuentra alojada la imagen que queremos mostrar. Se escribe as: <img src="x">, siendo "x" la direccin o la url dnde se encuentra situada la foto. La foto podemos alinearla en la pgina como queramos mediante "align", utilizando los atributos "left" para alinearla a la izquierda, "right" para alinearla a la derecha, "top" para alinearla arriba, "bottom" para alinearla abajo y "middle" para alinearla al centro. Tambin podemos poner una descripcin de la imagen dentro de la misma para que la gente puede leerla al mantener el ratn encima de ella. Esta descripcin podemos escribirla mediante el atributo "alt" y lo escribiramos de la siguiente manera: alt= "x", siendo "x" la descripcin que le gente leer al pasar el ratn por encima. Debemos aclarar que no con todos los navegadores podemos ver el "alt" de manera visual. Hay algunos que no lo representan.
Atributos opcionales pero muy recomendables, son el height y el width. El height marca la altura de la imagen, mientras que el width marca la anchura. Son recomendables porque as ayudaremos al navegador a representar la imagen. Y por ltimo, tambin queremos mostrarte que le puedes adjudicar un borde a la fotografa. El atributo ya te lo sabes: "border". Despus solo tendrs que definir cul quieres que sea el grosor del borde. As las cosas, deberemos escribir este cdigo...
para poder ver esta preciosa imagen:
Etiquetas Apertura <IMG> Accin Cargar imgenes. Atributos ALIGN, SRC, ALT, ISMAP, WIDTH, HEIGHT, VSPACE, HSPACE Cierre NO
SONIDOS
Es posible escuchar sonidos (o msica) desde el propio navegador. Tanto Netscape como Explorer incorporan desde hace tiempo la capacidad de reproducir sonido. El nico problema es que los archivos suelen ser grandes y, siendo algo innecesario y superfluo, poca gente incluye melodas en sus pginas. Los formatos que se puede asegurar que los navegadores reproducirn son los archivos WAV y MID. Para poder reproducir otros necesitarn el plug-in o aadido necesario, como puede ser el Real Audio para los archivos RA o el ModPlug para los MOD y derivados.
20.1. Sonido activado por el usuario La manera ms sencilla de incluir sonidos es dejando al usuario la decisin de escucharlos o no. Para hacerlo incluiremos el sonido en el parmetro HREF de un enlace, como si fuera una pgina HTML: <A HREF="hola.wav">Si pulsas te saludo<A>
20.2. Sonido de fondo Lo del sonido de fondo ya es ms complicado, ya que Netscape y Explorer ofrecen soluciones propietarias, distintas e incompatibles de hacer sonar un archivo de fondo. En Explorer, desde la versin 2.0, se pueden incluir fondos sonoros utilizando la etiqueta BGSOUND: <BGSOUND SRC="musica.mid"> El parmetro SRC indicar el archivo a reproducir. Esta etiqueta admite tambien otro parmetro, LOOP, que indica el nmero de veces consecutivas que sonar el fichero. Si se indica LOOP="infinite", el archivo se reproducir indefinidamente, mientras estemos en la pgina. Netscape utiliza su etiqueta <EMBED>. Tericamente, esta etiqueta debera servir para unir objetos de varios tipos a la pgina web, pero en la prctica slo se utiliza para esto. Esta etiqueta tiene los siguiente parmetros: Parmetro SRC WIDTH y HEIGHT Utilidad Contiene el nombre de archivo de sonido a reproducir En Netscape aparece un pequeo reproductor, estos parmetros especifican su tamao.
AUTOSTART="true" Arranca automticamente la reproduccin.
LOOP="true" HIDDEN="true"
Reproduce ininterrumpidamente el fichero hasta que salimos de la pgina. Oculta el reproductor.
Sin embargo, y debido a algunos bugs, si queremos reproducir infinitamente un archivo con el reproductor oculto, deberemos incluir todos los parmetros, incluyendo WIDTH y HEIGHT. Adems, si el usuario tiene algn plug-in de sonido extrao, en lugar del que viene con Netscape, es posible que deje de funcionar correctamente. Dado que ambas etiquetas son incompatibles entre s, basta con incluir las dos... o, mejor dicho, bastaba. Ahora el Explorer es capaz de interpretar <EMBED>, pero no exactamente de la misma manera, lo que provoca que aparezca una ventana aparte con el reproductor. En definitiva, la mejor manera de mostrar una msica de fondo es usando un pequeo script que averigue en qu navegador est instalado y discrimine. Como no poda ser menos, en este ejemplo podis ver cmo suena algo de fondo y el cdigo necesario.
TIPOS DE ARCHIVOS QUE SE PUEDEN EMPLEAR ATRIBUTOS
TIPOS DE LISTAS LISTAS CON ORDEN LISTAS SIN ORDEN ANIDAMIENTO DE LISTAS ATRIBUTOS
FORMULARIOS CUADROS DE TEXTO DE UNA SLA LNEA CUADROS DE TEXTO MULTILNEA BOTONES DE RADIO CASILLAS DE VERIFICACIN LISTAS DE SELECCIN (MENS) BOTONES DE ACCIN OTROS CONTROLES DE FORMULARIO
ATRIBUTOS
ENLACES EN HTML Los enlaces nos permiten de una manera muy cmoda redirigir al usuario a otra parte, cuando ste pinche en dicho enlace. Podemos hacer que el usuario se vaya a otra url distinta a la que est, o podemos hacer que vaya a otra parte pero dentro del mismo archivo en el que est, dentro de la misma url. Esta explicacin la entenders ms fcilmente cuando te presentemos los tipos de enlaces que hay y veas sus caractersticas. As pues, vamos a ello: La etiqueta <a>
Es dentro de esta etiqueta y de su cierre (</a>) dnde encontraremos el enlace. Todo lo que est dentro de ella, ya sea texto o una imagen, estar considerado como un enlace y el navegador lo interpretar as.
Atributo href
Para que un enlace est activo debemos indicar dentro de l el destino del mismo. Para establecer este destino le colocamos a la etiqueta <a> este atributo. La etiqueta completa nos quedara as: <a href=enlace>Pincha aqu para ir al destino del enlace</a> Las urls pueden tener dos tipos de rutas o direcciones: Las urls con direccin relativa y las urls con direccin absoluta. Vamos a explicarlas a continuacin: Direcciones absolutas y relativas: Las direcciones absolutas son aquellas que contienen la url completa. En estas direcciones podemos ver todos los elementos de la direccin. Un ejemplo muy claro es el siguiente: <a href="http://html.hazunaweb.com/112.php">Artculo de enlaces html</a> Si pinchramos en el enlace iramos directamente al artculo de mapas de imgenes del tutorial. Fijaros en lo que hablbamos: podemos apreciar todas las partes de la url. En las direcciones relativas vemos que no est la url completa. En este tipo de direcciones, las partes que faltan de la direccin el navegador las genera de la propia pgina en la que
est el enlace. Por ejemplo, si dentro de la pgina http://html.hazunaweb.com/112.php encontrramos la siguiente url... <a href="111.php">Artculo de enlaces html</a> el navegador entiende que dentro de la pgina y de la carpeta en la que se encuntra, debe dirigirse al fichero 111.php. Protocolos Los enlaces nos pueden llevar a url con diferentes protocolos. Nosotros os vamos a presentar los dos ms importantes:

http: Este es el protocolo bsico de los servidores webs. https: Este protocolo se diferencia del anterior en que es un protocolo cifrado. Es decir, la informacin que se enva y se recibe con esa url esta siendo encriptada para que nadie ms pueda interceptar y usar esa informacin. Las pginas con este protocolo son las conocidas como pginas seguras. Esta encriptacin de los datos produce una pequea ralentizacin de la pgina debido a que los datos se envan cifrados.
Mailto La url mailto es aquella que te lleva directamente a una direccin de correo y, ms concretamente, a redactar un mensaje. Una direccin mailto sera la siguiente: <a href=mailto:correodeejemplo@correodeejemplo.com>correodeejemplo@correodeejempl o.com</a> Fjate en el ejemplo que acabamos de poner. Nosotros, como texto para albergar el enlace, hemos puesto la misma direccin que la que va a abrir la url. Por qu? El programa de correo que abre el navegador es aquel que el usuario tenga como predefinido. Nosotros te aconsejamos que como texto para albergar el enlace pongas la direccin de correo electrnico. Windows por defecto tiene predeterminado el Outlook y al pinchar en el enlace lo abre directamente. Muchos usuarios prefieren copiar la direccin y pegarla en su programa de correo. La etiqueta target: La etiqueta sirve para definir la forma en la que se acceder a la nueva url. Esta etiqueta la escribimos dentro del enlace para predefinirla. Puede ser de diferentes tipos:
_self: Es el valor por defecto del parmetro target. El enlace se abrir en el mismo marco en el que est alojado. _blank: Para hacer que ese enlace se abra en una ventana a parte.
_top: Elimina todos los marcos existente y muestra la nueva pgina en la ventana original sin marcos. _parent : Muestra la nueva pgina en el <frameset> que contiene al marco donde se encuentra alojado el enlace. La etiqueta <frameset> la explicamos en otro artculo.
Anclas Un ancla nos sirve para dirigir al usuario a otra parte distinta pero dentro del mismo fichero en el que estamos. Para crear un ancla debemos crear primero el lugar al que queremos acceder. Debemos escribir lo siguiente: <a name=ancla> Y despus debemos escribir un enlace con el cdigo siguiente: <a href= #ancla>Enlace para acceder al ancla</a> Yo he situado un ancla justo al principio de este artculo. Si pinchas en el siguiente enlace acudirs a ella y vers el efecto.
Y para terminar te mostraremos como podemos hacer que un enlace nos diriga directamente a una imagen. Le hemos indicado al enlace que nos abra la imagen en una ventana diferente gracias al target:blank. El cdigo es el siguiente: <a href="http://html.hazunaweb.com/html/imagenes/prueba.jpg" target="_blank">Ir a ver el ejemplo de prueba </a>
Y el resultado le vers pinchando en aqu:
Y terminamos con otro tipo de enlace. Esta vez el enlace est en la imagen. Si pinchas en ella, irs al artculo dnde vimos por primera vez esa fotografa. Primero te mostramos el cdigo: <a href="http://html.hazunaweb.com/112.php" target="_blank"><img src="http://html.hazunaweb.com/html/imagenes/prueba-enlace.jpg" alt="Pincha para ir al enlace" width="300" height="214" border="0"></a>
Y aqu tienes la imagen con el enlace. Se abrir en una ventana nueva gracias al target blank.
INTERNOS <a href="#abajo">Ir abajo</a> <a name="abajo"></a> EXTERNOS <a href="http://www.guiarte.com">ir a guiarte.com</a> <a href="mailto:eugim@desarrolloweb.com">eugim@desarrolloweb.com</a>
Atributos Nombre HREF<A> Etiqueta Direccin del URL local o remoto. Accin href="www.hp.com" Valor
SMBOLOS ESPECIALES EN HTML
Las pginas Web estn abiertas a todo el mundo y a todos los lenguajes. Pero no todos los lenguajes son iguales. En espaol, por ejemplo, tenemos algunas letras que son propias de nuestra lengua y que otras no poseen. Por ello, una en un navegador de un ordenador de fuera de Espaa puede que no se vea. Para evitar ese problema podemos usar los caracteres especiales de html. No todos los ordenadores leen las mismas letras, pero s todos leen el mismo cdigo. Un escrita como tal no se ver en muchos ordenadores del mundo pero, si por el contrario, escribimos ñ (carcter html para la ), seguro que se muestra correctamente. En el siguiente artculo veremos los caracteres especiales html. Caracteres especiales bsicos Estos caracteres son esenciales. No por que no sean interpretados correctamente por el navegador, sino porque estos smbolos mal escritos pueden causar que nuestra web no funcione correctamente.
& <
& <
" >
" >
Caracteres especiales
Ï Ö Ü × ÷ Ã Ñ Õ ã ñ õ ¸ Á É Í
Î Ô Û ¢ € å Å Ç ç Ý ý » À È Ì
ä ë ï ö ü Ó Ú á é Ø ø Ð ð ß ¼ ½ ¾ © ® ª ² ³ ¹ ¯ µ ¶ · ° Ë í ó ú Ä ¿
â ê î ô û Ò Ù à è ÿ Þ þ Æ æ ¡ £ ¥ § ¤ ¦ « ¬ º ´ ¨ ± Ê ì ò ù Â
GLOSARIO
Sin HTML no existira el Internet que hoy conocemos, si no se hubiera inventado, seguiramos con el aburrido FTP (Protocolo de Transferencia de Ficheros) mandndonos o bajando archivos que a veces ni sabamos lo que eran, sin tener la posibilidad de visualizarlo antes. Ahora por medio de una pgina llena de colores y botones por la cual se puede navegar, se puede tener acceso a bastante informacin y archivos. El lenguaje de HTML abri una puerta al mundo permitindole a las personas expresar sus ideas por medio de pginas y mostrrselas a todas las personas de todos los pases. Con el HTML se logr un gran movimiento econmico ya que muchsimas empresas publican, venden, y ofrecen sus productos, sus servicios y sus ofertas atrayendo a mayor cantidad de personas. Tambin gracias al HTML nacieron muchas empresas que ofrecen diversos servicios. Infinitas son las posibilidades que te brindan las pginas WEB ya que no solo te dan la posibilidad de pasar el tiempo navegando. Todo el universo de Internet se lo debemos al HTML, ya que todas las pginas con las que se compone la World Wide Web estn hechas con el lenguaje de programacin HTML.
BIBLIOGRAFA http://crismattweb.tripod.com/guiahtml/etiqueta.html
http://html.hazunaweb.com/107.php http://www.monografias.com/trabajos7/html/html.shtml http://www.mailxmail.com/curso-html-introduccion-practica/documento-html-estructurabasica-metodologia-marcas-etiquetas http://www.documentoweb.com/HTML/introduccion.php http://www.librosweb.es/xhtml/capitulo3/espacios_en_blanco_y_nuevas_lineas.html http://htmlenter.byethost31.com/5.html

Manual HTML

Hochgeladen von

Dokumentinformationen

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Manual HTML

Hochgeladen von

Copyright:

Verfügbare Formate

TECNOLOGICO DE ESTUDIOS SUPERIORES DE COACALCO

ING. EN SISTEMAS COMPUTACIONALES

ROSAURA MONDRAGON DIONISIO MATRICULA: 07081139

La estructura bsica de una pgina web es la siguiente:

<html> <head></head> <body> </body> </html>

que se ver as:

Dejo dos lneas de separacin

y escribo tres ms.

Y se ver as: Puedes escribir un texto como este y el navegador no lo interpretar as

Etiquetas Apertura <! Accin Comentario. Atributos Ninguno Cierre -->

Y el cdigo de nuestro marquee es el siguiente:

</MARQUEE> - Internet Explorer

Texto con espaciado simple o TT

Palabras ms grandes o ms pequeas

Crear prrafos con <P>

Salto de lnea con <BR>

Lneas horizontales con <HR>

<blockquote> sirve para darle sangra al texto. Ejemplo:

256 Colores RGB (8 bits)

para poder ver esta preciosa imagen:

AUTOSTART="true" Arranca automticamente la reproduccin.

Reproduce ininterrumpidamente el fichero hasta que salimos de la pgina. Oculta el reproductor.

TIPOS DE ARCHIVOS QUE SE PUEDEN EMPLEAR ATRIBUTOS

Y el resultado le vers pinchando en aqu:

SMBOLOS ESPECIALES EN HTML

Das könnte Ihnen auch gefallen