SlideShare una empresa de Scribd logo
LENGUAJE (HTML)LENGUAJE (HTML)
(HTML)(HTML)
 HTML se utiliza para crear documentos web incluyendo
texto, imágenes, formato y enlaces a otros documentos.
 Los documentos HTML consisten en etiquetas de texto y el
'marcado' que se utilizan para definir la estructura, el aspecto
y la función de la información
 Hay dos tipos de etiquetas de marcado:
 Etiquetas contenedoras – definir una sección de texto
mediante una etiqueta de inicio y una etiqueta de cierre.
Por ejemplo, colocado dentro de estas etiquetas de texto
aparecerá en negrita: <B>Hola</B
 Vaciar etiquetas – representan una única ocurrencia de una
instrucción. Por ejemplo, la<BR>o rotura de etiqueta se
utiliza para indicar que desea incluir en un solo espacio el
texto.
Herramientas de creación de textoHerramientas de creación de texto
Puede utilizar cualquier editor de texto
para crear documentos HTML
Los editores de texto más utilizados son:
 Bloc de notas (Windows)
 WordPad (Windows)
 Simpletext (Macintosh)
Herramientas de autor WYSIWYGHerramientas de autor WYSIWYG
Lo que ve, es lo que consigue (WYSIWYG) las
herramientas de autoria proveen interfaces
graficas para simplificar la creacion de
documentos HTML.
Ejemplos de herramientas de edición
WYSIWYG son:
 FrontPage de Microsoft
 Dreamweaver por Macromedia
 PageMill por Adobe
 Netscape Composer
Estructura de un documento HTMLEstructura de un documento HTML
Un documento HTML se divide en dos
secciones principales:
 Título - el título contiene información que describe el
documento, como su título. La sección de encabezado
es indicada por el<TITULO>y</TITULO>Etiquetas.
 Cuerpo - La sección del cuerpo es donde se colocan el
