7

Click here to load reader

Etiqueta HTML

Embed Size (px)

DESCRIPTION

Etiqueta HTML

Citation preview

Etiqueta HTMLEl lenguaje HTML es un lenguaje de marcas, estas marcas sern fragmentos de texto destacado de una forma especial que permiten la definicin de las distintas instrucciones de HTML, tanto los efectos a aplicar sobre el texto como las distintas estructuras del lenguaje. A estas marcas las denominaremos etiquetas y sern la base principal del lenguaje HTML. En documento HTML ser un fichero texto con etiquetas que variarn la forma de su presentacin.Una etiqueta ser un texto incluido entre los smbolos menor que < y mayor que >.. El texto incluido dentro de los smbolos ser explicativo de la utilidad de la etiqueta. Por ejemplo:Letra Negrita, del ingls Bold (negrita).Definir una tabla.Inclusin de una IMaGen.Existe normalmente una etiqueta de inicio y otra de fin, la de fin contendr el mismo texto que la de inicio aadindole al principio una barra inclinada /. El efecto que define la etiqueta tendr validez para todo lo que este incluido entre las etiquetas de inicio y fin, ya sea texto plano o otras etiquetas HTML.Elementos Afectados por la EtiquetaAlgunas etiquetas no necesitarn la de fin, sern aquellas en las que el final este implcito, por ejemplo prrafo,
salto de lnea inclusin de una imagen. Definen un efecto que se producir en un punto determinado sin afectar a otros elementos.El uso de maysculas o minsculas en las etiquetas es indiferente, se interpretarn del mismo modo en ambos casos, pero lo normal es expresarlas en maysculas para que destaquen con ms nitidez del texto normal.Atributos de las Etiquetas Las etiquetas pueden presentar modificadores que llamaremos atributos que permitirn definir diferentes posibilidades de la instruccin HTML. Estos atributos se definirn en la etiqueta de inicio y consistirn normalmente en el nombre del atributo y el valor que toma separados por un signo de igual. El orden en que se incluyan los atributos es indiferente, no afectando al resultado. Si se incluyen varias veces el mismo atributo con distintos valores el resultado obtenido ser imprevisible dependiendo de como lo interprete el navegador. Cuando el valor que toma el atributo tiene ms de una palabra deber expresarse entre comillas, en otro caso no ser necesario.Etiquetas correctas Todo texto que se encuentre entre los caracteres < y > se considerar una etiqueta, si la etiqueta no fuera una de las validas del lenguaje HTML no ser tenida en cuenta, sin causar ningn tipo de error. Dejndose el texto o las etiquetas a las que afectaba como si no existiera la etiqueta extraa. Cuando se comete un error sintctico al expresar una etiqueta o un atributo no se producir ningn error, simplemente no de obtendr el efecto que desebamos.El lenguaje HTML es un lenguaje que evoluciona muy rpidamente y cada nueva versin de los programas navegadors presenta etiquetas nuevas que causan efectos ms espectaculares o atributos nuevos de las etiquetas ya existentes. Esto causa que los programas ms antiguos no entiendan estas nuevas etiquetas y por tanto las considere errneas y no realice la accin que desebamos. Dndose el caso de atributos que son validos solo para un nico navegador.Cuando creemos cdigo HTML hay que hacerlo lo ms estndar posible para permitir que el documento pueda ser visto de forma efectiva por distintos navegadores en maquinas distintas. Por tanto debemos renunciar a efectos espectaculares que solo tienen validez en un navegador e intentar comprobar como se ve el documento en una variedad de navegadores, ya que las personas que se conectan a nuestras pginas no tendrn en la mayora de los casos el mismo que nosotros. Tambin es interesante como se vera el documento en los distintos tamaos de la ventana del navegador, teniendo en cuenta que todos no tienen un monitor con la misma resolucin.En este manual se han tratado de incluir las caractersticas ms estndar de HTML y en caso de tratarse de instrucciones ms particulares se indicar convenientemente.CategoraSemnticaComentariosEstructura de documento Prrafos y lneas
Listas
Tipos de letra EnlacesImgenesTablas Formularios EtiquetaExplicacin...Indica al navegador que este archivo es un documento HTML. significa el final del documento....Principio del encabezado. El encabezado puede contener otro material adicional que no es mostrado en la pgina. Pueden ser comentarios y meta-tags que proveen informacin a los navegadores y motores de bsqueda acerca del documento. significa el final del encabezado....Este indica el inicio del ttulo de su pgina de inicio, el cual no se muestra en el documento. indica el fin del ttulo....Le indica al navegador que aqu empieza el cuerpo del documento y que el fondo es blanco. indica el fin del cuerpo del documento....Alinea en forma central lo que est entre ellos y .Esta etiqueta inserta una imagen, en este caso llamada "clouds.jpg" y la alinea al final de cualquier texto cercano. Las opciones de alineacin incluyen "Middle" (centrado), "Left"(izquierda) y "Right"(derecha).Link NameEste liga el texto "Link Name" al URL en comillas (http://amazon.com). Si usted presiona en las palabras "Link Name" en el navegador, este abrir la pgina del URL. [email protected] abre un buzn cuando la gente presiona en el texto entre las etiquetas, as que la gente puede enviarle un correo electrnico desde su pgina Web. El campo TO: contendr la direccin especificada en la primera etiqueta.Esta inserta una regla horizontal, la cual es una lnea horizontal.This is a HeaderLos encabezados pueden crearse utilizando etiquetas hasta .This is a Medium HeaderEste es un encabezado mediano.Esto comienza un nuevo prrafo....El texto entre estas etiquetas ser texto en negritas....El texto entre estas etiquetas ser italizadoMas informacin Esta etiqueta es para incluir informacin sobre el sitio web que no se ver en el sitio web. Por ejemplo: indicara el nombre del autor. indicara las palabras clave que queramos incluir para que los buscadores puedan identificar nuestro sitio ms fcilmente. esto indicara un breve resumen de tu sitio que sera utilizada por los navegadores para contestar una bsqueda. esto indica al visualizador que vuelva a cargar la pgina activa a los 10 segundos.Tambin puedes impedir que la pgina sea guardada por el cach del ordenador:O que la pgina sea eliminada nada ms recibida:O que la pgina expire inmediatamente al entrar en el cach, esto se hace poniendo una fecha ya pasada:Puedes poner todos elementos que te interesen, pero sin repetirlos.El segundo componente de un documento HTML es le cuerpo o , y es donde va el contenido del documento: Entre estas dos etiquetas va el texto del documento. Dentro del elemento podemos utilizar varios elementos diferentes para describir como el documento va a ser reproducido. Estos son los elementos bloque: Tamaos de Titulares, estos son diferentes tamaos de letras y van de 1 (mayor) a 6 (menor), estos elementos no se pueden utilizar en el mismo prrafo, cada elemento H necesitar su propia linea.Otra forma de cambiar los tamaos de las letras es utilizando el elemento Se pondr el valor que se le quiera dar, del 1 al 7, el valor por defecto suele ser el 3. Se pueden utilizar diferentes atributos del elemento en la misma linea, en el mismo prrafo. Se escribir de la siguiente manera:, etc.Si se quiere cambiar el valor por defecto (3) de todo el documento se puede utilizar el elemento : en donde dice valor, se pondr el nmero del tamao requerido. Este valor se mantendr hasta que aparezca otro elemento con otro tamao.Tambin se puede utilizar el elemento para cambiar la tipografa o fuente de la letra, por ejemplo: texto texto Se pueden utilizar los atributos de tamao, de fuente y de color al mismo tiempo: texto Denota un prrafo. Se puede utilizar con los atributos: Alineacin izquierda Alineacin centro Alineacin derecha
Se usa cuando se quiere dejar una lnea vaca entre dos prrafos. BR quiere decir Break en ingls, que significa romper o hacer una pausa. Se utilizara de la siguiente forma: texto a texto a texto a texto a texto a texto a texto a texto a texto a texto a texto a texto a texto a
texto b texto b texto b texto b texto b texto b texto b texto b texto b texto b texto b texto b texto b texto b