SlideShare una empresa de Scribd logo
1 de 5
Producto 3 
Diseño de páginas Web 
ALISON MARINONE MACFARLAND 
LUIS FERNANDO ESCAROZ 
9A
¿Qué es HTML? 
 HTML es el acrónimo en inglés de HyperText Markup 
Language (En español se traduce como lenguaje de 
marcado de hipertexto). 
 HTML es un lenguaje abstracto que aplicaciones pueden 
usar para representar documentos y que puede ser 
transmitido fácilmente por algún medio, como lo es 
Internet. 
 Los navegadores de Internet procesan e interpretan 
documentos descritos en HTML usando un analizador de 
HTML.
¿Cómo se estructura una página Web? 
 La estructura básica de una página web es la siguiente: 
 <html> 
<head></head> 
<body> 
</body> 
</html> 
 
Una estructura HTML se empieza con la etiqueta <html> y acaba con </html>. 
Todo lo que esté en medio será la página web. Dentro de <html></html> se 
encuentran 2 partes diferenciadas.
¿Qué es una etiqueta? 
 
HTML es el lenguaje por el cual construimos una página 
web. Este lenguaje se basa principalmente en etiquetas, 
con las cuales vamos construyendo los diferentes 
apartados de nuestra web. Es imprescindible conocer 
estas etiquetas y su funcionamiento para poder crear o al 
menos modificar una página web.
¿Cuáles son las etiquetas principales de HTML? 
 Texto: 
 <p> Esto es un texto </p>Escribimos <p> antes del texto y </p> para finalizar el párrafo. 
 Enlace(link): 
 <a href=”http://www.nombredominio.com” target=”_blank”> Nombre del enlace</a> 
 Se debe cambiar ‘www.nombredominio.com’ por el dominio elegido y ‘Nombre del enlace’ 
por el nombre que desees. 
 Imagen con enlace: 
 <a href=”http://www.dominio.com” target=”_blank”> <img 
src=”http://www.dominio.com/imagen.gif” alt=”descripción de la imagen”></a> 
 Hacemos los cambios mencionados anteriormente. 
 Correo electrónico: 
 <a href=”mailto:tuemail@tuemail.com”> Contactarme </a> 
 Sustituimos ‘tuemail@tuemail.com’ por la verdadera dirección de correo electrónico y 
‘Contactarme’ por el texto que queramos. 
 Centrar: 
 <div align=”center”>Texto centrado </div> 
 Actuamos de forma análoga al apartado anterior.

Más contenido relacionado

La actualidad más candente

tutorial para una pagina web
tutorial para una pagina webtutorial para una pagina web
tutorial para una pagina web
karen_malik
 
Actividad nº6
Actividad nº6Actividad nº6
Actividad nº6
marcos_77
 
Deber programacion
Deber programacionDeber programacion
Deber programacion
YOU10
 
Codigos html y como crear una pagina Web
Codigos html y como crear una pagina WebCodigos html y como crear una pagina Web
Codigos html y como crear una pagina Web
Joshi Tüsa
 

La actualidad más candente (20)

Muñozzz
MuñozzzMuñozzz
Muñozzz
 
tutorial para una pagina web
tutorial para una pagina webtutorial para una pagina web
tutorial para una pagina web
 
Partes de Una Pagina Web
Partes de Una Pagina WebPartes de Una Pagina Web
Partes de Una Pagina Web
 
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOSCOMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
 
Etiquetas para estructurar texto en HTML - 4 parte
Etiquetas para estructurar texto en HTML - 4 parteEtiquetas para estructurar texto en HTML - 4 parte
Etiquetas para estructurar texto en HTML - 4 parte
 
Etiquetas para estructurar texto HTML5 - 2 parte
Etiquetas para estructurar texto HTML5 - 2 parteEtiquetas para estructurar texto HTML5 - 2 parte
Etiquetas para estructurar texto HTML5 - 2 parte
 
Producto 3
Producto 3Producto 3
Producto 3
 
tutorial
tutorialtutorial
tutorial
 
Introducion a HTML5
Introducion a HTML5Introducion a HTML5
Introducion a HTML5
 
Partes de una web
Partes de una webPartes de una web
Partes de una web
 
Actividad nº6
Actividad nº6Actividad nº6
Actividad nº6
 
Estructura.html 1
Estructura.html 1Estructura.html 1
Estructura.html 1
 
