SlideShare una empresa de Scribd logo
1 de 6
Producto 3: 
Diseño de paginas Web 
Hecho por Karla Rubi Batiz 
Sánchez y Fernanda López Mejía
¿Qué es HTML? 
• El lenguaje en el cual se realiza la Navegación Web lleva las 
siglas en el idioma inglés de HTML (es decir, Hyper Text 
Markup Language) que en nuestro idioma significa Lenguaje 
de Marcado de Hipertexto , siendo empleado para la 
creación, el diseño y el desarrollo de las páginas web que 
visitamos cotidianamente.
¿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>
¿Qué es una etiqueta? 
• Existe normalmente una etiqueta de inicio y otra de fin, la de fin contendrá 
el mismo texto que la de inicio añadiéndole al principio una barra 
inclinada (/). El efecto que define la etiqueta tendrá validez para todo lo que 
este incluido entre las etiquetas de inicio y fin, ya sea texto plano o otras 
etiquetas HTML. 
• <ETIQUETA>Elementos Afectados por la Etiqueta</ETIQUETA> 
• Por ejemplo, con la etiqueta siguiente: 
• <B>Texto que será en negrita</B>. 
• Obtendremos: 
• Texto que será en negrita
Etiquetas principales 
• html>>:inicio y final de un documento html 
• head:>> cabecera del documento HTML 
• title:>> define el título de la página (va dentro de head, pero es 
obligatoria) 
• Body>>: cuerpo del documento HTML
Bibliografía 
• mastermagazine http://www.mastermagazine.in 
fo/termino/5286.php#ixzz3Bbss63YP 
• http://html.hazunaweb.com/102.php 
• http://ima.udg.es/~dagush/cursohtml/etiquet1. 
htm

Más contenido relacionado

La actualidad más candente

La actualidad más candente (19)

Html
HtmlHtml
Html
 
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
 
Clase 3 HTML
Clase 3 HTMLClase 3 HTML
Clase 3 HTML
 
Clase 1 periodo II html
Clase 1 periodo II  htmlClase 1 periodo II  html
Clase 1 periodo II html
 
Diseño de páginas web estilo del texto
Diseño de páginas web   estilo del textoDiseño de páginas web   estilo del texto
Diseño de páginas web estilo del texto
 
Programación Avanzada
Programación AvanzadaProgramación Avanzada
Programación Avanzada
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Muñozzz
MuñozzzMuñozzz
Muñozzz
 
DIAPOSITIVAS HTLM Y HTML 5
DIAPOSITIVAS HTLM Y HTML 5DIAPOSITIVAS HTLM Y HTML 5
DIAPOSITIVAS HTLM Y HTML 5
 
Rodrigues
RodriguesRodrigues
Rodrigues
 
La internet
La internetLa internet
La internet
 
Lore
LoreLore
Lore
 
Lenguaje html
Lenguaje htmlLenguaje html
Lenguaje html
 
WordPress & WooCommerce Multilingual - WordCamp Malaga
WordPress & WooCommerce Multilingual - WordCamp MalagaWordPress & WooCommerce Multilingual - WordCamp Malaga
WordPress & WooCommerce Multilingual - WordCamp Malaga
 
HTML5
HTML5HTML5
HTML5
 
Cuales son los elementos de una pagina web
Cuales son los elementos de una pagina webCuales son los elementos de una pagina web
Cuales son los elementos de una pagina web
 
Xml y html
Xml y htmlXml y html
Xml y html
 
Html y html5
Html y html5Html y html5
Html y html5
 

Destacado (10)

Blog
BlogBlog
Blog
 
Principios de interface de usuario (Diplomado Creacion Apps Cont. Dig. U Ibague)
Principios de interface de usuario (Diplomado Creacion Apps Cont. Dig. U Ibague)Principios de interface de usuario (Diplomado Creacion Apps Cont. Dig. U Ibague)
Principios de interface de usuario (Diplomado Creacion Apps Cont. Dig. U Ibague)
 
Cómo enseñar a los nativos digitales
Cómo enseñar a los nativos digitalesCómo enseñar a los nativos digitales
Cómo enseñar a los nativos digitales
 
El dialogo y la argumentación
El dialogo y la argumentaciónEl dialogo y la argumentación
El dialogo y la argumentación
 
Multimedia y de sarrollo de sitios webb
Multimedia y de sarrollo de sitios webbMultimedia y de sarrollo de sitios webb
Multimedia y de sarrollo de sitios webb
 
Mapeo de la información
Mapeo de la informaciónMapeo de la información
Mapeo de la información
 
Ensayo: Teoría de la relevancia
Ensayo: Teoría de la relevanciaEnsayo: Teoría de la relevancia
Ensayo: Teoría de la relevancia
 
Estrategias para elaborar bosquejos
Estrategias para elaborar bosquejosEstrategias para elaborar bosquejos
Estrategias para elaborar bosquejos
 
Las máximas conversacionales
Las máximas conversacionalesLas máximas conversacionales
Las máximas conversacionales
 
Preparacion de Bosquejo
Preparacion de BosquejoPreparacion de Bosquejo
Preparacion de Bosquejo
 

