La Magia del HTML                               Por Teresa Oliver y Fernando Valjueves 27 de diciembre de 12
La Magia del HTML                          Saber Programar te da                                         Poderesjueves 27 ...
La Magia del HTML                         1. Poder de vista rayos-x                         https://webmaker.org/en-US/too...
La Magia del HTML                         2. Poder de modificar la                            realidad                     ...
La Magia del HTML                         3. Poder de CREAR                         Cualquier cosa que imaginéis.         ...
La Magia del HTML                         Hay más poderes                         Pero no los vamos a ver hoy...jueves 27 ...
La Magia del HTML                         HTML, HTML5                         <etiqueta>Contenido</etiqueta>              ...
La Magia del HTML                         HTML, HTML5                         <!doctype html>                         <htm...
La Magia del HTML                         HTML, HTML5                         H1, h2, h3, h4 , h5, h6                     ...
La Magia del HTML                         HTML, HTML5                         img                         <img src=”ruta-a...
La Magia del HTML                         HTML, HTML5                         span, div                         header, fo...
La Magia del HTML                         HTML, HTML5                         table,                         tr, td,      ...
La Magia del HTML                         CSS, CSS3                         Podemos controlar:                         - T...
La Magia del HTML                         CSS, CSS3                         Se aplica a “selectores”:                     ...
La Magia del HTML                         CSS, CSS3                         body {                           font-family: ...
La Magia del HTML                         CSS, CSS3                         body {                           color: red;  ...
La Magia del HTML                         Proyecto libre                         IDEAS:                         - Página p...
Upcoming SlideShare
Loading in …5
×

La magia-del-html

1,284
-1

Published on

Curso de HTML para niños

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,284
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

La magia-del-html

  1. 1. La Magia del HTML Por Teresa Oliver y Fernando Valjueves 27 de diciembre de 12
  2. 2. La Magia del HTML Saber Programar te da Poderesjueves 27 de diciembre de 12
  3. 3. La Magia del HTML 1. Poder de vista rayos-x https://webmaker.org/en-US/tools/#x-ray-gogglesjueves 27 de diciembre de 12
  4. 4. La Magia del HTML 2. Poder de modificar la realidad https://webmaker.org/en-US/tools/#x-ray-gogglesjueves 27 de diciembre de 12
  5. 5. La Magia del HTML 3. Poder de CREAR Cualquier cosa que imaginéis. https://thimble.webmaker.org/en-US/jueves 27 de diciembre de 12
  6. 6. La Magia del HTML Hay más poderes Pero no los vamos a ver hoy...jueves 27 de diciembre de 12
  7. 7. La Magia del HTML HTML, HTML5 <etiqueta>Contenido</etiqueta> <etiqueta /> <etiqueta class=”attr1”/>jueves 27 de diciembre de 12
  8. 8. La Magia del HTML HTML, HTML5 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Mi Web</title> </head> <body> </body> </html>jueves 27 de diciembre de 12
  9. 9. La Magia del HTML HTML, HTML5 H1, h2, h3, h4 , h5, h6 p, em, strong ul, ol, lijueves 27 de diciembre de 12
  10. 10. La Magia del HTML HTML, HTML5 img <img src=”ruta-a-la-imagen.png”/> a <a href=”ruta-del-link”/> texto visible del link </a>jueves 27 de diciembre de 12
  11. 11. La Magia del HTML HTML, HTML5 span, div header, footer, aside, nav section, articlejueves 27 de diciembre de 12
  12. 12. La Magia del HTML HTML, HTML5 table, tr, td, thjueves 27 de diciembre de 12
  13. 13. La Magia del HTML CSS, CSS3 Podemos controlar: - Tipos de letra, tamaño, etc. - Colores - Fondos - Tamaños de los elementos - Y mucho más...jueves 27 de diciembre de 12
  14. 14. La Magia del HTML CSS, CSS3 Se aplica a “selectores”: - Etiquetas HTML, “body” por ej. - Clases, class=”cabecera” - IDs, id=”pato”jueves 27 de diciembre de 12
  15. 15. La Magia del HTML CSS, CSS3 body { font-family: Arial; font-weight: bold; font-size: 24px; font-style: italic; }jueves 27 de diciembre de 12
  16. 16. La Magia del HTML CSS, CSS3 body { color: red; background: yellow url(“ruta-a-la-imagen.png”) top center; } http://www.colorpicker.com/jueves 27 de diciembre de 12
  17. 17. La Magia del HTML Proyecto libre IDEAS: - Página personal - Página de familia - Christmas - Tu afición favorita - Cuentojueves 27 de diciembre de 12
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×