0
Ing. Orlando Huaranga Negrete [email_address]
Aprender acerca de los elementos que componen un documento HTML
<ul><li>Crear documentos HTML. </li></ul><ul><li>Conocer la estructura de un documento HTML. </li></ul><ul><li>Identificar...
<ul><li>Estructura de un documento HTML. </li></ul><ul><li>Head and Body. </li></ul><ul><li>Tablas. </li></ul><ul><li>Vínc...
<html> <head> <title> T itulo de la página </title> </head> <body parámetros> C ontenido de la  P ágina </body> </html>
<ul><li>Estructura de un doc. HTML. </li></ul><ul><li>Head and Body. </li></ul><ul><li>Tablas. </li></ul><ul><li>Vínculos....
Elementos que no alteran el contenido de la página. Elementos : <title>  T itulo zona azul </title> <meta author=“ Acme S....
Contenido de la Página < body  parámetros> Contenido </ body > Elementos : <center></center> <strong></strong> <font color...
<ul><li>Cabecera y cuerpo documento. </li></ul><ul><li>Head and Body. </li></ul><ul><li>Tablas. </li></ul><ul><li>Vínculos...
<ul><li>Organizar la información. </li></ul><ul><ul><ul><li><table> </li></ul></ul></ul><ul><ul><ul><li><tr> </li></ul></u...
<ul><li>Cabecera y cuerpo documento. </li></ul><ul><li>Head and Body. </li></ul><ul><li>Tablas. </li></ul><ul><li>Vínculos...
<ul><li>Incorporar enlaces a otras zonas u otras páginas. </li></ul><ul><ul><ul><li>< a href  = http://www.cibertec.edu.pe...
<ul><li>Cabecera y cuerpo documento. </li></ul><ul><li>Head and Body. </li></ul><ul><li>Tablas. </li></ul><ul><li>Vínculos...
<ul><li>Inclusión de imágenes, los formatos permitidos son GIF, JPG y PNG. </li></ul><ul><ul><ul><li>< img   src =“archivo...
<ul><li>Cabecera y cuerpo documento. </li></ul><ul><li>Head and Body. </li></ul><ul><li>Tablas. </li></ul><ul><li>Vínculos...
<ul><li>Cabecera y cuerpo documento. </li></ul><ul><li>Head and Body. </li></ul><ul><li>Tablas. </li></ul><ul><li>Vínculos...
 
Upcoming SlideShare
Loading in...5
×

Principios H T M L

2,780

Published on

Principios basicos de HTML

Published in: Technology
1 Comment
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total Views
2,780
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
27
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Principios H T M L"

  1. 1. Ing. Orlando Huaranga Negrete [email_address]
  2. 2. Aprender acerca de los elementos que componen un documento HTML
  3. 3. <ul><li>Crear documentos HTML. </li></ul><ul><li>Conocer la estructura de un documento HTML. </li></ul><ul><li>Identificar las etiquetas que dan la funcionalidad al documento HTML. </li></ul><ul><li>Interactuar con las propiedades de las etiquetas. </li></ul>
  4. 4. <ul><li>Estructura de un documento HTML. </li></ul><ul><li>Head and Body. </li></ul><ul><li>Tablas. </li></ul><ul><li>Vínculos. </li></ul><ul><li>Imágenes. </li></ul><ul><li>Mapas. </li></ul><ul><li>Marcos. </li></ul>
  5. 5. <html> <head> <title> T itulo de la página </title> </head> <body parámetros> C ontenido de la P ágina </body> </html>
  6. 6. <ul><li>Estructura de un doc. HTML. </li></ul><ul><li>Head and Body. </li></ul><ul><li>Tablas. </li></ul><ul><li>Vínculos. </li></ul><ul><li>Imágenes. </li></ul><ul><li>Mapas. </li></ul><ul><li>Marcos. </li></ul>
  7. 7. Elementos que no alteran el contenido de la página. Elementos : <title> T itulo zona azul </title> <meta author=“ Acme S.A.” keywords=“java”> <base href=“ http://www.mitienda.com ”>
  8. 8. Contenido de la Página < body parámetros> Contenido </ body > Elementos : <center></center> <strong></strong> <font color=&quot;blue&quot; face=&quot;Arial&quot;></font> <h1></h1> <hr> <br>
  9. 9. <ul><li>Cabecera y cuerpo documento. </li></ul><ul><li>Head and Body. </li></ul><ul><li>Tablas. </li></ul><ul><li>Vínculos. </li></ul><ul><li>Imágenes. </li></ul><ul><li>Marcos. </li></ul>
  10. 10. <ul><li>Organizar la información. </li></ul><ul><ul><ul><li><table> </li></ul></ul></ul><ul><ul><ul><li><tr> </li></ul></ul></ul><ul><ul><ul><li><td>1.1</td> </li></ul></ul></ul><ul><ul><ul><li><td>1.2</td> </li></ul></ul></ul><ul><ul><ul><li></tr> </li></ul></ul></ul><ul><ul><ul><li><tr> </li></ul></ul></ul><ul><ul><ul><li><td>2.1</td> </li></ul></ul></ul><ul><ul><ul><li><td>2.2</td> </li></ul></ul></ul><ul><ul><ul><li></tr> </li></ul></ul></ul><ul><ul><ul><li></table> </li></ul></ul></ul>
  11. 11. <ul><li>Cabecera y cuerpo documento. </li></ul><ul><li>Head and Body. </li></ul><ul><li>Tablas. </li></ul><ul><li>Vínculos. </li></ul><ul><li>Imágenes. </li></ul><ul><li>Marcos. </li></ul>
  12. 12. <ul><li>Incorporar enlaces a otras zonas u otras páginas. </li></ul><ul><ul><ul><li>< a href = http://www.cibertec.edu.pe > </li></ul></ul></ul><ul><ul><ul><li>Enlace a Cibertec </li></ul></ul></ul><ul><ul><ul><li></ a > </li></ul></ul></ul><ul><ul><ul><li><a href=&quot;mailto:ramirez@stconsulting.com.pe&quot;> </li></ul></ul></ul><ul><ul><ul><li>Enviar e-mail </li></ul></ul></ul><ul><ul><ul><li></a> </li></ul></ul></ul>
  13. 13. <ul><li>Cabecera y cuerpo documento. </li></ul><ul><li>Head and Body. </li></ul><ul><li>Tablas. </li></ul><ul><li>Vínculos. </li></ul><ul><li>Imágenes. </li></ul><ul><li>Marcos. </li></ul>
  14. 14. <ul><li>Inclusión de imágenes, los formatos permitidos son GIF, JPG y PNG. </li></ul><ul><ul><ul><li>< img src =“archivo” alt =“Mi Foto”> </li></ul></ul></ul>Atributos: < img src =“archivo” alt =“Mi Foto” width =“88” height =“30”>
  15. 15. <ul><li>Cabecera y cuerpo documento. </li></ul><ul><li>Head and Body. </li></ul><ul><li>Tablas. </li></ul><ul><li>Vínculos. </li></ul><ul><li>Imágenes. </li></ul><ul><li>Marcos. </li></ul>
  16. 16. <ul><li>Cabecera y cuerpo documento. </li></ul><ul><li>Head and Body. </li></ul><ul><li>Tablas. </li></ul><ul><li>Vínculos. </li></ul><ul><li>Imágenes. </li></ul><ul><li>Marcos. </li></ul>
  1. A particular slide catching your eye?

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

×