SlideShare una empresa de Scribd logo
1 de 6
IUTE - MÉRIDA ,[object Object],[object Object],[object Object],[object Object],[object Object]
CODIGOS BASICOS HTML El principio esencial del lenguaje HTML (HyperText Markup Language) es el uso de las  etiquetas  ( tags ). Funcionan de la siguiente manera:  <XXX> Este es el  inicio  de una etiqueta.  </XXX> Este es el  cierre  de una etiqueta.  Las letras de la etiqueta pueden estar en mayúsculas o minúsculas, indiferentemente . Lo que haya entre ambas etiquetas estará influenciada por ellas. Por ejemplo, todo el documento HTML debe estar entre las etiquetas <HTML> y </HTML>:  <HTML> [Todo el documento] </HTML> El documento en sí está dividido en dos zonas principales:  El  encabezamiento , comprendido entre las etiquetas <HEAD> y </HEAD>  El  cuerpo , comprendido entre las etiquetas <BODY> y </BODY>
CODIGOS BASICOS HTML Dentro del encabezamiento hay información del documento, que no se ve en la pantalla principal, principalmente el  título  del documento, comprendido entre las etiquetas <TITLE> y </TITLE>. El título debe ser breve y descriptivo de su contenido, pues será lo que vean los demás cuando añadan nuestra página a su  bookmark  (o agenda de direcciones).  Por tanto, la estructura queda de esta manera:  <HTML>  <HEAD>  <TITLE>  Título de la página  </TITLE> </HEAD>  <BODY> [ Aquí van las etiquetas que visualizan la página ] </BODY> </HTML>
CODIGOS BASICOS HTML ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
CODIGOS BASICOS HTML ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
CODIGOS BASICOS HTML ,[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]

Más contenido relacionado

La actualidad más candente (19)

Etiquetas Html Udp
Etiquetas Html UdpEtiquetas Html Udp
Etiquetas Html Udp
 
Qué es html
Qué es htmlQué es html
Qué es html
 
El lenguaje html
El lenguaje htmlEl lenguaje html
El lenguaje html
 
Presentacion de etiquetas
Presentacion de etiquetasPresentacion de etiquetas
Presentacion de etiquetas
 
Manual de html
Manual de htmlManual de html
Manual de html
 
Etiquetas básicas en html
Etiquetas básicas en htmlEtiquetas básicas en html
Etiquetas básicas en html
 
Etiquetas head y body
Etiquetas head y bodyEtiquetas head y body
Etiquetas head y body
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
05 Introduccion a HTML
05 Introduccion a HTML05 Introduccion a HTML
05 Introduccion a HTML
 
Listado de etiquetas y atributos html
Listado de etiquetas y atributos htmlListado de etiquetas y atributos html
Listado de etiquetas y atributos html
 
Curso html
Curso   htmlCurso   html
Curso html
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
¿Qué es CSS?
¿Qué es CSS?¿Qué es CSS?
¿Qué es CSS?
 
Etiquetas de lenguaje html mas utilizadas
Etiquetas de lenguaje html mas utilizadasEtiquetas de lenguaje html mas utilizadas
Etiquetas de lenguaje html mas utilizadas
 
Etiquetas mas utilizadas del lenguaje html
Etiquetas mas utilizadas del lenguaje htmlEtiquetas mas utilizadas del lenguaje html
Etiquetas mas utilizadas del lenguaje html
 
Html, Css y JavaScript
Html, Css y JavaScriptHtml, Css y JavaScript
Html, Css y JavaScript
 
Introducción al HTML
Introducción al HTMLIntroducción al HTML
Introducción al HTML
 
comandos de pagina web
comandos de pagina webcomandos de pagina web
comandos de pagina web
 
10 etiquetas basicas de html
10 etiquetas basicas de html10 etiquetas basicas de html
10 etiquetas basicas de html
 

Destacado

Destacado (20)

Crear una pagina web con bloc de notas
Crear una pagina web con bloc de notasCrear una pagina web con bloc de notas
Crear una pagina web con bloc de notas
 
Pasos para trabajar con el codigo html
Pasos para trabajar con el codigo htmlPasos para trabajar con el codigo html
Pasos para trabajar con el codigo html
 
HTML
HTMLHTML
HTML
 
Taller de HTML
Taller de HTMLTaller de HTML
Taller de HTML
 
Informatica presentacion
Informatica presentacionInformatica presentacion
Informatica presentacion
 
Inicio al HTML
Inicio al HTMLInicio al HTML
Inicio al HTML
 
