El documento presenta un manual sobre HTML. Explica los marcadores básicos de HTML como <HTML>, <HEAD>, <BODY>, <TITLE> y otros. También describe directivas para cambiar el color de fondo, establecer el color, tamaño y tipo de letra del texto, añadir listas, imágenes, sonido de fondo y vídeo a las páginas web.
1. Universidad central del ecuador
Facultad de filosofía
Carrera de informática
Tema: manual de html
Nombre: Luis ushinia
2. • REPASAR TODO LOA APRENDIDO EN LA CLASE DE
PROGRAMACION
TENER LA CAPACIDAD DE ELABORAR UN MANUAL
CON LO APRENDIDO HASTA AHORRA EN
CUALQUIER TEMA
3. • El HTML (Hipertexto Markup Language) ó Lenguaje de
enlaces hipertexto es un sistemas que se encarga de
definir tipos de documentos estructurados y lenguajes de
marcas para representar esos mismos documentos. El
término HTML se suele referir a ambas cosas, tanto al
tipo de documento como al lenguaje de marcas.
4. • Marcador <HTML>: todos y cada uno de los documentos
HTML deben empezar y terminar con este marcador que
sirve para indicar que se trata de un documento HTML.
En el marcador de cierre es obligatoria la barra inclinada
(/HTML).
• Marcadores <HEAD>: los documentos HTML se dividen en dos
partes, la cabecera y el cuerpo. Los navegadores Web necesitan
distinguir entre cabecera y cuerpo para poder interpretar
correctamente los documentos. En general la cabecera del
documento (head) incluye la información general sobre el
documento. Este marcador tienen su marcador de terminación con
la barra inclinada (/HEAD).
5. • Marcadores <BODY>: incluye el contenido real
del documento (body o cuerpo). Este marcador
tiene también su marcador de terminación con la
barra inclinada </BODY>.
• Marcador <TITLE>: los navegadores muestran
el título de cada uno de los documentos HTML
que encuentran. El título que aparece se toma
del contenido de este marcador. Este marcador
debe aparecer con su pareja con la barra
inclinada </title> y dentro de la sección <HEAD>
6. :: Fondo del documento ::
• La directiva <BODY> además de indicar el inicio y el final
del cuerpo de nuestra hoja permite indicar el fondo de
dicho documento. Si no incluimos ningún parámetro, el
fondo de nuestro documento será de color blanco.
Podemos cambiar el color de fondo con el parámetro
bgcolor de la siguiente forma
• <BODY bgcolor=" código de color ">
• <BODY bgcolor="#00FF00">
• Si la orden fuese :
• <BODY bgcolor="#10A0FF">
7. DIRECTIVA ACCION
<BR> ABIERTA SALTO DE LINEA
<HR> ABIERTA LINEA
<P> CERRADA</P> PARA UN PARRAFO
<MARQUEE> CERRADA ACCION DE MOVIMIENTO AL
</MARQUEE> TEXTO
8. • Existen multitud de marcadores para indicar que una
palabra o frase tiene una connotación especial y es
obligatorio poner los marcadores de cierre al final del
texto afectado. Estos son algunos de los más utilizados
9.
10. • establece el color del texto tamaño del texto y el tipo de
letra del texto
• <font color=“blue” o 9999999> se puede definir el color
con el nombre en ingles o con números hexadecimales
• <font size=20> define el tamaño
• <Font FACE = arial>define el tipo de letra
• Esta directiva es cerrada </ font>
12. • Cabeceras y atributos del texto
• En un documento de HTML se pueden indicar seis tipos de
cabeceras (tamaños de letra) por medio de las
directivas <H1><H2><H3><H4><H5> y <H6>. El texto que
escribamos entre el inicio y el fin de la directiva será el afectado por
las cabeceras. La cabecera
<H1> será la que muestre el texto en mayor tamaño.
• Ejemplos
• <H1>Texto</H1>
Texto
• <H2>Texto</H2>
Texto
• <H3>Texto</H3>
Texto
• <H4>Texto</H4> Texto
• <H5>Texto</H5> Texto
• <H6>Texto</H6>
Texto
13. • Existen básicamente tres tipos diferentes de listas:
numeradas, sin numerar y de definición. Las listas
numeradas representarán los elementos de la lista
numerando cada uno de ellos según el lugar que ocupan
en la lista estos son:
• directiva <OL></ OL>. Cada uno de los elementos de la
lista irá precedido de la directiva <LI>. La
directiva <OL> puede llevar los siguientes parámetros
• type = tipo
• Indica el tipo de numeración utilizada. Si no se indica se
entiende que será una lista ordenada numéricamente.
14. • 1 = Numéricamente. (1, 2, 3, 4, ... etc.)
a = Letras minúsculas. (a, b, c, d, ... etc.)
A = Letras mayúsculas. (A, B, C, D, ... etc.)
i = Números romanos en minúsculas. (i, ii, iii, iv, v, ...
etc.)
I = Números romanos en mayúsculas. (I, II, III, IV, V, ...
Ejemplo Resultado
etc.)
Ejemplo Resultado
<OL> <OL type = A > A. España
1. España
<LI>España <LI>España
2. Francia <LI>Francia B. Francia
<LI>Francia
<LI>Italia <LI>Italia C. Italia
3. Italia
<LI>Portugal <LI>Portugal
4. Portugal </OL> D. Portugal
</OL>
<UL type = disc > • España <UL type = square> España
<LI>España <LI>España
<LI>Francia • Francia <LI>Francia Francia
<LI>Italia • Italia <LI>Italia Italia
<LI>Portugal <LI>Portugal
</UL> • Portugal </UL> Portugal
15. • Para incluir una imagen en nuestra página Web
utilizaremos la directiva <IMG>. Hay dos formatos de
imágenes que todos los navegadores modernos reconocen.
Son las imágenes GIF P Cualquier otro tipo de fichero
y J G.
gráfico o de imagen (BMP, PCX, CDR, etc...) no será
mostrado por el visor, a no ser que disponga de un
programa externo que permita su visualización.
• La directiva <IMG> tiene varios parámetros:
• src = imagen Indica el nombre del fichero gráfico a mostrar.
Ejemplo Se vería como
<IMG src="caution.gif" alt= "Obras !!" >
Si el visor no pudiese visualizar el gráfico..... Obras!!
16. • Añadir una música de fondo a una página Los formatos
de sonido más habituales en Internet son el W AV, el
MP3 y en algunas ocasiones el MIDI, aunque existen
otros formatos diferentes que también pueden utilizarse.
Lo ideal es incluir algún archivo de audio que no ocupe
mucho espacio, y que no por ello sea de mala calidad.
• ejemplo, podríamos insertar un sonido de fondo
escribiendo el siguiente código:
• <bgsound src="varios/audio.mid" loop="-1">
17. • Los formatos de vídeo que suelen utilizarse en Internet
son el AVI, el MPEG y el MOV.
• La etiqueta <embed> es la que se utiliza para insertar
archivos de vídeo. Puede incluirse la etiqueta de cierre,
pero en realidad no es necesaria, ya que entre las
etiquetas <embed> y </embed> no hay que insertar
nada.
• A través del atributo src hay que especificar la ruta y el
nombre del archivo de vídeo.
• <embed src="varios/cotorra.avi" autostart="false"
loop="true">