QUE ES HTML? Las siglas HTML se refieren a:

Tamaño: px

Comenzar la demostración a partir de la página:

Download "QUE ES HTML? Las siglas HTML se refieren a:"

Enrique Henríquez Salas
hace 8 años
Vistas:

2 QUE ES HTML? Las siglas HTML se refieren a: HyperText Markup Language Es uno de los lenguajes más utilizados en el Web Wide Web. Las páginas de Internet están escritas en este lenguaje. Le brinda al autor la oportunidad de integrar texto, fotos, sonidos y enlaces en un solo lugar.

3 UNA PÁGINA BÁSICA El lenguaje trabaja a base de etiquetas. La información que aparece dentro de estas estará influenciada por las mismas. <xxx> Inicio de una etiqueta. </xxx> Cierre de una etiqueta.

4 Todo el documento debe estar entre las etiquetas <HTML> Y </HTML>. El documento está dividido en dos partes principales: El encabezamiento En este hay información que no se ve en la pantalla principal. Este debe ser corto y descriptivo, ya que será lo que verán las personas cuando añadan la página a sus favoritos.

5 La etiqueta del encabezamiento se trabajará de la siguiente manera: <HEAD>Texto</HEAD> La etiqueta del cuerpo será: <BODY>Texto</BODY> La etiqueta del título será: <TITLE>Texto</TITLE>

6 La estructura básica de las partes de una página Web son: <HTML> <HEAD><TITLE>título </TITLE></HEAD> <BODY>Es la información que mostrará la página al usuario </BODY> </HTML>

7 FORMATO DEL TEXTO Podemos poner color al fondo utilizando la siguiente instrucción: <BODY BGCOLOR= #xxyyzz > Indica que lleva tres pares de valores que corresponden a R (rojo), G (verde), B (azul) Estos pueden tomar valores desde 00 a FF, si se combinan se obtendrán distintos colores. Ej. #FAB894 anaranjado» FA rojo, B8 verde y 94 azul. Para obtener BLANCO sería #FFFFFF, el Negro # Y ROJO #FF0000.

8 Colores xx es un número indicativo de la cantidad de color rojo. YY es un número indicativo de la cantidad de color verde. ZZ es un número indicativo de la cantidad de color azul. Los números están representados en numeración hexadecimal, esta numeración se compone de 16 dígitos: A B C D E F Donde el número menor es 00 y el mayor es FF. Ejemplo: el número rojo es el #FF0000, debido a que tiene el máximo de rojo y cero de los otros dos colores.

9 Los colores primarios son: #FF0000 rojo #00FF00 verde #0000FF azul Otros colores son: #FFFFFF blanco # negro #FFFF00 amarillo En esta web, encontraremos más códigos de colores.

10 FORMATO DEL TEXTO Podemos poner color al fondo utilizando la siguiente instrucción: <BODY BACKGROUND= ruta de la imagen text= #xxyyzz > text: este atributo sirve para asignar el color del texto de la pagina. Por defecto es el negro. link: el color de los enlaces que no han sido visitados. (por defecto es azul clarito) vlink: el color de los enlaces visitandos. La "v" viene justamente de la palabra visitado. alink: es el color de los enlaces activos.

11 Márgenes Podemos configurar las margenes de la página utilizando la siguiente instrucción: <BODY leftmargin= 0 topmargin = 0 marginwidth = 0 marginheight = 0 > Con otros atributos de la etiqueta <body> se pueden asignan espacios de margen en las paginas, lo que es muy útil para eliminar los márgenes en blanco que aparecen a los lados, arriba y debajo de la pagina. Estos atributos son distintos para Internet Explorer y para Netscape Navigator, por lo que debemos utilizarlos todos si queremos que todos los navegadores los interpreten perfectamente. leftmargin: para indicar el margen a los lados de la pagina. Valido para iexplorer. topmargin: para indicar el margen arriba y debajo de la pagina. Para iexplorer. marginwidth: la contrapartida de leftmargin para Netscape. (Margen a los lados) marginheight: igual que topmargin, pero para Netscape. (Margen arriba y abajo)

12 Otras instrucciones: Para definir párrafos: <P>Texto</P> Línea en blanco: <BR>Texto</BR> Centrar texto: <CENTER>Texto </CENTER> Línea horizontal: <HR>Texto</HR> Para el color del texto utiliza el comando: <FONT COLOR= #xxyyzz >Texto</FONT> Debemos recordar que estas instrucciones hay que desactivarlas.

13 Tamaño de letra: <H1>Texto</H1> <H2>Texto</H2> <H3>Texto</H3> <H4>Texto</H4> <H5>Texto</H5> <H6>Texto</H6> Aspecto de letra: <b>texto</b> negrilla <strong>texto</strong> <strike>texto</strike> <i>texto</i> cursiva <sup>texto </sup>superíndice <sub>texto</sub>subíndice

14 Ejemplo: < H1 > El mayor < /H1 > El mayor < H4 > Tamaño 4 < /H4 > Tamaño 4 < H2 > Tamaño 2 < /H2 > Tamaño 2 < H5 > Tamaño 5 < /H5 > Tamaño 5 < H3 > Tamaño 3 < /H3 > Tamaño 3 < H6 > Tamaño 6 < /H6 > Tamaño 6 Tabla 1 < b > Negrita < /b > < strong > Negrita < /strong > Negrita Negrita < i > Cursiva < /i > < em > Cursiva < /em > Cursiva Cursiva < strike > Tachada < /strike > Tachada < sup > Superíndice < /sup > Normal Superíndice < kbd > Máquina < /kbd > Máquina < sub > subíndice < /sub > Normal subíndice Tabla 2

15 Caracteres especiales á é í ó ú Á É Í Ó Ú á é í ó ú Á É ĺ Ó Ú Otros códigos ñ ñ Ñ Ñ ü ü &Uumi; Ü

16 Movimiento Puede dar movimiento al texto, gráficos y otros. La instrucción a usar es la siguiente: <marquee></marquee> (instucción básica) <marquee scrolldelay=n></marquee> Establece el númeo de milisegundos entre cada scroll» Scrolldelay= 200» Scrolldelay= 100» Scrolldelay= 5

17 <marquee scrollamount=n></marquee> scrollamount= 1 scrollamount= 5 scrollamount= 10 scrollamount= 50 scrollamount= 100 <marqueeloop=n></marquee> <blink><marquee><</marquee></blink>

Documentos relacionados

HTML El idioma de Internet (Parte 1)

HTML El idioma de Internet (Parte 1) El lenguaje HTML Lenguaje de marcas de hipertexto Sintaxis extremadamente sencilla Documentos en archivos de texto simples Texto sin formato Diferenciación de los distintos