ETIQUETAS HTML ANIMADAS
ETIQUETAS HTML ANIMADASETIQUETAS HTML ANIMADAS
ETIQUETAS HTML ANIMADAS
 
Listado etiquetas html 5
Listado etiquetas html 5Listado etiquetas html 5
Listado etiquetas html 5
 
Etiquetas basicas html
Etiquetas basicas htmlEtiquetas basicas html
Etiquetas basicas html
 
Codigos html para blog
Codigos html para blogCodigos html para blog
Codigos html para blog
 
Manual actiweb (equipo)
Manual actiweb (equipo)Manual actiweb (equipo)
Manual actiweb (equipo)
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Codigos Acentuacion Y Otras Cosas En Html
Codigos Acentuacion Y Otras Cosas En HtmlCodigos Acentuacion Y Otras Cosas En Html
Codigos Acentuacion Y Otras Cosas En Html
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Codigo De Colores Html
Codigo De Colores HtmlCodigo De Colores Html
Codigo De Colores Html
 
Tabla de colores hexodecimales
Tabla de colores hexodecimalesTabla de colores hexodecimales
Tabla de colores hexodecimales
 
Código HTML y código de tabla
Código HTML y código de tablaCódigo HTML y código de tabla
Código HTML y código de tabla
 
colores dexadecimales
colores dexadecimalescolores dexadecimales
colores dexadecimales
 

Similar a Codigos Básicos HTML - IUTE Mérida

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 Htmledujoso
 
Paginas web en html
Paginas web en htmlPaginas web en html
Paginas web en htmlmcolls
 
Codigos HTML Continuación
Codigos HTML ContinuaciónCodigos HTML Continuación
Codigos HTML Continuaciónguestc906c2
 
LENGUAJE HTML
LENGUAJE HTMLLENGUAJE HTML
LENGUAJE HTMLzenirod
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN HtmlMargarita T.
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN Htmlmarcos0209
 
Cont clase de lenguaje IV
Cont clase de lenguaje IVCont clase de lenguaje IV
Cont clase de lenguaje IVguestc906c2
 
Html
HtmlHtml
Htmldyt
 
Retroalimentación 2011 Lopez, Carlos
Retroalimentación 2011 Lopez, CarlosRetroalimentación 2011 Lopez, Carlos
Retroalimentación 2011 Lopez, Carloscaleropte
 
Laura bonilla 102 tics jmv
Laura bonilla 102 tics jmvLaura bonilla 102 tics jmv
Laura bonilla 102 tics jmvlauran
 
Sitio Web / Introducción a HTML
Sitio Web / Introducción a HTMLSitio Web / Introducción a HTML
Sitio Web / Introducción a HTMLSebaMaya
 

Similar a Codigos Básicos HTML - IUTE Mérida (20)

Primeraclase
PrimeraclasePrimeraclase
Primeraclase
 
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
 
Paginas web en html
Paginas web en htmlPaginas web en html
Paginas web en html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
html
htmlhtml
html
 
Qué es xhtml
Qué es xhtmlQué es xhtml
Qué es xhtml
 
Codigos HTML Continuación
Codigos HTML ContinuaciónCodigos HTML Continuación
Codigos HTML Continuación
 
LENGUAJE HTML
LENGUAJE HTMLLENGUAJE HTML
LENGUAJE HTML
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN Html
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN Html
 
Tpd 02
Tpd 02Tpd 02
Tpd 02
 
Cont clase de lenguaje IV
Cont clase de lenguaje IVCont clase de lenguaje IV
Cont clase de lenguaje IV
 
Etiquetas Html
Etiquetas HtmlEtiquetas Html
Etiquetas Html
 
Expo html
Expo htmlExpo html
Expo html
 
Html
HtmlHtml
Html
 
Retroalimentación 2011 Lopez, Carlos
Retroalimentación 2011 Lopez, CarlosRetroalimentación 2011 Lopez, Carlos
Retroalimentación 2011 Lopez, Carlos
 
Html y tags
Html y tagsHtml y tags
Html y tags
 
Laura bonilla 102 tics jmv
Laura bonilla 102 tics jmvLaura bonilla 102 tics jmv
Laura bonilla 102 tics jmv
 
Sitio Web / Introducción a HTML
Sitio Web / Introducción a HTMLSitio Web / Introducción a HTML
Sitio Web / Introducción a HTML
 

Más de duberlisg

Notas pst i,2
Notas pst i,2Notas pst i,2
Notas pst i,2duberlisg
 
