SlideShare una empresa de Scribd logo
1 de 8
P3 Diseño de paginas web. 
Andrea Lara y Eduardo Ortiz 9B
Introducción 
• En esta presentación aprenderemos 
algunos de los temas básicos para 
aprender a diseñar una pagina web, así 
como algunas características del HTML.
¿Que es y para que srive el HTML? 
• HTML es el lenguaje que se emplea para el desarrollo de 
páginas de internet. 
• Está compuesto por una serie de etiquetas que el navegador 
interpreta y da forma en la pantalla. 
• HTML dispone de etiquetas para imágenes, hipervínculos que 
nos permiten dirigirnos a otras páginas, saltos de línea, listas, 
tablas, etc.
¿Cuál es la estructura básica de 
una pagina web? 
• 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. 
• La primera <head></head> es la cabecera de la 
página. Aquí irán cierta información que no es 
directamente el contenido de la página. Aquí se pone 
el título de la página, los metadatos, estilos, código 
javascript (todo esto se estudiará en capítulos 
venideros). La primera que se suele estudiar es 
<title></title>, que indica el título de la página (lo que el 
navegador pone en la parte superior izquierda). 
• La segunda parte es <body></body>. Aquí va 
propiamente el contenido de la página: fotos, párrafos, 
formularios, etc.
¿Qué es una etiqueta de HTML? 
• Una etiqueta será un texto incluido entre 
los símbolos menor que < y mayor que >.. El 
texto incluido dentro de los símbolos será 
explicativo de la utilidad de la 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 /.
¿Que es un atributo de HTML? 
• Cualquier etiqueta XHTML puede contener 
uno o más atributos, separados por 
espacios, que permiten especificar la 
etiqueta. El código fuente tiene el siguiente 
aspecto: 
• <etiqueta atributo="valor_de_atributo"> 
• <etiqueta atributo1="valor_de_atributo1" atri 
buto2="valor_de_atributo2" >
¿Cuáles son las etiquetas básicas 
para formar una pagina web? 
• 
<HTML>: indica el comienzo del documento HTML. 
• <HEAD>: indica que empieza la cabecera de la página. En ella se suele poner el título (<title>) de la web, una descripción y 
otras informaciones relacionadas con el contenido de la página. 
• 
• <BODY>: es el cuerpo de la página, donde va lo que se ve en el navegador al cargar una web. En el body van los textos, 
las imágenes y todos los contenidos de la web. 
• 
• <H1>, <H2>, etc.: son los títulos o encabezados. Se utilizan para establecer determinados textos de la página como titulares, 
suelen tener un tamaño de fuente mayor para diferenciarlos del resto del texto. Son importantes en elposicionamiento en 
buscadores. 
• 
• <A>: define los enlaces. 
• 
• <TABLE>: es una tabla, y dentro de esta tenemos filas <TR> y celdas<TD>. 
• 
• <P>: el texto dentro de esta etiqueta forma un párrafo. 
• 
• <IMG>: imágenes. 
• 
• <BR>: salto de línea. 
• 
• <UL>: los textos dentro de esta etiqueta se estructuran en listas. Mediante el uso de <LI> definimos cada guión dentro de la 
lista, y usando <OL> en lugar de <UL> tendremos listas ordenadas. 
• 
• <B> y <STRONG>: se utilizan para resaltar el texto. 
• 
• <U>: texto subrayado. 
• 
• <I>: texto en cursiva.
Bibliografía 
• http://html.hazunaweb.com/102.php 
• http://ayudaparamiweb.blogspot.mx/2008/ 
11/etiquetas-basicas-de-html.html 
• http://www.mclibre.org/consultar/amaya/x 
html/xhtml_atributos.html 
• http://www2.uca.es/serv/sc/manual-html/ 
etiquet.htmb 
• http://www.aprenderaprogramar.com

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Creacion y publicacion de paginas Web
Creacion y publicacion de paginas WebCreacion y publicacion de paginas Web
Creacion y publicacion de paginas Web
 
Trabajando con kompozer
Trabajando con kompozerTrabajando con kompozer
Trabajando con kompozer
 
Diseño web
Diseño webDiseño web
Diseño web
 
Etiquetas en Html
Etiquetas en HtmlEtiquetas en Html
Etiquetas en Html
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Creacion de una pagina web con el bloc
Creacion de una pagina web con el blocCreacion de una pagina web con el bloc
Creacion de una pagina web con el bloc
 
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
 