texto del documento Web, gráficos y otros elementos.
La sección del cuerpo está indicada por
el<CUERPO>y</CUERPO>Etiquetas.
Ejemplo de un documento HTMLEjemplo de un documento HTML
<HTML>
<CABEZA>
< TITULO> carrera y página de inicio de
educación técnica </TITULO>
</CABEZA>
<CUERPO> esta es la parte de la Página Web
que los espectadores veran! <CUERPO>
</HTML>
Archivos graficosArchivos graficos
• HTML admite dos principales formatos de archivos
gráficos:
• GIF - Graphics Interchange Format (CompuServe, pronunciado
GIF/JIF)
—Los archivos GIF proporcionan un máximo de 8 bits (256
colores), uso de color indexado, puede ser entrelazado
(imagen mostrada en cuatro pasos) y soporta transparencias y
animación. GIF puede usarse para imágenes como logotipos,
dibujos animados y los iconos.
—JPG – Joint Photographic Expert Group (Un archivo de
gráficos codificados jpg - pronunciado JAY PEG)
—Los archivos JPG proporcionan un máximo de 24 bits de
color (color verdadero), puede manejar imágenes en escala
de grises, le permiten a la compresión de control y es
progresiva (un diseñador puede especificar el número de
pasadas para usar cuando se muestra la imagen (como GIF
interfaz). JPG puede usarse para fotografías y pinturas.
Archivos graficosArchivos graficos
• Un formato más reciente fue introducido en
1995--PNG – formato de red portátil.
PNG es un estandar abierto
—El Uso ha sido restringido debido a la ayuda del hojeador
limitada. Generalmente se admite los navegadores versión 4.0
o posterior..
—Proporciona color de 48 bits, un sistema de compresión,
entrelazado (7 pasos) y soporte para transparencia de 8 bits
Formatos de archivos multimediaFormatos de archivos multimedia
 Archivos multimedia se utilizan para proporcionar audio
y video.
 El Audio y vídeo pueden suministrarse en dos formas:
 Streaming
 No-Streaming
 Los Archivos de no streaming deben ser descargados
en su totalidad a la unidad de disco duro de la máquina
del usuario antes de empezar la reproducción.
 La Tecnología de streaming se desarrolló para resolver
el problema del tiempo de descarga.
Formatos de archivos multimediaFormatos de archivos multimedia
 AVI – Audio-Video Interleaved (un formato estándar para
computadoras)
 MOV – QuickTime Video (Formato desarrollado por Apple
Computer que muestra el vídeo, audio y animación en Mac y
Windows)
 MIDI – Musical Instrument Digital Interface (Formato de audio
utilizado para la música sintetizada en lugar de grabaciones. Los
archivos son más pequeños que los archivos WAV
 MPG/MP3 – MPEG (Moving Picture Experts Group) – Formato
comprimido de alta calidad para audio y video
 WAV – Utilizado para grabaciones de alta calidad para las pistas
de audio mono y estéreo. Crea archivos relativamente grandes.

Más contenido relacionado

La actualidad más candente

Producto 3 Juan Carlos y Cesar 9B
Producto 3 Juan Carlos y Cesar 9BProducto 3 Juan Carlos y Cesar 9B
Producto 3 Juan Carlos y Cesar 9B
POTTERICOS
 
Html
HtmlHtml
Extensiones de los archivos
Extensiones de los archivos Extensiones de los archivos
Extensiones de los archivos
Alberto Fernández Piñeiro
 
Diapositivas HTML
Diapositivas HTMLDiapositivas HTML
Diapositivas HTML
beto0910
 
Html
HtmlHtml
Html y HTML5
Html y HTML5Html y HTML5
Html y HTML5Javo Leon
 
Diagrama de HTML_Joanna_Mujica
Diagrama de HTML_Joanna_MujicaDiagrama de HTML_Joanna_Mujica
Diagrama de HTML_Joanna_Mujica
joannamujica17
 
Gtaby
GtabyGtaby
Gtaby
Gabylist
 
Html
HtmlHtml
Tipos de archivos y extensiones
Tipos de archivos y extensionesTipos de archivos y extensiones
Tipos de archivos y extensiones
Jorge Luis Fernandez CUbas
 
Diferencia entre html y xml
Diferencia  entre html y xmlDiferencia  entre html y xml
Diferencia entre html y xmlsolange_forever
 
Tarea 5
Tarea  5Tarea  5
Tarea 5
JacintoTroya
 
001 html
001 html001 html
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
manuelyjuan
 

La actualidad más candente (16)

Producto 3 Juan Carlos y Cesar 9B
Producto 3 Juan Carlos y Cesar 9BProducto 3 Juan Carlos y Cesar 9B
Producto 3 Juan Carlos y Cesar 9B
 
Html
HtmlHtml
Html
 
Extensiones de los archivos
Extensiones de los archivos Extensiones de los archivos
Extensiones de los archivos
 
Diapositivas HTML
Diapositivas HTMLDiapositivas HTML
Diapositivas HTML
 
Html
HtmlHtml
Html
 
El código html
El código htmlEl código html
El código html
 
Tema2(1)
Tema2(1)Tema2(1)
Tema2(1)
 
Html y HTML5
Html y HTML5Html y HTML5
Html y HTML5
 
Diagrama de HTML_Joanna_Mujica
Diagrama de HTML_Joanna_MujicaDiagrama de HTML_Joanna_Mujica
Diagrama de HTML_Joanna_Mujica
 
Gtaby
GtabyGtaby
Gtaby
 
Html
HtmlHtml
Html
 
Tipos de archivos y extensiones
Tipos de archivos y extensionesTipos de archivos y extensiones
Tipos de archivos y extensiones
 
Diferencia entre html y xml
Diferencia  entre html y xmlDiferencia  entre html y xml
Diferencia entre html y xml
 
Tarea 5
Tarea  5Tarea  5
Tarea 5
 
001 html
001 html001 html
001 html
 
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
 

Destacado

Presentación deontología Facultad de ciencias jurídicas y políticas UNY
Presentación deontología Facultad de ciencias jurídicas y políticas UNYPresentación deontología Facultad de ciencias jurídicas y políticas UNY
Presentación deontología Facultad de ciencias jurídicas y políticas UNYAlejandroAira97
 
Caderno Tecnico
Caderno TecnicoCaderno Tecnico
Caderno Tecnico
Natalia Barros
 
Zygmunt Bauman e os Divergentes
Zygmunt Bauman e  os DivergentesZygmunt Bauman e  os Divergentes
Zygmunt Bauman e os Divergentes
Roberta Dias da Silva
 
Ibm Counter Fraud Management
Ibm Counter Fraud ManagementIbm Counter Fraud Management
Ibm Counter Fraud Management
Leonardo Loureiro
 
Igualdad, equidad mainstreaming de género. ¿De qué estamos hablando?
Igualdad, equidad mainstreaming de género. ¿De qué estamos hablando?Igualdad, equidad mainstreaming de género. ¿De qué estamos hablando?
Igualdad, equidad mainstreaming de género. ¿De qué estamos hablando?Evangelina Garcia Prince
 
Grupo 2 estrategias colaborativas de aprendizaje
Grupo 2 estrategias colaborativas de aprendizajeGrupo 2 estrategias colaborativas de aprendizaje
Grupo 2 estrategias colaborativas de aprendizajeadrianayolanda
 
LINEA DEL TIEMPO: GENÉTICA_ADN
LINEA DEL TIEMPO: GENÉTICA_ADNLINEA DEL TIEMPO: GENÉTICA_ADN
LINEA DEL TIEMPO: GENÉTICA_ADNNoralba Molina
 

Destacado (8)

Presentación deontología Facultad de ciencias jurídicas y políticas UNY
Presentación deontología Facultad de ciencias jurídicas y políticas UNYPresentación deontología Facultad de ciencias jurídicas y políticas UNY
Presentación deontología Facultad de ciencias jurídicas y políticas UNY
 
Caderno Tecnico
Caderno TecnicoCaderno Tecnico
Caderno Tecnico
 
Zygmunt Bauman e os Divergentes
Zygmunt Bauman e  os DivergentesZygmunt Bauman e  os Divergentes
Zygmunt Bauman e os Divergentes
 
Ibm Counter Fraud Management
Ibm Counter Fraud ManagementIbm Counter Fraud Management
Ibm Counter Fraud Management
 
Igualdad, equidad mainstreaming de género. ¿De qué estamos hablando?
Igualdad, equidad mainstreaming de género. ¿De qué estamos hablando?Igualdad, equidad mainstreaming de género. ¿De qué estamos hablando?
Igualdad, equidad mainstreaming de género. ¿De qué estamos hablando?
 
Grupo 2 estrategias colaborativas de aprendizaje
Grupo 2 estrategias colaborativas de aprendizajeGrupo 2 estrategias colaborativas de aprendizaje
Grupo 2 estrategias colaborativas de aprendizaje
 
ASLDldQWD
ASLDldQWDASLDldQWD
ASLDldQWD
 
LINEA DEL TIEMPO: GENÉTICA_ADN
LINEA DEL TIEMPO: GENÉTICA_ADNLINEA DEL TIEMPO: GENÉTICA_ADN
LINEA DEL TIEMPO: GENÉTICA_ADN
 

Similar a Html

Actividad nº6
Actividad nº6Actividad nº6
Actividad nº6marcos_77
 
Practica1
Practica1Practica1
Html ana y eliana
Html ana y elianaHtml ana y eliana
Html ana y eliana
decimosistemas2016
 
Presentación1
Presentación1Presentación1
Presentación1
damian meda
 
Diferentes formatos de archivos
Diferentes formatos de archivosDiferentes formatos de archivos
Diferentes formatos de archivos
matius2003
 
Guia 4 lenguaje html
Guia 4   lenguaje htmlGuia 4   lenguaje html
Guia 4 lenguaje html
Cristian Gonzalez
 
Intro html
Intro htmlIntro html
Intro html
Dayalis Vargas
 
Apuntes de HTML 1
Apuntes de HTML 1Apuntes de HTML 1
Apuntes de HTML 1
Alejandro Sandin
 
Practica1
Practica1Practica1
Html5
Html5Html5
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 webAlvaroav
 
Taller html.docxmariana angel
Taller html.docxmariana angelTaller html.docxmariana angel
Taller html.docxmariana angel
decimosistemas2016
 
Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS
Anchelho Shanghashy
 
Taller html.docx cristina
Taller html.docx  cristinaTaller html.docx  cristina
Taller html.docx cristina
decimosistemas2016
 
Taller html.docx
Taller html.docx Taller html.docx
Taller html.docx
decimosistemas2016
 

Similar a Html (20)

Actividad nº6
Actividad nº6Actividad nº6
Actividad nº6
 
Practica1
Practica1Practica1
Practica1
 
Lll
LllLll
Lll
 
Lll
LllLll
Lll
 
Html ana y eliana
Html ana y elianaHtml ana y eliana
Html ana y eliana
 
Presentación1
Presentación1Presentación1
Presentación1
 
Diferentes formatos de archivos
Diferentes formatos de archivosDiferentes formatos de archivos
Diferentes formatos de archivos
 
Guia 4 lenguaje html
Guia 4   lenguaje htmlGuia 4   lenguaje html
Guia 4 lenguaje html
 
Html
HtmlHtml
Html
 
Intro html
Intro htmlIntro html
Intro html
 
Apuntes de HTML 1
Apuntes de HTML 1Apuntes de HTML 1
Apuntes de HTML 1
 
Tatiana 1002
Tatiana 1002Tatiana 1002
Tatiana 1002
 
Practica1
Practica1Practica1
Practica1
 
Html5
Html5Html5
Html5
 
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
 
Taller html.docxmariana angel
Taller html.docxmariana angelTaller html.docxmariana angel
Taller html.docxmariana angel
 
Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS
 
Taller html.docx cristina
Taller html.docx  cristinaTaller html.docx  cristina
Taller html.docx cristina
 
Taller html.docx
Taller html.docx Taller html.docx
Taller html.docx
 
Formatos de archivos en power poit
Formatos de archivos en power poitFormatos de archivos en power poit
Formatos de archivos en power poit
 

Último

ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
DanielErazoMedina
 
Inteligencia Artificial y Ciberseguridad.pdf
Inteligencia Artificial y Ciberseguridad.pdfInteligencia Artificial y Ciberseguridad.pdf
Inteligencia Artificial y Ciberseguridad.pdf
Emilio Casbas
 
3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto
cdraco
 
Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5
JulyMuoz18
 
Estructuras básicas_ conceptos básicos de programación.pdf
Estructuras básicas_  conceptos básicos de programación.pdfEstructuras básicas_  conceptos básicos de programación.pdf
Estructuras básicas_ conceptos básicos de programación.pdf
ItsSofi
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
vazquezgarciajesusma
 
Diagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdfDiagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdf
ManuelCampos464987
 
Conceptos básicos de programación 10-5.pdf
Conceptos básicos de programación 10-5.pdfConceptos básicos de programación 10-5.pdf
Conceptos básicos de programación 10-5.pdf
ValeriaAyala48
 
MANUAL DEL DECODIFICADOR DVB S2. PARA VSAT
MANUAL DEL DECODIFICADOR DVB  S2. PARA VSATMANUAL DEL DECODIFICADOR DVB  S2. PARA VSAT
MANUAL DEL DECODIFICADOR DVB S2. PARA VSAT
Ing. Julio Iván Mera Casas
 
trabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6ftrabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6f
zoecaicedosalazar
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
cj3806354
 
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdfEstructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
IsabellaRubio6
 
Posnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativaPosnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativa
Fernando Villares
 
EduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clasesEduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clases
PABLOCESARGARZONBENI
 
Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.
AlejandraCasallas7
 
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdfDesarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
AlejandraCasallas7
 
Desarrollo de habilidades de pensamiento (2).pdf
Desarrollo de habilidades de pensamiento (2).pdfDesarrollo de habilidades de pensamiento (2).pdf
Desarrollo de habilidades de pensamiento (2).pdf
samuelvideos
 
Estructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdfEstructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdf
cristianrb0324
 
proyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmusproyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmus
raquelariza02
 
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
CesarPazosQuispe
 

Último (20)

ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
 
Inteligencia Artificial y Ciberseguridad.pdf
Inteligencia Artificial y Ciberseguridad.pdfInteligencia Artificial y Ciberseguridad.pdf
Inteligencia Artificial y Ciberseguridad.pdf
 
3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto
 
Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5
 
Estructuras básicas_ conceptos básicos de programación.pdf
Estructuras básicas_  conceptos básicos de programación.pdfEstructuras básicas_  conceptos básicos de programación.pdf
Estructuras básicas_ conceptos básicos de programación.pdf
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
 
Diagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdfDiagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdf
 
Conceptos básicos de programación 10-5.pdf
Conceptos básicos de programación 10-5.pdfConceptos básicos de programación 10-5.pdf
Conceptos básicos de programación 10-5.pdf
 
MANUAL DEL DECODIFICADOR DVB S2. PARA VSAT
MANUAL DEL DECODIFICADOR DVB  S2. PARA VSATMANUAL DEL DECODIFICADOR DVB  S2. PARA VSAT
MANUAL DEL DECODIFICADOR DVB S2. PARA VSAT
 
trabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6ftrabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6f
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
 
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdfEstructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
 
Posnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativaPosnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativa
 
EduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clasesEduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clases
 
Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.
 
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdfDesarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
 
Desarrollo de habilidades de pensamiento (2).pdf
Desarrollo de habilidades de pensamiento (2).pdfDesarrollo de habilidades de pensamiento (2).pdf
Desarrollo de habilidades de pensamiento (2).pdf
 
Estructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdfEstructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdf
 
proyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmusproyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmus
 
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
 

Html

  • 2. (HTML)(HTML)  HTML se utiliza para crear documentos web incluyendo texto, imágenes, formato y enlaces a otros documentos.  Los documentos HTML consisten en etiquetas de texto y el 'marcado' que se utilizan para definir la estructura, el aspecto y la función de la información  Hay dos tipos de etiquetas de marcado:  Etiquetas contenedoras – definir una sección de texto mediante una etiqueta de inicio y una etiqueta de cierre. Por ejemplo, colocado dentro de estas etiquetas de texto aparecerá en negrita: <B>Hola</B  Vaciar etiquetas – representan una única ocurrencia de una instrucción. Por ejemplo, la<BR>o rotura de etiqueta se utiliza para indicar que desea incluir en un solo espacio el texto.
  • 3. Herramientas de creación de textoHerramientas de creación de texto Puede utilizar cualquier editor de texto para crear documentos HTML Los editores de texto más utilizados son:  Bloc de notas (Windows)  WordPad (Windows)  Simpletext (Macintosh)
  • 4. Herramientas de autor WYSIWYGHerramientas de autor WYSIWYG Lo que ve, es lo que consigue (WYSIWYG) las herramientas de autoria proveen interfaces graficas para simplificar la creacion de documentos HTML. Ejemplos de herramientas de edición WYSIWYG son:  FrontPage de Microsoft  Dreamweaver por Macromedia  PageMill por Adobe  Netscape Composer
  • 5. Estructura de un documento HTMLEstructura de un documento HTML Un documento HTML se divide en dos secciones principales:  Título - el título contiene información que describe el documento, como su título. La sección de encabezado es indicada por el<TITULO>y</TITULO>Etiquetas.  Cuerpo - La sección del cuerpo es donde se colocan el texto del documento Web, gráficos y otros elementos. La sección del cuerpo está indicada por el<CUERPO>y</CUERPO>Etiquetas.
  • 6. Ejemplo de un documento HTMLEjemplo de un documento HTML <HTML> <CABEZA> < TITULO> carrera y página de inicio de educación técnica </TITULO> </CABEZA> <CUERPO> esta es la parte de la Página Web que los espectadores veran! <CUERPO> </HTML>
  • 7. Archivos graficosArchivos graficos • HTML admite dos principales formatos de archivos gráficos: • GIF - Graphics Interchange Format (CompuServe, pronunciado GIF/JIF) —Los archivos GIF proporcionan un máximo de 8 bits (256 colores), uso de color indexado, puede ser entrelazado (imagen mostrada en cuatro pasos) y soporta transparencias y animación. GIF puede usarse para imágenes como logotipos, dibujos animados y los iconos. —JPG – Joint Photographic Expert Group (Un archivo de gráficos codificados jpg - pronunciado JAY PEG) —Los archivos JPG proporcionan un máximo de 24 bits de color (color verdadero), puede manejar imágenes en escala de grises, le permiten a la compresión de control y es progresiva (un diseñador puede especificar el número de pasadas para usar cuando se muestra la imagen (como GIF interfaz). JPG puede usarse para fotografías y pinturas.
  • 8. Archivos graficosArchivos graficos • Un formato más reciente fue introducido en 1995--PNG – formato de red portátil. PNG es un estandar abierto —El Uso ha sido restringido debido a la ayuda del hojeador limitada. Generalmente se admite los navegadores versión 4.0 o posterior.. —Proporciona color de 48 bits, un sistema de compresión, entrelazado (7 pasos) y soporte para transparencia de 8 bits
  • 9. Formatos de archivos multimediaFormatos de archivos multimedia  Archivos multimedia se utilizan para proporcionar audio y video.  El Audio y vídeo pueden suministrarse en dos formas:  Streaming  No-Streaming  Los Archivos de no streaming deben ser descargados en su totalidad a la unidad de disco duro de la máquina del usuario antes de empezar la reproducción.  La Tecnología de streaming se desarrolló para resolver el problema del tiempo de descarga.
  • 10. Formatos de archivos multimediaFormatos de archivos multimedia  AVI – Audio-Video Interleaved (un formato estándar para computadoras)  MOV – QuickTime Video (Formato desarrollado por Apple Computer que muestra el vídeo, audio y animación en Mac y Windows)  MIDI – Musical Instrument Digital Interface (Formato de audio utilizado para la música sintetizada en lugar de grabaciones. Los archivos son más pequeños que los archivos WAV  MPG/MP3 – MPEG (Moving Picture Experts Group) – Formato comprimido de alta calidad para audio y video  WAV – Utilizado para grabaciones de alta calidad para las pistas de audio mono y estéreo. Crea archivos relativamente grandes.