SlideShare uma empresa Scribd logo
1 de 51
HTML Una Introducción
Definiciones ,[object Object],[object Object],[object Object],[object Object],[object Object]
Proceso Servidor Web: contiene los documentos. Cliente  Web Cliente  Web Cliente  Web Clientes web:  visualizan los documentos en el navegador Petición de docuento
Proceso Servidor Web: contiene los documentos. Cliente  Web Cliente  Web Cliente  Web Transmisión del documento
Definiciones ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Elementos de un documento HTML (I) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Elementos de un documento HTML (II) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Elementos de un documento HTML (III) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Publicar una página web ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],Lenguaje HTML WORLD WIDE WEB
Estructura general de un documento HTML WORLD WIDE WEB <HTML> </HTML> ,[object Object],Etiquetas de inicio y final de documento. Documento HTML. Cabecera Etiquetas de inicio y final de la cabecera del documento. <HEAD> </HEAD> </BODY> Cuerpo Etiquetas de inicio y final del cuerpo del documento. <BODY>
Estructura general de un documento HTML ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],WORLD WIDE WEB
Etiquetas para estructurar el texto ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],WORLD WIDE WEB Párrafos
Etiquetas para estructurar el texto ,[object Object],[object Object],[object Object],[object Object],WORLD WIDE WEB Títulos
Etiquetas para estructurar el texto ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],WORLD WIDE WEB Alineación de elementos
Etiquetas para estructurar el texto ,[object Object],WORLD WIDE WEB Líneas horizontales
Etiquetas para estructurar el texto ,[object Object],[object Object],[object Object],[object Object],WORLD WIDE WEB Líneas horizontales
Etiquetas para estructurar el texto ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],WORLD WIDE WEB Sangrado de bloques
Etiquetas para estructurar el texto ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],WORLD WIDE WEB Texto preformateado
Etiquetas para estructurar el texto ,[object Object],[object Object],[object Object],[object Object],[object Object],WORLD WIDE WEB Direcciones
Etiquetas de formato del texto  ,[object Object],[object Object],[object Object],WORLD WIDE WEB
Etiquetas de formato del texto WORLD WIDE WEB Formato lógico
Etiquetas de formato del texto ,[object Object],[object Object],[object Object],WORLD WIDE WEB Formato lógico
Etiquetas de formato del texto WORLD WIDE WEB Formato físico
Etiquetas de formato del texto ,[object Object],[object Object],[object Object],WORLD WIDE WEB Formato físico
Aspecto de los caracteres ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Aspecto de los caracteres ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Aspecto de los caracteres ,[object Object],[object Object]
Caracteres especiales WORLD WIDE WEB
Listas ,[object Object],[object Object],[object Object],[object Object],[object Object],WORLD WIDE WEB
Listas ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],WORLD WIDE WEB
Listas (Glosario de términos) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],WORLD WIDE WEB
Enlaces entre páginas ,[object Object],[object Object],[object Object],WORLD WIDE WEB
Enlaces entre páginas ,[object Object],[object Object],[object Object],[object Object],WORLD WIDE WEB
Inclusión de imágenes ,[object Object],WORLD WIDE WEB
Inclusión de imágenes ,[object Object],[object Object],[object Object],[object Object],WORLD WIDE WEB
Tablas ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],WORLD WIDE WEB
Tablas ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],WORLD WIDE WEB
Tablas (Atributos de modificación) WORLD WIDE WEB
Tablas (Atributos de modificación) WORLD WIDE WEB
Tablas ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],WORLD WIDE WEB
Marcos (Frames) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],WORLD WIDE WEB
Marcos (Frames) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],WORLD WIDE WEB
Marcos (Frames) WORLD WIDE WEB
Formularios y CGIs ,[object Object],WORLD WIDE WEB
Formularios y CGIs ,[object Object],WORLD WIDE WEB
Formularios y CGIs  WORLD WIDE WEB (Atributo TYPE)
Formularios y CGIs ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],WORLD WIDE WEB
Formularios y CGIs ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],WORLD WIDE WEB
Formularios y CGIs ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],WORLD WIDE WEB
Imágenes sensibles ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],WORLD WIDE WEB

Mais conteúdo relacionado