Defensa de proyectos ii,3
Defensa de proyectos ii,3Defensa de proyectos ii,3
Defensa de proyectos ii,3duberlisg
 
Tipoydiseodelainvestigacionultimo 110605153821-phpapp01
Tipoydiseodelainvestigacionultimo 110605153821-phpapp01Tipoydiseodelainvestigacionultimo 110605153821-phpapp01
Tipoydiseodelainvestigacionultimo 110605153821-phpapp01duberlisg
 
Unidad13analisisderequerimientos 13026971308524-phpapp01
Unidad13analisisderequerimientos 13026971308524-phpapp01Unidad13analisisderequerimientos 13026971308524-phpapp01
Unidad13analisisderequerimientos 13026971308524-phpapp01duberlisg
 
Estudio de fectibilidad en proyectos
Estudio de fectibilidad en proyectosEstudio de fectibilidad en proyectos
Estudio de fectibilidad en proyectosduberlisg
 
Curso de modelado uml(1)
Curso de modelado uml(1)Curso de modelado uml(1)
Curso de modelado uml(1)duberlisg
 
Diagramasuml 110404124448-phpapp02
Diagramasuml 110404124448-phpapp02Diagramasuml 110404124448-phpapp02
Diagramasuml 110404124448-phpapp02duberlisg
 
Curso uml-clase-01-1211931122395265-9
Curso uml-clase-01-1211931122395265-9Curso uml-clase-01-1211931122395265-9
Curso uml-clase-01-1211931122395265-9duberlisg
 
Marco teorico
Marco teoricoMarco teorico
Marco teoricoduberlisg
 
Pruebas en si
Pruebas en siPruebas en si
Pruebas en siduberlisg
 
Diagnostico participativo
Diagnostico participativoDiagnostico participativo
Diagnostico participativoduberlisg
 
Levantamientodeinformacin
LevantamientodeinformacinLevantamientodeinformacin
Levantamientodeinformacinduberlisg
 
Levantamiento de-la-informacionclase1
Levantamiento de-la-informacionclase1Levantamiento de-la-informacionclase1
Levantamiento de-la-informacionclase1duberlisg
 
Toma de-decisiones-y-solucion-de-problemas-1204504857549158-5
Toma de-decisiones-y-solucion-de-problemas-1204504857549158-5Toma de-decisiones-y-solucion-de-problemas-1204504857549158-5
Toma de-decisiones-y-solucion-de-problemas-1204504857549158-5duberlisg
 
Proyectos identificacion y formulacion
Proyectos identificacion y formulacionProyectos identificacion y formulacion
Proyectos identificacion y formulacionduberlisg
 
Laplanificacin y estrategias para la solucion de problemeas
Laplanificacin y estrategias para la solucion de problemeasLaplanificacin y estrategias para la solucion de problemeas
Laplanificacin y estrategias para la solucion de problemeasduberlisg
 
Laplanificacin 100406233422-phpapp01
Laplanificacin 100406233422-phpapp01Laplanificacin 100406233422-phpapp01
Laplanificacin 100406233422-phpapp01duberlisg
 
Modeolo carta de solicitud de proyectos
Modeolo carta de solicitud de proyectosModeolo carta de solicitud de proyectos
Modeolo carta de solicitud de proyectosduberlisg
 
Esquema para la presentacion de pst
Esquema para la presentacion de pstEsquema para la presentacion de pst
Esquema para la presentacion de pstduberlisg
 
Cronograma de actividades pnf-marzo-2012-pst-ii
Cronograma de actividades pnf-marzo-2012-pst-iiCronograma de actividades pnf-marzo-2012-pst-ii
Cronograma de actividades pnf-marzo-2012-pst-iiduberlisg
 

Más de duberlisg (20)

Notas pst i,2
Notas pst i,2Notas pst i,2
Notas pst i,2
 
Defensa de proyectos ii,3
Defensa de proyectos ii,3Defensa de proyectos ii,3
Defensa de proyectos ii,3
 
Tipoydiseodelainvestigacionultimo 110605153821-phpapp01
Tipoydiseodelainvestigacionultimo 110605153821-phpapp01Tipoydiseodelainvestigacionultimo 110605153821-phpapp01
Tipoydiseodelainvestigacionultimo 110605153821-phpapp01
 
Unidad13analisisderequerimientos 13026971308524-phpapp01
Unidad13analisisderequerimientos 13026971308524-phpapp01Unidad13analisisderequerimientos 13026971308524-phpapp01
Unidad13analisisderequerimientos 13026971308524-phpapp01
 
