SlideShare una empresa de Scribd logo
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

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
JoonLee2000
 
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
Wendy Navia Chambi
 
Páginas web en formato HTML
Páginas web en formato HTMLPáginas web en formato HTML
Páginas web en formato HTML
wladimirclipper
 
Html Basico en Español
Html Basico en EspañolHtml Basico en Español
Html Basico en Español
Ileana Echandi
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
pablo3022
 
Codigos Básicos HTML - IUTE Mérida
Codigos Básicos HTML - IUTE MéridaCodigos Básicos HTML - IUTE Mérida
Codigos Básicos HTML - IUTE Mérida
duberlisg
 
Html Sharon 4101
Html Sharon 4101Html Sharon 4101
Html Sharon 4101
SharonQuintero01
 
Clase 2 Desarrollo Web
Clase 2 Desarrollo Web Clase 2 Desarrollo Web
Clase 2 Desarrollo Web
Planeta Digital 360
 
¿Qué es CSS?
¿Qué es CSS?¿Qué es CSS?
¿Qué es CSS?
Ericka Zavala
 
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
Wendy Navia Chambi
 
Etiquetas de código html
Etiquetas de código htmlEtiquetas de código html
Etiquetas de código html
Bryan Guaitara
 
Introducion a HTML5
Introducion a HTML5Introducion a HTML5
Introducion a HTML5
Wendy Navia Chambi
 
Temas de html
Temas de htmlTemas de html
Temas de html
Elis Menbri
 
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
Jenny A
 
¿Qué es HTML5?
¿Qué es HTML5?¿Qué es HTML5?
¿Qué es HTML5?
Ericka Zavala
 
Semana 1
Semana 1Semana 1
Qué es html
Qué es htmlQué es html
Qué es html
edujoso
 
Html
HtmlHtml
Html
yndiralu
 

La actualidad más candente (18)

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
 
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
 
Páginas web en formato HTML
Páginas web en formato HTMLPáginas web en formato HTML
Páginas web en formato HTML
 
Html Basico en Español
Html Basico en EspañolHtml Basico en Español
Html Basico en Español
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Codigos Básicos HTML - IUTE Mérida
Codigos Básicos HTML - IUTE MéridaCodigos Básicos HTML - IUTE Mérida
Codigos Básicos HTML - IUTE Mérida
 
Html Sharon 4101
Html Sharon 4101Html Sharon 4101
Html Sharon 4101
 
Clase 2 Desarrollo Web
Clase 2 Desarrollo Web Clase 2 Desarrollo Web
Clase 2 Desarrollo Web
 
¿Qué es CSS?
¿Qué es CSS?¿Qué es CSS?
¿Qué es CSS?
 
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
 
Etiquetas de código html
Etiquetas de código htmlEtiquetas de código html
Etiquetas de código html
 
Introducion a HTML5
Introducion a HTML5Introducion a HTML5
Introducion a HTML5
 
Temas de html
Temas de htmlTemas de html
Temas de html
 
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
 
¿Qué es HTML5?
¿Qué es HTML5?¿Qué es HTML5?
¿Qué es HTML5?
 
Semana 1
Semana 1Semana 1
Semana 1
 
Qué es html
Qué es htmlQué es html
Qué es html
 
Html
HtmlHtml
Html
 

Similar a Producto 3

Producto 3
Producto 3Producto 3
Producto 3
AndreaLara3333
 
Producto 3
Producto 3Producto 3
Producto 3
EDuard Ortiz
 
(producto 3)
 (producto 3) (producto 3)
(producto 3)
DAFNE DANIELA
 
PRODUCTO 3
PRODUCTO 3PRODUCTO 3
PRODUCTO 3
carlossandez123
 
PRODUCTO 3
PRODUCTO 3PRODUCTO 3
PRODUCTO 3
carlossandez123
 
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
jack4555
 
Clase HTML.pptx
Clase HTML.pptxClase HTML.pptx
Clase HTML.pptx
HugoDavidGonzalezCab
 
Producto3 Ariana y irnesto
Producto3 Ariana y irnestoProducto3 Ariana y irnesto
Producto3 Ariana y irnesto
ArianaPedersen
 
conceptos basicos html5.ppt
conceptos basicos html5.pptconceptos basicos html5.ppt
conceptos basicos html5.ppt
spinal071
 
Producto 3
Producto 3Producto 3
Producto 3
JCyandrea
 
Producto 3 rodrigo y ryan
Producto 3 rodrigo y ryanProducto 3 rodrigo y ryan
Producto 3 rodrigo y ryan
Silentrodri
 