Deber programacion
Deber programacionDeber programacion
Deber programacion
 
Paginas web
Paginas webPaginas web
Paginas web
 
Christianjaimea-6
Christianjaimea-6Christianjaimea-6
Christianjaimea-6
 
Html
HtmlHtml
Html
 
Etiquetas para estructurar texto en HTML - 3 parte
Etiquetas para estructurar texto en HTML - 3 parteEtiquetas para estructurar texto en HTML - 3 parte
Etiquetas para estructurar texto en HTML - 3 parte
 
HTML - XML
HTML - XMLHTML - XML
HTML - XML
 
Codigos html y como crear una pagina Web
Codigos html y como crear una pagina WebCodigos html y como crear una pagina Web
Codigos html y como crear una pagina Web
 
Trabajo 905
Trabajo 905Trabajo 905
Trabajo 905
 

Destacado

La edad media, presentación blog.
La edad media, presentación blog.La edad media, presentación blog.
La edad media, presentación blog.
WALLACE_13
 
Li̇dershi̇p assi̇gment 12
Li̇dershi̇p assi̇gment 12Li̇dershi̇p assi̇gment 12
Li̇dershi̇p assi̇gment 12
Ramazan Işbaran
 
Quien Defiende Al No Nacido
Quien Defiende Al No NacidoQuien Defiende Al No Nacido
Quien Defiende Al No Nacido
ifruiz
 
Klasseledelse
KlasseledelseKlasseledelse
Klasseledelse
inystrom
 
Más allá de la economía circular cinco días (art opi i ortega y lordóñez) 230615
Más allá de la economía circular cinco días (art opi i ortega y lordóñez) 230615Más allá de la economía circular cinco días (art opi i ortega y lordóñez) 230615
Más allá de la economía circular cinco días (art opi i ortega y lordóñez) 230615
Deusto Business School
 
Powerpoint test
Powerpoint testPowerpoint test
Powerpoint test
ingerid91
 
Simulación materiales eléctricos para blog
Simulación materiales eléctricos para blogSimulación materiales eléctricos para blog
Simulación materiales eléctricos para blog
Antonio Carmona
 
Butler.nov11.practicum log
Butler.nov11.practicum logButler.nov11.practicum log
Butler.nov11.practicum log
abbutler76
 

Destacado (20)

Særemne
SæremneSæremne
Særemne
 
Mål v. 4
Mål v. 4Mål v. 4
Mål v. 4
 
La edad media, presentación blog.
La edad media, presentación blog.La edad media, presentación blog.
La edad media, presentación blog.
 
Lider ship 7
Lider ship  7Lider ship  7
Lider ship 7
 
Li̇dershi̇p assi̇gment 12
Li̇dershi̇p assi̇gment 12Li̇dershi̇p assi̇gment 12
Li̇dershi̇p assi̇gment 12
 
Quien Defiende Al No Nacido
Quien Defiende Al No NacidoQuien Defiende Al No Nacido
Quien Defiende Al No Nacido
 
Klasseledelse
KlasseledelseKlasseledelse
Klasseledelse
 
Cronograma proyecto
Cronograma proyectoCronograma proyecto
Cronograma proyecto
 
Claudia
ClaudiaClaudia
Claudia
 
Más allá de la economía circular cinco días (art opi i ortega y lordóñez) 230615
Más allá de la economía circular cinco días (art opi i ortega y lordóñez) 230615Más allá de la economía circular cinco días (art opi i ortega y lordóñez) 230615
Más allá de la economía circular cinco días (art opi i ortega y lordóñez) 230615
 
Talleres semana santa
Talleres semana santaTalleres semana santa
Talleres semana santa
 
Powerpoint test
Powerpoint testPowerpoint test
Powerpoint test
 
Internet, navegador web
Internet, navegador webInternet, navegador web
Internet, navegador web
 
Simulación materiales eléctricos para blog
Simulación materiales eléctricos para blogSimulación materiales eléctricos para blog
Simulación materiales eléctricos para blog
 
Designe en nettside!
Designe en nettside! Designe en nettside!
Designe en nettside!
 
Samskriving
SamskrivingSamskriving
Samskriving
 
El valor de los bosques de guadua
El valor de los bosques de guaduaEl valor de los bosques de guadua
El valor de los bosques de guadua
 
Butler.nov11.practicum log
Butler.nov11.practicum logButler.nov11.practicum log
Butler.nov11.practicum log
 