Partes de una web
Partes de una webPartes de una web
Partes de una web
 
Html
HtmlHtml
Html
 
C2 lenguaje html
C2 lenguaje htmlC2 lenguaje html
C2 lenguaje html
 
Etiquetas básicas de html
Etiquetas básicas de htmlEtiquetas básicas de html
Etiquetas básicas de html
 
C3 lenguaje de presentación.
C3 lenguaje de presentación.C3 lenguaje de presentación.
C3 lenguaje de presentación.
 
Diapositivas Html
Diapositivas HtmlDiapositivas Html
Diapositivas Html
 
Html, Css y JavaScript
Html, Css y JavaScriptHtml, Css y JavaScript
Html, Css y JavaScript
 
Presentación html
Presentación htmlPresentación html
Presentación html
 
Etiquetas básicas de HTML
Etiquetas básicas de HTMLEtiquetas básicas de HTML
Etiquetas básicas de HTML
 
Primera Clase de xhtml
Primera Clase de xhtmlPrimera Clase de xhtml
Primera Clase de xhtml
 
Construcción página web
Construcción página webConstrucción página web
Construcción página web
 
Html Exposicion
Html ExposicionHtml Exposicion
Html Exposicion
 
Kompozer
KompozerKompozer
Kompozer
 

Destacado

Destacado (8)

Cardvascular Pp
Cardvascular PpCardvascular Pp
Cardvascular Pp
 
HSCG Overview 2010
HSCG Overview 2010HSCG Overview 2010
HSCG Overview 2010
 
5 Spri Resiste 100623
5 Spri Resiste 1006235 Spri Resiste 100623
5 Spri Resiste 100623
 
InformáTica Educativa I Sesion 1
InformáTica  Educativa  I  Sesion 1InformáTica  Educativa  I  Sesion 1
InformáTica Educativa I Sesion 1
 
Energia renovable
Energia renovableEnergia renovable
Energia renovable
 
Perimetrosareas
PerimetrosareasPerimetrosareas
Perimetrosareas
 
Prepare homeforphotography best
Prepare homeforphotography bestPrepare homeforphotography best
Prepare homeforphotography best
 
Problemes2
Problemes2Problemes2
Problemes2
 

Similar a Producto 3

Similar a Producto 3 (20)

Clase HTML.pptx
Clase HTML.pptxClase HTML.pptx
Clase HTML.pptx
 
Producto3 Ariana y irnesto
Producto3 Ariana y irnestoProducto3 Ariana y irnesto
Producto3 Ariana y irnesto
 
Html juan miro y manuel poveda acabado
Html juan miro y manuel poveda acabadoHtml juan miro y manuel poveda acabado
Html juan miro y manuel poveda acabado
 
Producto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no aProducto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no a
 
Producto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no aProducto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no a
 
Códigos HTML Sede magdalena ortega de Nariño
Códigos HTML Sede magdalena ortega  de NariñoCódigos HTML Sede magdalena ortega  de Nariño
Códigos HTML Sede magdalena ortega de Nariño
 
Etiquetas básicas-en-html
Etiquetas básicas-en-htmlEtiquetas básicas-en-html
Etiquetas básicas-en-html
 
Producto 3 rodrigo y ryan
Producto 3 rodrigo y ryanProducto 3 rodrigo y ryan
Producto 3 rodrigo y ryan
 
Producto 3 rodrigo y ryan
Producto 3 rodrigo y ryanProducto 3 rodrigo y ryan
Producto 3 rodrigo y ryan
 
PRODUCTO 3
PRODUCTO 3PRODUCTO 3
PRODUCTO 3
 
PRODUCTO 3
PRODUCTO 3PRODUCTO 3
PRODUCTO 3
 
Programacion en html
Programacion en htmlProgramacion en html
Programacion en html
 
Lenguaje html y css ..
Lenguaje html y css ..Lenguaje html y css ..
Lenguaje html y css ..
 
Html.pptx
Html.pptxHtml.pptx
Html.pptx
 
Html
HtmlHtml
Html
 
Producto 3
Producto 3Producto 3
Producto 3
 
Deber de htmly xml
Deber de htmly xmlDeber de htmly xml
Deber de htmly xml
 