Estudio de fectibilidad en proyectos
Estudio de fectibilidad en proyectosEstudio de fectibilidad en proyectos
Estudio de fectibilidad en proyectos
 
Curso de modelado uml(1)
Curso de modelado uml(1)Curso de modelado uml(1)
Curso de modelado uml(1)
 
Diagramasuml 110404124448-phpapp02
Diagramasuml 110404124448-phpapp02Diagramasuml 110404124448-phpapp02
Diagramasuml 110404124448-phpapp02
 
Curso uml-clase-01-1211931122395265-9
Curso uml-clase-01-1211931122395265-9Curso uml-clase-01-1211931122395265-9
Curso uml-clase-01-1211931122395265-9
 
Marco teorico
Marco teoricoMarco teorico
Marco teorico
 
Pruebas en si
Pruebas en siPruebas en si
Pruebas en si
 
Diagnostico participativo
Diagnostico participativoDiagnostico participativo
Diagnostico participativo
 
Levantamientodeinformacin
LevantamientodeinformacinLevantamientodeinformacin
Levantamientodeinformacin
 
Levantamiento de-la-informacionclase1
Levantamiento de-la-informacionclase1Levantamiento de-la-informacionclase1
Levantamiento de-la-informacionclase1
 
Toma de-decisiones-y-solucion-de-problemas-1204504857549158-5
Toma de-decisiones-y-solucion-de-problemas-1204504857549158-5Toma de-decisiones-y-solucion-de-problemas-1204504857549158-5
Toma de-decisiones-y-solucion-de-problemas-1204504857549158-5
 
Proyectos identificacion y formulacion
Proyectos identificacion y formulacionProyectos identificacion y formulacion
Proyectos identificacion y formulacion
 
Laplanificacin y estrategias para la solucion de problemeas
Laplanificacin y estrategias para la solucion de problemeasLaplanificacin y estrategias para la solucion de problemeas
Laplanificacin y estrategias para la solucion de problemeas
 
Laplanificacin 100406233422-phpapp01
Laplanificacin 100406233422-phpapp01Laplanificacin 100406233422-phpapp01
Laplanificacin 100406233422-phpapp01
 
Modeolo carta de solicitud de proyectos
Modeolo carta de solicitud de proyectosModeolo carta de solicitud de proyectos
Modeolo carta de solicitud de proyectos
 
Esquema para la presentacion de pst
Esquema para la presentacion de pstEsquema para la presentacion de pst
Esquema para la presentacion de pst
 
Cronograma de actividades pnf-marzo-2012-pst-ii
Cronograma de actividades pnf-marzo-2012-pst-iiCronograma de actividades pnf-marzo-2012-pst-ii
Cronograma de actividades pnf-marzo-2012-pst-ii
 

Último

EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxJorgeParada26
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...JohnRamos830530
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosJhonJairoRodriguezCe
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxAlan779941
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxFederico Castellari
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21mariacbr99
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanamcerpam
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativanicho110
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estossgonzalezp1
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.FlorenciaCattelani
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIhmpuellon
 

Último (11)

EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos Basicos
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
 

Codigos Básicos HTML - IUTE Mérida

  • 1.
  • 2. CODIGOS BASICOS HTML El principio esencial del lenguaje HTML (HyperText Markup Language) es el uso de las etiquetas ( tags ). Funcionan de la siguiente manera: <XXX> Este es el inicio de una etiqueta. </XXX> Este es el cierre de una etiqueta. Las letras de la etiqueta pueden estar en mayúsculas o minúsculas, indiferentemente . Lo que haya entre ambas etiquetas estará influenciada por ellas. Por ejemplo, todo el documento HTML debe estar entre las etiquetas <HTML> y </HTML>: <HTML> [Todo el documento] </HTML> El documento en sí está dividido en dos zonas principales: El encabezamiento , comprendido entre las etiquetas <HEAD> y </HEAD> El cuerpo , comprendido entre las etiquetas <BODY> y </BODY>
  • 3. CODIGOS BASICOS HTML Dentro del encabezamiento hay información del documento, que no se ve en la pantalla principal, principalmente el título del documento, comprendido entre las etiquetas <TITLE> y </TITLE>. El título debe ser breve y descriptivo de su contenido, pues será lo que vean los demás cuando añadan nuestra página a su bookmark (o agenda de direcciones). Por tanto, la estructura queda de esta manera: <HTML> <HEAD> <TITLE> Título de la página </TITLE> </HEAD> <BODY> [ Aquí van las etiquetas que visualizan la página ] </BODY> </HTML>
  • 4.
  • 5.
  • 6.