Ramazan işbaran 3. ödev
Ramazan işbaran 3. ödevRamazan işbaran 3. ödev
Ramazan işbaran 3. ödev
 
Presentasjon webdesign
Presentasjon webdesign Presentasjon webdesign
Presentasjon webdesign
 

Similar a Producto 3 "Diseño de paginas web"

El lenguaje de programación en las páginas web
El lenguaje de programación en las páginas webEl lenguaje de programación en las páginas web
El lenguaje de programación en las páginas web
Alvaroav
 

Similar a Producto 3 "Diseño de paginas web" (20)

Consulta de html
Consulta de html Consulta de html
Consulta de html
 
Clase 1
Clase 1Clase 1
Clase 1
 
Htlm
HtlmHtlm
Htlm
 
Diseño web guias 1-3
Diseño web guias 1-3Diseño web guias 1-3
Diseño web guias 1-3
 
Lenguaje de programación de páginas web
Lenguaje de programación de páginas webLenguaje de programación de páginas web
Lenguaje de programación de páginas web
 
Html
HtmlHtml
Html
 
El lenguaje de programación en las páginas web
El lenguaje de programación en las páginas webEl lenguaje de programación en las páginas web
El lenguaje de programación en las páginas web
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Manual de-html
Manual de-htmlManual de-html
Manual de-html
 
Programación en html 1
Programación en html 1Programación en html 1
Programación en html 1
 
Tarea
TareaTarea
Tarea
 
Diseño
DiseñoDiseño
Diseño
 
Tarea
TareaTarea
Tarea
 
Curso de html
Curso de htmlCurso de html
Curso de html
 
Guia html 1
Guia html 1Guia html 1
Guia html 1
 
Diseño WEB 1.pptx
Diseño WEB 1.pptxDiseño WEB 1.pptx
Diseño WEB 1.pptx
 
PRODUCTO 3
PRODUCTO 3PRODUCTO 3
PRODUCTO 3
 
PRODUCTO 3
PRODUCTO 3PRODUCTO 3
PRODUCTO 3
 

Producto 3 "Diseño de paginas web"

  • 1. Producto 3 Diseño de páginas Web ALISON MARINONE MACFARLAND LUIS FERNANDO ESCAROZ 9A
  • 2. ¿Qué es HTML?  HTML es el acrónimo en inglés de HyperText Markup Language (En español se traduce como lenguaje de marcado de hipertexto).  HTML es un lenguaje abstracto que aplicaciones pueden usar para representar documentos y que puede ser transmitido fácilmente por algún medio, como lo es Internet.  Los navegadores de Internet procesan e interpretan documentos descritos en HTML usando un analizador de HTML.
  • 3. ¿Cómo se estructura una página Web?  La estructura básica de una página web es la siguiente:  <html> <head></head> <body> </body> </html>  Una estructura HTML se empieza con la etiqueta <html> y acaba con </html>. Todo lo que esté en medio será la página web. Dentro de <html></html> se encuentran 2 partes diferenciadas.
  • 4. ¿Qué es una etiqueta?  HTML es el lenguaje por el cual construimos una página web. Este lenguaje se basa principalmente en etiquetas, con las cuales vamos construyendo los diferentes apartados de nuestra web. Es imprescindible conocer estas etiquetas y su funcionamiento para poder crear o al menos modificar una página web.
  • 5. ¿Cuáles son las etiquetas principales de HTML?  Texto:  <p> Esto es un texto </p>Escribimos <p> antes del texto y </p> para finalizar el párrafo.  Enlace(link):  <a href=”http://www.nombredominio.com” target=”_blank”> Nombre del enlace</a>  Se debe cambiar ‘www.nombredominio.com’ por el dominio elegido y ‘Nombre del enlace’ por el nombre que desees.  Imagen con enlace:  <a href=”http://www.dominio.com” target=”_blank”> <img src=”http://www.dominio.com/imagen.gif” alt=”descripción de la imagen”></a>  Hacemos los cambios mencionados anteriormente.  Correo electrónico:  <a href=”mailto:tuemail@tuemail.com”> Contactarme </a>  Sustituimos ‘tuemail@tuemail.com’ por la verdadera dirección de correo electrónico y ‘Contactarme’ por el texto que queramos.  Centrar:  <div align=”center”>Texto centrado </div>  Actuamos de forma análoga al apartado anterior.