Producto 3 rodrigo y ryan
Producto 3 rodrigo y ryanProducto 3 rodrigo y ryan
Producto 3 rodrigo y ryan
Ryan Brown
 
CLASE DE HTML
CLASE DE HTML CLASE DE HTML
Códigos. De. HTML.
Códigos.         De.                HTML.Códigos.         De.                HTML.
Códigos. De. HTML.
miguelvillamil543
 
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
 
Producto 3
Producto 3Producto 3
Producto 3
Carolina-Olvera
 
Producto 3
Producto 3 Producto 3
Producto 3
Jackie Lozano
 
Html
HtmlHtml
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 HTML
danielaruiztomy
 

Similar a Producto 3 (20)

Producto 3
Producto 3Producto 3
Producto 3
 
Producto 3
Producto 3Producto 3
Producto 3
 
(producto 3)
 (producto 3) (producto 3)
(producto 3)
 
PRODUCTO 3
PRODUCTO 3PRODUCTO 3
PRODUCTO 3
 
PRODUCTO 3
PRODUCTO 3PRODUCTO 3
PRODUCTO 3
 
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
 
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
 
conceptos basicos html5.ppt
conceptos basicos html5.pptconceptos basicos html5.ppt
conceptos basicos html5.ppt
 
Producto 3
Producto 3Producto 3
Producto 3
 
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
 
CLASE DE HTML
CLASE DE HTML CLASE DE HTML
CLASE DE HTML
 
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-
 
Producto 3
Producto 3Producto 3
Producto 3
 
Producto 3
Producto 3 Producto 3
Producto 3
 
Html
HtmlHtml
Html
 
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
 

Último

Analítica y Datos-Beatriz García-Jun 2024.pdf
Analítica y Datos-Beatriz García-Jun 2024.pdfAnalítica y Datos-Beatriz García-Jun 2024.pdf
Analítica y Datos-Beatriz García-Jun 2024.pdf
analiticaydatos
 
Estudio "Hogares Conectados 2024" de Fundación País DigitalWeb-13-05-2024-.pdf
Estudio "Hogares Conectados 2024" de Fundación País DigitalWeb-13-05-2024-.pdfEstudio "Hogares Conectados 2024" de Fundación País DigitalWeb-13-05-2024-.pdf
Estudio "Hogares Conectados 2024" de Fundación País DigitalWeb-13-05-2024-.pdf
Emisor Digital
 
TESIS FINAL - Fernández Esper Milagros (DNI 39.917.342).pdf
TESIS FINAL - Fernández Esper Milagros (DNI 39.917.342).pdfTESIS FINAL - Fernández Esper Milagros (DNI 39.917.342).pdf
TESIS FINAL - Fernández Esper Milagros (DNI 39.917.342).pdf
La Huella - Empresa Social
 
Presidentes de la Reserva Federal en el período neoliberal (1980-2024).pdf
Presidentes de la Reserva Federal en el período neoliberal (1980-2024).pdfPresidentes de la Reserva Federal en el período neoliberal (1980-2024).pdf
Presidentes de la Reserva Federal en el período neoliberal (1980-2024).pdf
JC Díaz Herrera
 
Grupo 04: Dispersión y absorción de luz.pdf
Grupo 04: Dispersión y absorción de luz.pdfGrupo 04: Dispersión y absorción de luz.pdf
Grupo 04: Dispersión y absorción de luz.pdf
naticlas0
 
Implementación del Programa de Participación Estudiantil.pptx
Implementación del Programa de Participación Estudiantil.pptxImplementación del Programa de Participación Estudiantil.pptx
Implementación del Programa de Participación Estudiantil.pptx
JavierHuacon2
 
Reporte de incidencia delictiva regional abril 2024.pdf
Reporte de incidencia delictiva regional abril 2024.pdfReporte de incidencia delictiva regional abril 2024.pdf
Reporte de incidencia delictiva regional abril 2024.pdf
OBSERVATORIOREGIONAL
 
VIAS RESPIRATORIAS ALTAS Y BAJAS .pptx
VIAS RESPIRATORIAS ALTAS Y BAJAS    .pptxVIAS RESPIRATORIAS ALTAS Y BAJAS    .pptx
VIAS RESPIRATORIAS ALTAS Y BAJAS .pptx
MelvinBryanHidalgoLo1
 
AVANCE TECNOLOGICO AREAS DE IMPACTO DEL AVANCE TECNOLOGICO
AVANCE TECNOLOGICO AREAS DE IMPACTO DEL AVANCE TECNOLOGICOAVANCE TECNOLOGICO AREAS DE IMPACTO DEL AVANCE TECNOLOGICO
AVANCE TECNOLOGICO AREAS DE IMPACTO DEL AVANCE TECNOLOGICO
ronaldomarca1999
 
