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

PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdfPROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
EduardoJosVargasCama1
 
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONRESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
amelia poma
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Fernando Solis
 
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
 

Último (20)

PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdfPROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
 
Actividades para el 11 de Mayo día del himno.docx
Actividades para el 11 de Mayo día del himno.docxActividades para el 11 de Mayo día del himno.docx
Actividades para el 11 de Mayo día del himno.docx
 
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
 
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
 
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptxCONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
 
Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 
Louis Jean François Lagrenée. Erotismo y sensualidad. El erotismo en la Hist...
Louis Jean François Lagrenée.  Erotismo y sensualidad. El erotismo en la Hist...Louis Jean François Lagrenée.  Erotismo y sensualidad. El erotismo en la Hist...
Louis Jean François Lagrenée. Erotismo y sensualidad. El erotismo en la Hist...
 
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdfPlan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024
 
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONRESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
 
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIASISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
 
FICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdf
FICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdfFICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdf
FICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdf
 
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
 
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfFeliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
 
Código Civil de la República Bolivariana de Venezuela
Código Civil de la República Bolivariana de VenezuelaCódigo Civil de la República Bolivariana de Venezuela
Código Civil de la República Bolivariana de Venezuela
 
Revista Apuntes de Historia. Mayo 2024.pdf
Revista Apuntes de Historia. Mayo 2024.pdfRevista Apuntes de Historia. Mayo 2024.pdf
Revista Apuntes de Historia. Mayo 2024.pdf
 
PLAN LECTOR 2024 integrado nivel inicial-miercoles 10.pptx
PLAN LECTOR 2024  integrado nivel inicial-miercoles 10.pptxPLAN LECTOR 2024  integrado nivel inicial-miercoles 10.pptx
PLAN LECTOR 2024 integrado nivel inicial-miercoles 10.pptx
 
PP_Comunicacion en Salud: Objetivación de signos y síntomas
PP_Comunicacion en Salud: Objetivación de signos y síntomasPP_Comunicacion en Salud: Objetivación de signos y síntomas
PP_Comunicacion en Salud: Objetivación de signos y síntomas
 
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
 

Diapo02