SlideShare una empresa de Scribd logo
1 de 12
Diseño de pagina web 
Daniela Rivera Y Dafne Duran.
• HTML es el lenguaje con el que se definen las páginas 
web. Básicamente se trata de un conjunto de etiquetas que 
sirven para definir el texto y otros elementos que 
compondrán una página web. 
¿Qué es HTML?
• El HTML se creó en un principio con objetivos 
divulgativos de información con texto y algunas 
imágenes. No se pensó que llegaría a ser utilizado para 
crear área de ocio y consulta con carácter multimedia (lo 
que es actualmente la web), 
¿Para que sirve?
La estructura básica de una página web es 
la siguiente: 
<html> 
<head></head> 
<body> 
</body> 
</html> 
Estructura base 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. 
Estructura base de una 
pagina web
• 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. 
Estructura base de una 
pagina web
• La segunda parte es <body></body>. Aquí va 
propiamente el contenido de la página: fotos, párrafos, 
formularios, etc. 
Estructura base de una 
pagina web
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. Por ejemplo: 
<B> Letra Negrita, del inglés Bold (negrita). 
<TABLE> Definirá una tabla. 
<IMG> Inclusión de una IMaGen. 
¿Qué es una etiqueta de 
HTML?
• los elementos sirven para estructurar el contenido de todo 
el documento HTML e indican al navegador cómo 
debería presentarse el sitio web. En algunos elementos se 
puede añadir más información. Esa información extra se 
denomina atributo. 
• Ejemplo : 
• <h2 style="background-color:#ff0000;">Mi amistad 
con HTML</h2> 
Atributo de HTML
Es imprescindible conocer estas etiquetas y su 
funcionamiento para poder crear o al menos modificar una 
página web. 
Etiquetas básicas para 
formar una pagina web
• Ejemplo de página básica 
<html> 
<head> 
<title>Título de la página</title> 
</head> 
<body> 
<h1>Encabezado de la página</h2> 
<h3>Encabezado de menor 
tamaño</h3> 
<p>Este es el texto de un 
párrafo.</p> 
<p>Este es el texto de otro párrafo. 
Dentro de este párrafo, 
pueden ir palabras <b>en 
negrita</b>, <i>en cursiva</i> o lo 
que quieras.</p> 
<p>También podemos poner listas 
como la siguiente:</p> 
<ul> 
<li>Guión número uno.</li> 
<li>Guión número dos.</li> 
<li>Guión número tres.</li> 
</ul> 
</body> 
</html> 
Etiquetas básicas para 
formar una pagina web
• http://www.desarrolloweb.com/articulos/que-es-html.html 
• http://html.hazunaweb.com/102.php 
• http://www2.uca.es/serv/sc/manual-html/etiquet.htm 
• http://es.html.net/tutorials/html/lesson7.php 
• http://www.taringa.net/posts/ciencia-educacion/ 
11833897/Etiquetas-basicas-de-html.html 
Bibliografía

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

HTML
HTMLHTML
HTML
 
Jessica
JessicaJessica
Jessica
 
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
 
Diseño de páginas Web con HTML
Diseño de páginas Web con HTMLDiseño de páginas Web con HTML
Diseño de páginas Web con HTML
 
Jessica
JessicaJessica
Jessica
 
Producto 3
Producto 3Producto 3
Producto 3
 
Como hacer una pagina en HTML
Como hacer una pagina en HTMLComo hacer una pagina en HTML
Como hacer una pagina en HTML
 
05 Introduccion a HTML
05 Introduccion a HTML05 Introduccion a HTML
05 Introduccion a HTML
 
Html, Css y JavaScript
Html, Css y JavaScriptHtml, Css y JavaScript
Html, Css y JavaScript
 
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
 
El lenguaje html
El lenguaje htmlEl lenguaje html
El lenguaje html
 
Tema 01 creando tu primer documento en html
Tema 01 creando tu primer documento en htmlTema 01 creando tu primer documento en html
Tema 01 creando tu primer documento en html
 
Estructura de un documento html
Estructura de un documento htmlEstructura de un documento html
Estructura de un documento html
 
Crear una página básica en HTML
Crear una página básica en HTMLCrear una página básica en HTML
Crear una página básica en HTML
 
Tema2(1)
Tema2(1)Tema2(1)
Tema2(1)
 
Tema02 html
Tema02 htmlTema02 html
Tema02 html
 
Páginas web en formato HTML
Páginas web en formato HTMLPáginas web en formato HTML
Páginas web en formato HTML
 
Partes de una web
Partes de una webPartes de una web
Partes de una web
 
C2 lenguaje html
C2 lenguaje htmlC2 lenguaje html
C2 lenguaje html
 

Destacado (20)

Relatório seminários de AOC - 19 de julho de 2015
Relatório seminários de AOC - 19 de julho de 2015Relatório seminários de AOC - 19 de julho de 2015
Relatório seminários de AOC - 19 de julho de 2015
 
Temario estrategias
Temario estrategiasTemario estrategias
Temario estrategias
 