Mais procurados (19)

Front End - Maquetación xhtml + css
Front End - Maquetación xhtml + cssFront End - Maquetación xhtml + css
Front End - Maquetación xhtml + css
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
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
 
LENGUAJE HTML
LENGUAJE HTMLLENGUAJE HTML
LENGUAJE HTML
 
HTML
HTMLHTML
HTML
 
Html
HtmlHtml
Html
 
Guia de html
Guia de  htmlGuia de  html
Guia de html
 
Html apunte 2
Html apunte 2Html apunte 2
Html apunte 2
 
HTML 2011
HTML 2011HTML 2011
HTML 2011
 
Diapositivas Html
Diapositivas HtmlDiapositivas Html
Diapositivas Html
 
05 Introduccion a HTML
05 Introduccion a HTML05 Introduccion a HTML
05 Introduccion a HTML
 
Etiquetas Diapositivas.
Etiquetas Diapositivas.Etiquetas Diapositivas.
Etiquetas Diapositivas.
 
Clase 2
Clase 2Clase 2
Clase 2
 
Qué es xhtml
Qué es xhtmlQué es xhtml
Qué es xhtml
 
CURSO DE HTML
CURSO DE HTMLCURSO DE HTML
CURSO DE HTML
 
Programación Web I - ISC - UCQ - Presentación 04
Programación Web I - ISC - UCQ - Presentación 04Programación Web I - ISC - UCQ - Presentación 04
Programación Web I - ISC - UCQ - Presentación 04
 
Codigos HTML Continuación
Codigos HTML ContinuaciónCodigos HTML Continuación
Codigos HTML Continuación
 
Html
HtmlHtml
Html
 
HTML
HTMLHTML
HTML
 

Destaque

World wide web_paola_carrillo_(1)
World wide web_paola_carrillo_(1)World wide web_paola_carrillo_(1)
World wide web_paola_carrillo_(1)
paolacarrillo
 
Plan de area tecnologia e informatica iedr 2013
Plan de area tecnologia e informatica iedr 2013Plan de area tecnologia e informatica iedr 2013
Plan de area tecnologia e informatica iedr 2013
Milton Diaz
 
Els animals. julissa
Els animals. julissaEls animals. julissa
Els animals. julissa
Oscar Vaquero
 
Agencia Sportia - Copa America
Agencia Sportia - Copa AmericaAgencia Sportia - Copa America
Agencia Sportia - Copa America
sportia
 
Powerpoint Web 2.0
Powerpoint Web 2.0Powerpoint Web 2.0
Powerpoint Web 2.0
rebeca15
 
Parque Nacional Las Marismas De DoñAna
Parque Nacional Las Marismas De DoñAnaParque Nacional Las Marismas De DoñAna
Parque Nacional Las Marismas De DoñAna
larayalexbio
 
Importante Alguien Quiere Chatear Contigo
Importante  Alguien Quiere Chatear ContigoImportante  Alguien Quiere Chatear Contigo
Importante Alguien Quiere Chatear Contigo
guest9a6d8e
 

Destaque (20)

Practica 4.1. que es la web
Practica 4.1. que es la web Practica 4.1. que es la web
Practica 4.1. que es la web
 
World wide web_paola_carrillo_(1)
World wide web_paola_carrillo_(1)World wide web_paola_carrillo_(1)
World wide web_paola_carrillo_(1)
 
World Wide Web (WWW)
World Wide Web (WWW)World Wide Web (WWW)
World Wide Web (WWW)
 
Evolución del internet y la world wide web
Evolución del internet y la world wide webEvolución del internet y la world wide web
Evolución del internet y la world wide web
 
World wide web
World wide webWorld wide web
World wide web
 
Internet Introduction
Internet IntroductionInternet Introduction
Internet Introduction
 
Plan de area tecnologia e informatica iedr 2013
Plan de area tecnologia e informatica iedr 2013Plan de area tecnologia e informatica iedr 2013
Plan de area tecnologia e informatica iedr 2013
 
Marketing Personal Y Profesional
Marketing Personal Y ProfesionalMarketing Personal Y Profesional
Marketing Personal Y Profesional
 
Els animals. julissa
Els animals. julissaEls animals. julissa
Els animals. julissa
 