LEY 004 MARCELO QUIROGA SANTA CRUZ CRUZ.pptx
LEY 004 MARCELO QUIROGA SANTA CRUZ  CRUZ.pptxLEY 004 MARCELO QUIROGA SANTA CRUZ  CRUZ.pptx
LEY 004 MARCELO QUIROGA SANTA CRUZ CRUZ.pptx
IgorPoma1
 
Informe de refuerzo 2024, para el docente
Informe de refuerzo 2024, para el docenteInforme de refuerzo 2024, para el docente
Informe de refuerzo 2024, para el docente
lavoe732
 
La cultura Paracas y sus diferentes etapas
La cultura Paracas y sus diferentes etapasLa cultura Paracas y sus diferentes etapas
La cultura Paracas y sus diferentes etapas
75256737
 
PROYECTO TERMINADO ACERCA DEL SUPERMERCADO METRO .
PROYECTO TERMINADO ACERCA DEL SUPERMERCADO METRO .PROYECTO TERMINADO ACERCA DEL SUPERMERCADO METRO .
PROYECTO TERMINADO ACERCA DEL SUPERMERCADO METRO .
fiorelaanalisalazarl
 
Diagramas de Pareto EXCEL TECNOLOGIA.pdf
Diagramas de Pareto EXCEL TECNOLOGIA.pdfDiagramas de Pareto EXCEL TECNOLOGIA.pdf
Diagramas de Pareto EXCEL TECNOLOGIA.pdf
SamuelOjedaViveros
 
Mixticidad urbana en tejidos no residenciales: el caso de A Agrela en A Coruñ...
Mixticidad urbana en tejidos no residenciales: el caso de A Agrela en A Coruñ...Mixticidad urbana en tejidos no residenciales: el caso de A Agrela en A Coruñ...
Mixticidad urbana en tejidos no residenciales: el caso de A Agrela en A Coruñ...
Ergosfera
 
263101106-Nom-022-Terapia-de-Infusion-Presentacion.pptx
263101106-Nom-022-Terapia-de-Infusion-Presentacion.pptx263101106-Nom-022-Terapia-de-Infusion-Presentacion.pptx
263101106-Nom-022-Terapia-de-Infusion-Presentacion.pptx
AzulVillegas1
 
Extracción automática de texto estructurado en PDFs
Extracción automática de texto estructurado en PDFsExtracción automática de texto estructurado en PDFs
Extracción automática de texto estructurado en PDFs
oscar104275
 
La importancia de las tecnologías de la comunicación en el hogar, en la educ...
La importancia de las tecnologías de la comunicación  en el hogar, en la educ...La importancia de las tecnologías de la comunicación  en el hogar, en la educ...
La importancia de las tecnologías de la comunicación en el hogar, en la educ...
241557574
 
Guía para la visualización de datos_ VOSviewer.pdf
Guía para la visualización de datos_ VOSviewer.pdfGuía para la visualización de datos_ VOSviewer.pdf
Guía para la visualización de datos_ VOSviewer.pdf
omoreno1
 
Geografía migración . Internacional
Geografía migración                 . InternacionalGeografía migración                 . Internacional
Geografía migración . Internacional
skylopez0530
 

Último (20)

Analítica y Datos-Beatriz García-Jun 2024.pdf
Analítica y Datos-Beatriz García-Jun 2024.pdfAnalítica y Datos-Beatriz García-Jun 2024.pdf
Analítica y Datos-Beatriz García-Jun 2024.pdf
 
Estudio "Hogares Conectados 2024" de Fundación País DigitalWeb-13-05-2024-.pdf
Estudio "Hogares Conectados 2024" de Fundación País DigitalWeb-13-05-2024-.pdfEstudio "Hogares Conectados 2024" de Fundación País DigitalWeb-13-05-2024-.pdf
Estudio "Hogares Conectados 2024" de Fundación País DigitalWeb-13-05-2024-.pdf
 
TESIS FINAL - Fernández Esper Milagros (DNI 39.917.342).pdf
TESIS FINAL - Fernández Esper Milagros (DNI 39.917.342).pdfTESIS FINAL - Fernández Esper Milagros (DNI 39.917.342).pdf
TESIS FINAL - Fernández Esper Milagros (DNI 39.917.342).pdf
 
Presidentes de la Reserva Federal en el período neoliberal (1980-2024).pdf
Presidentes de la Reserva Federal en el período neoliberal (1980-2024).pdfPresidentes de la Reserva Federal en el período neoliberal (1980-2024).pdf
Presidentes de la Reserva Federal en el período neoliberal (1980-2024).pdf
 