CODIGOS HTML.Magdalena ortega de nariño.
CODIGOS HTML.Magdalena ortega de nariño.CODIGOS HTML.Magdalena ortega de nariño.
CODIGOS HTML.Magdalena ortega de nariño.
 
Códigos. De. HTML.
Códigos.         De.                HTML.Códigos.         De.                HTML.
Códigos. De. HTML.
 
CODIGOS HTML.pptx Angulo y Hurtado 10-
CODIGOS  HTML.pptx Angulo y  Hurtado 10-CODIGOS  HTML.pptx Angulo y  Hurtado 10-
CODIGOS HTML.pptx Angulo y Hurtado 10-
 

Último

Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdflauradbernals
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfisrael garcia
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfOscarBlas6
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 
COMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COM
COMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COMCOMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COM
COMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COMcespitiacardales
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdfedwinmelgarschlink2
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenadanielaerazok
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webDecaunlz
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdfFAUSTODANILOCRUZCAST
 

Último (10)

Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdf
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdf
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 
COMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COM
COMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COMCOMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COM
COMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COM
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalena
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la web
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdf
 

Producto 3

  • 1. P3 Diseño de paginas web. Andrea Lara y Eduardo Ortiz 9B
  • 2. Introducción • En esta presentación aprenderemos algunos de los temas básicos para aprender a diseñar una pagina web, así como algunas características del HTML.
  • 3. ¿Que es y para que srive el HTML? • HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. • Está compuesto por una serie de etiquetas que el navegador interpreta y da forma en la pantalla. • HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.
  • 4. ¿Cuál es la estructura básica de una pagina web? • 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. • La primera <head></head> es la cabecera de la página. Aquí irán cierta información que no es directamente el contenido de la página. Aquí se pone el título de la página, los metadatos, estilos, código javascript (todo esto se estudiará en capítulos venideros). La primera que se suele estudiar es <title></title>, que indica el título de la página (lo que el navegador pone en la parte superior izquierda). • La segunda parte es <body></body>. Aquí va propiamente el contenido de la página: fotos, párrafos, formularios, etc.
  • 5. ¿Qué es una etiqueta de HTML? • Una etiqueta será un texto incluido entre los símbolos menor que < y mayor que >.. El texto incluido dentro de los símbolos será explicativo de la utilidad de la 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 /.
  • 6. ¿Que es un atributo de HTML? • Cualquier etiqueta XHTML puede contener uno o más atributos, separados por espacios, que permiten especificar la etiqueta. El código fuente tiene el siguiente aspecto: • <etiqueta atributo="valor_de_atributo"> • <etiqueta atributo1="valor_de_atributo1" atri buto2="valor_de_atributo2" >
  • 7. ¿Cuáles son las etiquetas básicas para formar una pagina web? • <HTML>: indica el comienzo del documento HTML. • <HEAD>: indica que empieza la cabecera de la página. En ella se suele poner el título (<title>) de la web, una descripción y otras informaciones relacionadas con el contenido de la página. • • <BODY>: es el cuerpo de la página, donde va lo que se ve en el navegador al cargar una web. En el body van los textos, las imágenes y todos los contenidos de la web. • • <H1>, <H2>, etc.: son los títulos o encabezados. Se utilizan para establecer determinados textos de la página como titulares, suelen tener un tamaño de fuente mayor para diferenciarlos del resto del texto. Son importantes en elposicionamiento en buscadores. • • <A>: define los enlaces. • • <TABLE>: es una tabla, y dentro de esta tenemos filas <TR> y celdas<TD>. • • <P>: el texto dentro de esta etiqueta forma un párrafo. • • <IMG>: imágenes. • • <BR>: salto de línea. • • <UL>: los textos dentro de esta etiqueta se estructuran en listas. Mediante el uso de <LI> definimos cada guión dentro de la lista, y usando <OL> en lugar de <UL> tendremos listas ordenadas. • • <B> y <STRONG>: se utilizan para resaltar el texto. • • <U>: texto subrayado. • • <I>: texto en cursiva.
  • 8. Bibliografía • http://html.hazunaweb.com/102.php • http://ayudaparamiweb.blogspot.mx/2008/ 11/etiquetas-basicas-de-html.html • http://www.mclibre.org/consultar/amaya/x html/xhtml_atributos.html • http://www2.uca.es/serv/sc/manual-html/ etiquet.htmb • http://www.aprenderaprogramar.com