Agencia Sportia - Copa America
Agencia Sportia - Copa AmericaAgencia Sportia - Copa America
Agencia Sportia - Copa America
 
Javiera
JavieraJaviera
Javiera
 
operaciones bancaria
operaciones bancariaoperaciones bancaria
operaciones bancaria
 
La Nutricion
La NutricionLa Nutricion
La Nutricion
 
Como convertirse en una persona más sabia y felíz
Como convertirse en una persona más sabia y felízComo convertirse en una persona más sabia y felíz
Como convertirse en una persona más sabia y felíz
 
Powerpoint Web 2.0
Powerpoint Web 2.0Powerpoint Web 2.0
Powerpoint Web 2.0
 
Marketing Vende Ideas Compra Tu Futuro
Marketing   Vende Ideas Compra Tu FuturoMarketing   Vende Ideas Compra Tu Futuro
Marketing Vende Ideas Compra Tu Futuro
 
Parque Nacional Las Marismas De DoñAna
Parque Nacional Las Marismas De DoñAnaParque Nacional Las Marismas De DoñAna
Parque Nacional Las Marismas De DoñAna
 
Equipos pjvm 2010
Equipos pjvm 2010Equipos pjvm 2010
Equipos pjvm 2010
 
Moto
MotoMoto
Moto
 
Importante Alguien Quiere Chatear Contigo
Importante  Alguien Quiere Chatear ContigoImportante  Alguien Quiere Chatear Contigo
Importante Alguien Quiere Chatear Contigo
 

Semelhante a Diapo02 (20)

Curso Html
Curso HtmlCurso Html
Curso Html
 
Etiquetas Html Udp
Etiquetas Html UdpEtiquetas Html Udp
Etiquetas Html Udp
 
HTML
HTMLHTML
HTML
 
Html Bas
Html BasHtml Bas
Html Bas
 
Cont clase de lenguaje IV
Cont clase de lenguaje IVCont clase de lenguaje IV
Cont clase de lenguaje IV
 
Html
HtmlHtml
Html
 
html
htmlhtml
html
 
Introduccion Xhtml
Introduccion XhtmlIntroduccion Xhtml
Introduccion Xhtml
 
Clase 2
Clase 2Clase 2
Clase 2
 
Html
HtmlHtml
Html
 
Fundamentos HTML - Web 2.0
Fundamentos HTML - Web 2.0Fundamentos HTML - Web 2.0
Fundamentos HTML - Web 2.0
 
Caracteristicas de la web 2.0
Caracteristicas de la web 2.0Caracteristicas de la web 2.0
Caracteristicas de la web 2.0
 
Primeraclase
PrimeraclasePrimeraclase
Primeraclase
 
Ingeniería web
Ingeniería webIngeniería web
Ingeniería web
 
Html Y Javascript
Html Y JavascriptHtml Y Javascript
Html Y Javascript
 
Html Y Javascript
Html Y JavascriptHtml Y Javascript
Html Y Javascript
 
Qué es html
Qué es htmlQué es html
Qué es html
 
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es HtmlC:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
 
Curso HTML CSS Sesion 2/4
Curso HTML CSS Sesion 2/4Curso HTML CSS Sesion 2/4
Curso HTML CSS Sesion 2/4
 
HTML
HTMLHTML
HTML
 

Último

Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdf
patriciaines1993
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
RigoTito
 
6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
Wilian24
 
RESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptx
RESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptxRESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptx
RESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptx
pvtablets2023
 
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
jlorentemartos
 
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docxTALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
NadiaMartnez11
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
UPTAIDELTACHIRA
 

Último (20)

TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPCTRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
 
Lecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigosLecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigos
 
Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdf
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
 
6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
 
Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024
 
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIASISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
 
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
 
Análisis de los Factores Externos de la Organización.
Análisis de los Factores Externos de la Organización.Análisis de los Factores Externos de la Organización.
Análisis de los Factores Externos de la Organización.
 
RESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptx
RESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptxRESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptx
RESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptx
 
Factores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdfFactores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdf
 
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptxCONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
 
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
 
Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 
Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024
 
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxLA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
 
Posición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptxPosición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptx
 
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docxTALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
 

Diapo02