miércoles, 26 de octubre de 2016

HTML.5


EJERCICIO # 1


Que es HTML?


Que es? HTML es un lenguaje de programación que se utiliza para el desarrollo de    páginas de Internet. Las siglas son HyperText Markup Language, a lo que    traduce, Lenguaje de Marcas de Hipertexto.Para que sirve?
Sirve para el desarrollo de páginas de internet. Que esta compuesto por una serie de etiquetas que el navegador interpreta y da forma en la pantalla. 



HTML.5

-PROPORCIONA UNA AMPLIA GAMA DE NUEVAS 

 CARACTERISTICAS QUE SE OCUPAN DE LOS GRAFICOS EN LA WEB COMO

 LO SON EL LIENZO 2D,WEBGL , SVG, ETC 

-POPRORCIONA UNA MAYOR OPTIMIZACION DE LA VELOCIDAD Y UN 

MEJOR USO DE HARDWARE 

    HTML



-INCORPORA NUEVAS CAPACIDADES JAVASCRIPT QUE AUMENTAN
 LA CAPACIDAD DE ALMACENAMIENTO


-PERMITE REALIZAR DISEÑOS ADAPTABLES A DISTINTINTOS
 DISPOSITIVOS (WEB , TABLETS , MOVILES…)




CUAL ES LA ESTRUCTURA BASICA DE HTML.5?


<!doctype html>
 <html>
   <head>
      <meta charset="utf-8"/>  
      <title>Título de la web</title>
   </head>
   <body>
      Contenido de la web
   </body>
 </html>

PARA QUE SIRVE  <!doctype>

es una instrucción especial que va al inicio de nuestro documento HTML
 y que permite al navegador entender qué versión de HTML SE ESTA utilizando.
 Esta información determinará la manera en la que el navegador procesará el documento.

PARA QUE SIRVE  <head>
reside información acerca del documento, y generalmente no se ve cuando
 se navega por él. En la HEAD se pone el elemento lleno <TITLE> que es
 una breve descripción que identifica la página.

PARA QUE SIRVE <body>  

La etiqueta <body> define el cuerpo de un documento.Dentro del cuerpo del documento se
 incluye todo el contenido del mismo, por ej. textos, enlaces, imágenes, tablas, etc.
EN DONDE PUEDO ESCRIBIR UN PROGRAMA HTML.5?
COFFECUP FREE EDITOR: Un editor multiplataforma (Windows, Mac) y gratuito con 
soporte para multitud de características: ayuda contextual a la escritura de código, vista previa del resultado a medida
 que escribimos, etc..
NOTEPAD++:Es gratuito y además Open Source aunque solo funciona bajo Windows.
 Dispone de multitud de plugins para extender su funcionalidad, y como es muy popular hay
 muchos donde elegir. 


EJERCICIO # 2



REALIZADO POR: Alejandro Dorado P



EN ESTA LECCION APRENDí LO SIGUIENTE: EN ESTA LECCIÓN APRENDÍ COMO Y CUANDO PONER 
LAS DISTINTAS PARTES DE HTML COMO: <HEAD> , Y <BODY>



LOS 6 TIPOS DE CABECERAS


REAL MADRID

REAL MADRID

REAL MADRID

REAL MADRID

REAL MADRID

REAL MADRID







ALINEACION DE PARRAFOS
Este Párrafo está centrado y en azul


este texto se ve muy grande




fin



FIN





FORMATO HTML.


<HTML>
<HEAD<CENTER><B><I>REAL MADRID</HEAD></CENTER></B></I>
<BR> 
<BODY><I><FONT COLOR="RED">PRIMERA PAGINA WEB<BODY></I>
<BR>
<H1><CENTER><FONT COLOR="#858679">REAL MADRID</H1></FONT COLOR="BLUE"></CENTER>
<H2><CENTER><FONT COLOR="#25B5DA">REAL MADRID</H2></FONT COLOR="GREEN"></CENTER>
<H3><CENTER><FONT COLOR="#84210F">REAL MADRID</H3></FONT COLOR="YELLOW"></CENTER>
<H4><CENTER><FONT COLOR="BROWN">REAL MADRID</H4></FONT COLOR="BROWN"></CENTER>
<H5><CENTER><FONT COLOR="ORANGE">REAL MADRID</H5></FONT COLOR="ORANGE"></CENTER>
<H6><CENTER><FONT COLOR="GRAY">REAL MADRID</H6></FONT COLOR="GRAY"></CENTER>
<H3><FONT COLOR="RED">ALINEACION DE PARRAFOS</H3>
<center><H3><FONT COLOR="BLUE">este parrafo esta centrado en azul</H3></center>
<P Align="left"><b><H1><font color="black">este texto se ve muy grande</CENTER></H1></b></P Align="left">
<center><H7><FONT COLOR="BLUE">FIN</CENTER></H7>
<CENTER><H4><FONT COLOR="RED">FIN</CENTER></H4>6
</BODY>
</HTML>