Similar a Producto 3 FR

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
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
Carlos Cubillos
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
David Cuellar
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
Nicolas Tavera
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
Nicolas Tavera
 
Clase 1 de html
Clase 1 de htmlClase 1 de html
Clase 1 de html
UTLA
 

Similar a Producto 3 FR (20)

Presentación
PresentaciónPresentación
Presentación
 
Programación en html 1
Programación en html 1Programación en html 1
Programación en html 1
 
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
 
Curso de html
Curso de htmlCurso de html
Curso de html
 
etiquetas.pdf
etiquetas.pdfetiquetas.pdf
etiquetas.pdf
 
Producto 3 "Diseño de una pagina web"
Producto 3 "Diseño de una pagina web" Producto 3 "Diseño de una pagina web"
Producto 3 "Diseño de una pagina web"
 
Producto 3 "Diseño de pagina WEB"
Producto 3 "Diseño de pagina WEB"Producto 3 "Diseño de pagina WEB"
Producto 3 "Diseño de pagina WEB"
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 
Guia#1 info
Guia#1 infoGuia#1 info
Guia#1 info
 
Producto 3 "Diseño de paginas web"
Producto 3 "Diseño de paginas web"Producto 3 "Diseño de paginas web"
Producto 3 "Diseño de paginas web"
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Sitio Web / Introducción a HTML
Sitio Web / Introducción a HTMLSitio Web / Introducción a HTML
Sitio Web / Introducción a HTML
 
Clase 1 de html
Clase 1 de htmlClase 1 de html
Clase 1 de html
 
Html
HtmlHtml
Html
 
Diapositivas 1
Diapositivas 1Diapositivas 1
Diapositivas 1
 
Diapositivas 1
Diapositivas 1Diapositivas 1
Diapositivas 1
 
Presentación1 html
Presentación1 htmlPresentación1 html
Presentación1 html
 

Último

Antenas, tipos de antenas, diseño basico de una antena y parámetros.pdf
Antenas, tipos de antenas, diseño basico de una antena y parámetros.pdfAntenas, tipos de antenas, diseño basico de una antena y parámetros.pdf
Antenas, tipos de antenas, diseño basico de una antena y parámetros.pdf
perezreyesalberto10
 

Último (6)

Antenas, tipos de antenas, diseño basico de una antena y parámetros.pdf
Antenas, tipos de antenas, diseño basico de una antena y parámetros.pdfAntenas, tipos de antenas, diseño basico de una antena y parámetros.pdf
Antenas, tipos de antenas, diseño basico de una antena y parámetros.pdf
 
Corte de luz 2024 Guayaquil Guayas ecuad
Corte de luz 2024 Guayaquil Guayas ecuadCorte de luz 2024 Guayaquil Guayas ecuad
Corte de luz 2024 Guayaquil Guayas ecuad
 
Presentacion Seguridad y Privacidad en la Web
Presentacion Seguridad y Privacidad en la WebPresentacion Seguridad y Privacidad en la Web
Presentacion Seguridad y Privacidad en la Web
 
Emprende en SPA Segundo día CENEC Mexico
Emprende en SPA Segundo día CENEC MexicoEmprende en SPA Segundo día CENEC Mexico
Emprende en SPA Segundo día CENEC Mexico
 
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
 
Biología Células Musculares presentación
Biología Células Musculares presentaciónBiología Células Musculares presentación
Biología Células Musculares presentación
 

Producto 3 FR

  • 1. Producto 3: Diseño de paginas Web Hecho por Karla Rubi Batiz Sánchez y Fernanda López Mejía
  • 2. ¿Qué es HTML? • El lenguaje en el cual se realiza la Navegación Web lleva las siglas en el idioma inglés de HTML (es decir, Hyper Text Markup Language) que en nuestro idioma significa Lenguaje de Marcado de Hipertexto , siendo empleado para la creación, el diseño y el desarrollo de las páginas web que visitamos cotidianamente.
  • 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>
  • 4. ¿Qué es una etiqueta? • Existe normalmente una etiqueta de inicio y otra de fin, la de fin contendrá el mismo texto que la de inicio añadiéndole al principio una barra inclinada (/). El efecto que define la etiqueta tendrá validez para todo lo que este incluido entre las etiquetas de inicio y fin, ya sea texto plano o otras etiquetas HTML. • <ETIQUETA>Elementos Afectados por la Etiqueta</ETIQUETA> • Por ejemplo, con la etiqueta siguiente: • <B>Texto que será en negrita</B>. • Obtendremos: • Texto que será en negrita
  • 5. Etiquetas principales • html>>:inicio y final de un documento html • head:>> cabecera del documento HTML • title:>> define el título de la página (va dentro de head, pero es obligatoria) • Body>>: cuerpo del documento HTML
  • 6. Bibliografía • mastermagazine http://www.mastermagazine.in fo/termino/5286.php#ixzz3Bbss63YP • http://html.hazunaweb.com/102.php • http://ima.udg.es/~dagush/cursohtml/etiquet1. htm