História
HistóriaHistória
História
 
Choqueña inga elena rita
Choqueña inga elena ritaChoqueña inga elena rita
Choqueña inga elena rita
 
Mob ponto domésticas
Mob ponto domésticasMob ponto domésticas
Mob ponto domésticas
 
Ejercicios
EjerciciosEjercicios
Ejercicios
 
Redes Sociales
Redes SocialesRedes Sociales
Redes Sociales
 
RECICLAJE
RECICLAJERECICLAJE
RECICLAJE
 
Trabajo practico 4 y 6
Trabajo practico 4 y 6Trabajo practico 4 y 6
Trabajo practico 4 y 6
 
Tutuorial foro virtual
Tutuorial foro virtualTutuorial foro virtual
Tutuorial foro virtual
 
Ejercicios
EjerciciosEjercicios
Ejercicios
 
6_SF2C_JieLiu
6_SF2C_JieLiu6_SF2C_JieLiu
6_SF2C_JieLiu
 
Respect and Accountability Award- 2
Respect and Accountability Award- 2Respect and Accountability Award- 2
Respect and Accountability Award- 2
 
JobeeResume
JobeeResumeJobeeResume
JobeeResume
 
probabilidad elmental.
probabilidad elmental.probabilidad elmental.
probabilidad elmental.
 
Segunda guerra-mundial-15718
Segunda guerra-mundial-15718Segunda guerra-mundial-15718
Segunda guerra-mundial-15718
 
História
HistóriaHistória
História
 
Dirigir y controlar los elementos de la organización
Dirigir y controlar los elementos de la organizaciónDirigir y controlar los elementos de la organización
Dirigir y controlar los elementos de la organización
 
Mantenimiento
MantenimientoMantenimiento
Mantenimiento
 
Trabajo juan andres
Trabajo juan andresTrabajo juan andres
Trabajo juan andres
 

Similar a (producto 3)

Producto 3
Producto 3Producto 3
Producto 3LaloWR11
 
conceptos basicos html5.ppt
conceptos basicos html5.pptconceptos basicos html5.ppt
conceptos basicos html5.pptspinal071
 
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 ajack4555
 
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 aJoonLee2000
 
Producto3 Ariana y irnesto
Producto3 Ariana y irnestoProducto3 Ariana y irnesto
Producto3 Ariana y irnestoArianaPedersen
 
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ñosamaraoviedom
 
CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.
CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.
CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.LunaisabellaYandarCa
 
CODIGO HTML.pptx DANIELA RUIZ CODIGOS HTML
CODIGO HTML.pptx DANIELA RUIZ CODIGOS HTMLCODIGO HTML.pptx DANIELA RUIZ CODIGOS HTML
CODIGO HTML.pptx DANIELA RUIZ CODIGOS HTMLdanielaruiztomy
 
CODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etc
CODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etcCODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etc
CODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etcdanielaruiztomy
 
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-samuelhurtado083
 
Códigos HTML.pptx sede Magdalena ortega de Nariño
Códigos HTML.pptx sede Magdalena ortega de NariñoCódigos HTML.pptx sede Magdalena ortega de Nariño
Códigos HTML.pptx sede Magdalena ortega de Nariñolauraalejandramamian
 
Sitio Web / Introducción a HTML
Sitio Web / Introducción a HTMLSitio Web / Introducción a HTML
Sitio Web / Introducción a HTMLSebaMaya
 
Html grupo de informatica
Html  grupo de informaticaHtml  grupo de informatica
Html grupo de informaticavcitordanilo47
 

Similar a (producto 3) (20)

Producto 3
Producto 3Producto 3
Producto 3
 
Producto 3
Producto 3Producto 3
Producto 3
 
Producto 3
Producto 3Producto 3
Producto 3
 
Curso FPE Diseño Web. Módulo 2. El HTML
Curso FPE Diseño Web. Módulo 2. El HTMLCurso FPE Diseño Web. Módulo 2. El HTML
Curso FPE Diseño Web. Módulo 2. El HTML
 
conceptos basicos html5.ppt
conceptos basicos html5.pptconceptos basicos html5.ppt
conceptos basicos html5.ppt
 
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
 
Producto3 Ariana y irnesto
Producto3 Ariana y irnestoProducto3 Ariana y irnesto
Producto3 Ariana y irnesto
 
Html
HtmlHtml
Html
 
Clase HTML.pptx
Clase HTML.pptxClase HTML.pptx
Clase HTML.pptx
 
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
 
CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.
CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.
CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.
 
CODIGO HTML.pptx DANIELA RUIZ CODIGOS HTML
CODIGO HTML.pptx DANIELA RUIZ CODIGOS HTMLCODIGO HTML.pptx DANIELA RUIZ CODIGOS HTML
CODIGO HTML.pptx DANIELA RUIZ CODIGOS HTML
 
CODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etc
CODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etcCODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etc
CODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etc
 
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-
 
CLASE DE HTML
CLASE DE HTML CLASE DE HTML
CLASE DE HTML
 