Grupo 04: Dispersión y absorción de luz.pdf
Grupo 04: Dispersión y absorción de luz.pdfGrupo 04: Dispersión y absorción de luz.pdf
Grupo 04: Dispersión y absorción de luz.pdf
 
Implementación del Programa de Participación Estudiantil.pptx
Implementación del Programa de Participación Estudiantil.pptxImplementación del Programa de Participación Estudiantil.pptx
Implementación del Programa de Participación Estudiantil.pptx
 
Reporte de incidencia delictiva regional abril 2024.pdf
Reporte de incidencia delictiva regional abril 2024.pdfReporte de incidencia delictiva regional abril 2024.pdf
Reporte de incidencia delictiva regional abril 2024.pdf
 
VIAS RESPIRATORIAS ALTAS Y BAJAS .pptx
VIAS RESPIRATORIAS ALTAS Y BAJAS    .pptxVIAS RESPIRATORIAS ALTAS Y BAJAS    .pptx
VIAS RESPIRATORIAS ALTAS Y BAJAS .pptx
 
AVANCE TECNOLOGICO AREAS DE IMPACTO DEL AVANCE TECNOLOGICO
AVANCE TECNOLOGICO AREAS DE IMPACTO DEL AVANCE TECNOLOGICOAVANCE TECNOLOGICO AREAS DE IMPACTO DEL AVANCE TECNOLOGICO
AVANCE TECNOLOGICO AREAS DE IMPACTO DEL AVANCE TECNOLOGICO
 
LEY 004 MARCELO QUIROGA SANTA CRUZ CRUZ.pptx
LEY 004 MARCELO QUIROGA SANTA CRUZ  CRUZ.pptxLEY 004 MARCELO QUIROGA SANTA CRUZ  CRUZ.pptx
LEY 004 MARCELO QUIROGA SANTA CRUZ CRUZ.pptx
 
Informe de refuerzo 2024, para el docente
Informe de refuerzo 2024, para el docenteInforme de refuerzo 2024, para el docente
Informe de refuerzo 2024, para el docente
 
La cultura Paracas y sus diferentes etapas
La cultura Paracas y sus diferentes etapasLa cultura Paracas y sus diferentes etapas
La cultura Paracas y sus diferentes etapas
 
PROYECTO TERMINADO ACERCA DEL SUPERMERCADO METRO .
PROYECTO TERMINADO ACERCA DEL SUPERMERCADO METRO .PROYECTO TERMINADO ACERCA DEL SUPERMERCADO METRO .
PROYECTO TERMINADO ACERCA DEL SUPERMERCADO METRO .
 
Diagramas de Pareto EXCEL TECNOLOGIA.pdf
Diagramas de Pareto EXCEL TECNOLOGIA.pdfDiagramas de Pareto EXCEL TECNOLOGIA.pdf
Diagramas de Pareto EXCEL TECNOLOGIA.pdf
 
Mixticidad urbana en tejidos no residenciales: el caso de A Agrela en A Coruñ...
Mixticidad urbana en tejidos no residenciales: el caso de A Agrela en A Coruñ...Mixticidad urbana en tejidos no residenciales: el caso de A Agrela en A Coruñ...
Mixticidad urbana en tejidos no residenciales: el caso de A Agrela en A Coruñ...
 
263101106-Nom-022-Terapia-de-Infusion-Presentacion.pptx
263101106-Nom-022-Terapia-de-Infusion-Presentacion.pptx263101106-Nom-022-Terapia-de-Infusion-Presentacion.pptx
263101106-Nom-022-Terapia-de-Infusion-Presentacion.pptx
 
Extracción automática de texto estructurado en PDFs
Extracción automática de texto estructurado en PDFsExtracción automática de texto estructurado en PDFs
Extracción automática de texto estructurado en PDFs
 
La importancia de las tecnologías de la comunicación en el hogar, en la educ...
La importancia de las tecnologías de la comunicación  en el hogar, en la educ...La importancia de las tecnologías de la comunicación  en el hogar, en la educ...
La importancia de las tecnologías de la comunicación en el hogar, en la educ...
 
Guía para la visualización de datos_ VOSviewer.pdf
Guía para la visualización de datos_ VOSviewer.pdfGuía para la visualización de datos_ VOSviewer.pdf
Guía para la visualización de datos_ VOSviewer.pdf
 
Geografía migración . Internacional
Geografía migración                 . InternacionalGeografía migración                 . Internacional
Geografía migración . Internacional
 

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