Códigos HTML.pptx sede Magdalena ortega de Nariño
Códigos HTML.pptx sede Magdalena ortega de NariñoCódigos HTML.pptx sede Magdalena ortega de Nariño
Códigos HTML.pptx sede Magdalena ortega de Nariño
 
Sitio Web / Introducción a HTML
Sitio Web / Introducción a HTMLSitio Web / Introducción a HTML
Sitio Web / Introducción a HTML
 
Html grupo de informatica
Html  grupo de informaticaHtml  grupo de informatica
Html grupo de informatica
 

Último

ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...JAVIER SOLIS NOYOLA
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICAÁngel Encinas
 
actividades comprensión lectora para 3° grado
actividades comprensión lectora para 3° gradoactividades comprensión lectora para 3° grado
actividades comprensión lectora para 3° gradoJosDanielEstradaHern
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxlupitavic
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMarjorie Burga
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfPaolaRopero2
 
Ley 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularLey 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularMooPandrea
 
Valoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCVValoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCVGiustinoAdesso1
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptxdeimerhdz21
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesYanirisBarcelDelaHoz
 
Programacion Anual Matemática4 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática4    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática4    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática4 MPG 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
plande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfplande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfenelcielosiempre
 
Imperialismo informal en Europa y el imperio
Imperialismo informal en Europa y el imperioImperialismo informal en Europa y el imperio
Imperialismo informal en Europa y el imperiomiralbaipiales2016
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxzulyvero07
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...JonathanCovena1
 

Último (20)

Power Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptxPower Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptx
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
 
actividades comprensión lectora para 3° grado
actividades comprensión lectora para 3° gradoactividades comprensión lectora para 3° grado
actividades comprensión lectora para 3° grado
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grande
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 
Ley 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularLey 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circular
 
Valoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCVValoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCV
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptx
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonables
 
Programacion Anual Matemática4 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática4    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática4    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática4 MPG 2024 Ccesa007.pdf
 
plande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfplande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdf
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
Imperialismo informal en Europa y el imperio
Imperialismo informal en Europa y el imperioImperialismo informal en Europa y el imperio
Imperialismo informal en Europa y el imperio
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...
 

(producto 3)

  • 1. Diseño de pagina web Daniela Rivera Y Dafne Duran.
  • 2. • HTML es el lenguaje con el que se definen las páginas web. Básicamente se trata de un conjunto de etiquetas que sirven para definir el texto y otros elementos que compondrán una página web. ¿Qué es HTML?
  • 3. • El HTML se creó en un principio con objetivos divulgativos de información con texto y algunas imágenes. No se pensó que llegaría a ser utilizado para crear área de ocio y consulta con carácter multimedia (lo que es actualmente la web), ¿Para que sirve?
  • 4. La estructura básica de una página web es la siguiente: <html> <head></head> <body> </body> </html> Estructura base de una pagina web
  • 5. • Una estructura HTML se empieza con la etiqueta <html> y acaba con </html>. Todo lo que esté en medio será la página web. Estructura base de una pagina web
  • 6. • 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. Estructura base de una pagina web
  • 7. • La segunda parte es <body></body>. Aquí va propiamente el contenido de la página: fotos, párrafos, formularios, etc. Estructura base de una pagina web
  • 8. 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. Por ejemplo: <B> Letra Negrita, del inglés Bold (negrita). <TABLE> Definirá una tabla. <IMG> Inclusión de una IMaGen. ¿Qué es una etiqueta de HTML?
  • 9. • los elementos sirven para estructurar el contenido de todo el documento HTML e indican al navegador cómo debería presentarse el sitio web. En algunos elementos se puede añadir más información. Esa información extra se denomina atributo. • Ejemplo : • <h2 style="background-color:#ff0000;">Mi amistad con HTML</h2> Atributo de HTML
  • 10. Es imprescindible conocer estas etiquetas y su funcionamiento para poder crear o al menos modificar una página web. Etiquetas básicas para formar una pagina web
  • 11. • Ejemplo de página básica <html> <head> <title>Título de la página</title> </head> <body> <h1>Encabezado de la página</h2> <h3>Encabezado de menor tamaño</h3> <p>Este es el texto de un párrafo.</p> <p>Este es el texto de otro párrafo. Dentro de este párrafo, pueden ir palabras <b>en negrita</b>, <i>en cursiva</i> o lo que quieras.</p> <p>También podemos poner listas como la siguiente:</p> <ul> <li>Guión número uno.</li> <li>Guión número dos.</li> <li>Guión número tres.</li> </ul> </body> </html> Etiquetas básicas para formar una pagina web
  • 12. • http://www.desarrolloweb.com/articulos/que-es-html.html • http://html.hazunaweb.com/102.php • http://www2.uca.es/serv/sc/manual-html/etiquet.htm • http://es.html.net/tutorials/html/lesson7.php • http://www.taringa.net/posts/ciencia-educacion/ 11833897/Etiquetas-basicas-de-html.html Bibliografía