SlideShare una empresa de Scribd logo
1 de 3
Descargar para leer sin conexión
Que es HTML: HTML, siglas de HyperText Markup Language («lenguaje de marcas de hipertexto»), hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia para la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, entre otros. Es un estándar a cargo de laW3C, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación. El lenguaje HTML basa su filosofía de desarrollo en la referenciación. Para añadir un elemento externo a la página (imagen, vídeo, script, entre otros.), este no se incrusta directamente en el código de la página, sino que se hace una referencia a la ubicación de dicho elemento mediante texto. De este modo, la página web contiene sólo texto mientras que recae en el navegador web (interpretador del código) la tarea de unir todos los elementos y visualizar la página final. Al ser un estándar, HTML busca ser un lenguaje que permita que cualquier página web escrita en una determinada versión, pueda ser interpretada de la misma forma (estándar) por cualquier navegador web actualizado. Sin embargo, a lo largo de sus diferentes versiones, se han incorporado y suprimido diversas características, con el fin de hacerlo más eficiente y facilitar el desarrollo de páginas web compatibles con distintos navegadores y plataformas (PC de escritorio, portátiles, teléfonos inteligentes, tabletas, etc.). Sin embargo, para interpretar correctamente una nueva versión de HTML, los desarrolladores de navegadores web deben incorporar estos cambios y el usuario debe ser capaz de usar la nueva versión del navegador con los cambios incorporados. Usualmente los cambios son aplicados mediante parches de actualización automática (Firefox, Crome) u ofreciendo una nueva versión del navegador con todos los cambios incorporados, en un sitio web de descarga oficial (Internet Explorer). Un navegador no actualizado no será capaz de interpretar correctamente una página web escrita en una versión de HTML superior a la que pueda interpretar, lo que obliga muchas veces a los desarrolladores a aplicar técnicas y cambios que permitan corregir problemas de visualización e incluso de interpretación de código HTML. Así mismo, las páginas escritas en una versión anterior de HTML deberían ser actualizadas o reescritas, lo que no siempre se cumple. Es por ello que ciertos navegadores aún mantienen la capacidad de interpretar páginas web de versiones HTML anteriores. Por estas razones, aún existen diferencias entre distintos navegadores y versiones al interpretar una misma página web. HTML son las siglas de Hipertexto Maru Language (Lenguaje de Marcado de Hipertexto). Para que todo el mundo lo entienda, es un lenguaje de programación dedicado a páginas web, y que se basa principalmente en el "hipertexto", o texto con propiedades especiales. Entre estas propiedades están la negrita, cursiva,
subrayado, tachado, enlaces... miles. Pero claro, normalmente para una página en condiciones viene bien alguna tabla, alguna lista, colores de fondo, imágenes... Por eso HTML es algo más que texto enriquecido. 
Cuál es la más reciente de HTML: HTML 5.0, HTML 5.1 y HTML 5.2 El consorcio internacional W3C marcó las siguientes fechas para liberación de los estándares de especificación: 2014/2015 para HTML 5.0, 2016 para HTML 5.1 y 2019 para HTML 5.2 HTML 5. Esta versión ya se está usando de modo experimental y se espera que se imponga como estándar en los próximos años. Además de cada versión, cada una tiene variantes (digamos que “distintas formas”). Cuando escribimos un documento HTML debemos indicar en una línea inicial qué versión y variante es la que estamos usando de forma que cualquier persona que lea ese documento HTML sepa qué versión y variante se ha empleado 
Para que sirve: HTML sirve para crear páginas web, darles estructura y contenido. Un ejemplo sencillo de código HTML podría ser: <HTML> <bodi> <p>Esto es un párrafo. Bienvenidos a esta página web.</p> </bodi> </HTML>
Este ejemplo está formado por 3 etiquetas HTML. Como podemos observar cada una de las etiquetas debe acabar con su homóloga de cierre. En este caso la etiqueta <HTML> debe cerrarse con </HTML>, la etiqueta <bodi> con </bodi> y la etiqueta <p> con </p>. Hay muchas más etiquetas que veremos más adelante pero nos debe quedar claro que por cada etiqueta que abramos, deberemos incluir la correspondiente etiqueta de cierre. Así conseguiremos un código HTML bien formado y que los navegadores puedan interpretar sin ambigüedad. 
HTML, siglas de Hipertexto Maru Language («lenguaje de marcado de hipertexto»), es el lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo JavaScript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML. HTML también es usado para referirse al contenido del cocifrantipo de MIME texto/HTML o todavía más ampliamente como un término genérico para el HTML, ya sea en forma descendida del XML (como XHTML 1.0 y posteriores) o en forma descendida directamente de SGML (como HTML 4.01 y anteriores). Una utilidad específica (que será parte del proyecto que voy a explicar cómo hacer, la práctica continuada de todo el "mini-curso"), puede ser la de hacer un currículo online. ¿No estaría bien poder mandarle tu currículo a un jefe, o empleador, sin gastar papel, tinta, sellos...? Pues vamos a hacerlo, ¿no? Si, se puede hacer mediante un editor de textos, y mandarlo por email, ¿pero qué tal hacerlo una vez, y mandar sólo una dirección (URL) a todos, donde estará visible desde cualquier ordenador? Para hacer esto, vamos a hacer una página web. Lo primero, tendremos que saber cómo se estructuran las mismas, ¿no? Bien, lo más importante en HTML es saber que funciona por etiquetas. Estas etiquetas son algo tipo: <Todo> <ir> </ir> </todo> <Todo> <ir> </ir> </todo>

Más contenido relacionado

La actualidad más candente (15)

Html thony
Html thonyHtml thony
Html thony
 
Algunas precisiones sobre el lenguaje html
Algunas precisiones sobre el lenguaje htmlAlgunas precisiones sobre el lenguaje html
Algunas precisiones sobre el lenguaje html
 
Colegio nacional nicolas esgerra
Colegio nacional nicolas esgerraColegio nacional nicolas esgerra
Colegio nacional nicolas esgerra
 
Definición de html
Definición de htmlDefinición de html
Definición de html
 
Definición de html
Definición de htmlDefinición de html
Definición de html
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Tatiana 1002
Tatiana 1002Tatiana 1002
Tatiana 1002
 
Html
HtmlHtml
Html
 
Instituto tecnológico de nor 3
Instituto tecnológico de nor 3Instituto tecnológico de nor 3
Instituto tecnológico de nor 3
 
Diferencia entre html 5 y html normal
Diferencia entre html 5 y html normalDiferencia entre html 5 y html normal
Diferencia entre html 5 y html normal
 
Html
HtmlHtml
Html
 
Html 5
Html 5Html 5
Html 5
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Html
HtmlHtml
Html
 

Destacado

Uso de la tecnología en presentaciones científicas
Uso de la tecnología en presentaciones científicasUso de la tecnología en presentaciones científicas
Uso de la tecnología en presentaciones científicascarlos2994
 
Presentación Académica
Presentación AcadémicaPresentación Académica
Presentación AcadémicaPuntoyConcepto
 
Uso de la tecnología en presentaciones científicas
Uso de la tecnología en presentaciones científicasUso de la tecnología en presentaciones científicas
Uso de la tecnología en presentaciones científicascarlos2994
 
Recomendaciones para elaborar una presentación (2)
  Recomendaciones para elaborar una presentación (2)  Recomendaciones para elaborar una presentación (2)
Recomendaciones para elaborar una presentación (2)Gioconda Balmaceda
 
Pautas para diseñar presentaciones académicas
Pautas para diseñar presentaciones académicasPautas para diseñar presentaciones académicas
Pautas para diseñar presentaciones académicasJamine Pozu Franco
 
Presentaciones Digitales - Identificando la tecnología y aclarando los términos
Presentaciones Digitales -  Identificando la tecnología y aclarando los términosPresentaciones Digitales -  Identificando la tecnología y aclarando los términos
Presentaciones Digitales - Identificando la tecnología y aclarando los términos Giovanni M. Martínez Castillo
 
Criterios para elaborar una presentación eficaz
Criterios para elaborar una presentación eficazCriterios para elaborar una presentación eficaz
Criterios para elaborar una presentación eficazDianellys Juarbe
 
Criterios para crear presentaciones digitales
Criterios para crear presentaciones digitalesCriterios para crear presentaciones digitales
Criterios para crear presentaciones digitalesGustavo Damián Cucuzza
 
Normas y recomendaciones para la presentación de diapositivas
Normas y recomendaciones para la presentación de diapositivasNormas y recomendaciones para la presentación de diapositivas
Normas y recomendaciones para la presentación de diapositivasJaime García Echavarría
 
Como hacer diapositivas para una exposicion de calidad
Como hacer diapositivas para una exposicion de calidadComo hacer diapositivas para una exposicion de calidad
Como hacer diapositivas para una exposicion de calidadNJHM
 
Roba Esta Presentacion! (Steal This Presentation!)
Roba Esta Presentacion! (Steal This Presentation!)Roba Esta Presentacion! (Steal This Presentation!)
Roba Esta Presentacion! (Steal This Presentation!)Jesse Desjardins - @jessedee
 
Connect With Your Audience
Connect With Your AudienceConnect With Your Audience
Connect With Your AudienceSlides That Rock
 
COMO HACER DIAPOSITIVAS
COMO HACER DIAPOSITIVASCOMO HACER DIAPOSITIVAS
COMO HACER DIAPOSITIVASexpovirtual
 

Destacado (15)

Uso de la tecnología en presentaciones científicas
Uso de la tecnología en presentaciones científicasUso de la tecnología en presentaciones científicas
Uso de la tecnología en presentaciones científicas
 
Presentación Académica
Presentación AcadémicaPresentación Académica
Presentación Académica
 
Uso de la tecnología en presentaciones científicas
Uso de la tecnología en presentaciones científicasUso de la tecnología en presentaciones científicas
Uso de la tecnología en presentaciones científicas
 
Recomendaciones para elaborar una presentación (2)
  Recomendaciones para elaborar una presentación (2)  Recomendaciones para elaborar una presentación (2)
Recomendaciones para elaborar una presentación (2)
 
Pautas para diseñar presentaciones académicas
Pautas para diseñar presentaciones académicasPautas para diseñar presentaciones académicas
Pautas para diseñar presentaciones académicas
 
Presentaciones Digitales - Identificando la tecnología y aclarando los términos
Presentaciones Digitales -  Identificando la tecnología y aclarando los términosPresentaciones Digitales -  Identificando la tecnología y aclarando los términos
Presentaciones Digitales - Identificando la tecnología y aclarando los términos
 
Criterios para elaborar una presentación eficaz
Criterios para elaborar una presentación eficazCriterios para elaborar una presentación eficaz
Criterios para elaborar una presentación eficaz
 
Criterios para crear presentaciones digitales
Criterios para crear presentaciones digitalesCriterios para crear presentaciones digitales
Criterios para crear presentaciones digitales
 
Normas y recomendaciones para la presentación de diapositivas
Normas y recomendaciones para la presentación de diapositivasNormas y recomendaciones para la presentación de diapositivas
Normas y recomendaciones para la presentación de diapositivas
 
Powerpoint2011
Powerpoint2011Powerpoint2011
Powerpoint2011
 
Como hacer diapositivas para una exposicion de calidad
Como hacer diapositivas para una exposicion de calidadComo hacer diapositivas para una exposicion de calidad
Como hacer diapositivas para una exposicion de calidad
 
1 Qué es una presentación digital
1 Qué es una presentación digital1 Qué es una presentación digital
1 Qué es una presentación digital
 
Roba Esta Presentacion! (Steal This Presentation!)
Roba Esta Presentacion! (Steal This Presentation!)Roba Esta Presentacion! (Steal This Presentation!)
Roba Esta Presentacion! (Steal This Presentation!)
 
Connect With Your Audience
Connect With Your AudienceConnect With Your Audience
Connect With Your Audience
 
COMO HACER DIAPOSITIVAS
COMO HACER DIAPOSITIVASCOMO HACER DIAPOSITIVAS
COMO HACER DIAPOSITIVAS
 

Similar a Qué es HTML (20)

Access
AccessAccess
Access
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html tarea
Html tareaHtml tarea
Html tarea
 
Apresentacion examen
Apresentacion examenApresentacion examen
Apresentacion examen
 
HTML
HTML HTML
HTML
 
Trabajo de html sandy gutierrez
Trabajo de html sandy gutierrezTrabajo de html sandy gutierrez
Trabajo de html sandy gutierrez
 
Trabajo de informatica que es HTML
Trabajo de informatica que es HTMLTrabajo de informatica que es HTML
Trabajo de informatica que es HTML
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Definición de html
Definición de htmlDefinición de html
Definición de html
 
Html
HtmlHtml
Html
 
Html geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldanaHtml geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldana
 
DIAPOSITIVAS HTLM Y HTML 5
DIAPOSITIVAS HTLM Y HTML 5DIAPOSITIVAS HTLM Y HTML 5
DIAPOSITIVAS HTLM Y HTML 5
 
Html
HtmlHtml
Html
 
Avila lara 2
Avila lara  2Avila lara  2
Avila lara 2
 
Consulta de html
Consulta de html Consulta de html
Consulta de html
 
Avila lara 2
Avila lara  2Avila lara  2
Avila lara 2
 

Último

Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PCCesarFernandez937857
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñotapirjackluis
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSjlorentemartos
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxAna Fernandez
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscaeliseo91
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdfgimenanahuel
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.amayarogel
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfAngélica Soledad Vega Ramírez
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfFrancisco158360
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxlclcarmen
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzprofefilete
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxjosetrinidadchavez
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Carlos Muñoz
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dstEphaniiie
 

Último (20)

Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PC
 
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdfTema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docx
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fisca
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 
Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
 
Power Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptxPower Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptx
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 

Qué es HTML

  • 1. Que es HTML: HTML, siglas de HyperText Markup Language («lenguaje de marcas de hipertexto»), hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia para la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, entre otros. Es un estándar a cargo de laW3C, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación. El lenguaje HTML basa su filosofía de desarrollo en la referenciación. Para añadir un elemento externo a la página (imagen, vídeo, script, entre otros.), este no se incrusta directamente en el código de la página, sino que se hace una referencia a la ubicación de dicho elemento mediante texto. De este modo, la página web contiene sólo texto mientras que recae en el navegador web (interpretador del código) la tarea de unir todos los elementos y visualizar la página final. Al ser un estándar, HTML busca ser un lenguaje que permita que cualquier página web escrita en una determinada versión, pueda ser interpretada de la misma forma (estándar) por cualquier navegador web actualizado. Sin embargo, a lo largo de sus diferentes versiones, se han incorporado y suprimido diversas características, con el fin de hacerlo más eficiente y facilitar el desarrollo de páginas web compatibles con distintos navegadores y plataformas (PC de escritorio, portátiles, teléfonos inteligentes, tabletas, etc.). Sin embargo, para interpretar correctamente una nueva versión de HTML, los desarrolladores de navegadores web deben incorporar estos cambios y el usuario debe ser capaz de usar la nueva versión del navegador con los cambios incorporados. Usualmente los cambios son aplicados mediante parches de actualización automática (Firefox, Crome) u ofreciendo una nueva versión del navegador con todos los cambios incorporados, en un sitio web de descarga oficial (Internet Explorer). Un navegador no actualizado no será capaz de interpretar correctamente una página web escrita en una versión de HTML superior a la que pueda interpretar, lo que obliga muchas veces a los desarrolladores a aplicar técnicas y cambios que permitan corregir problemas de visualización e incluso de interpretación de código HTML. Así mismo, las páginas escritas en una versión anterior de HTML deberían ser actualizadas o reescritas, lo que no siempre se cumple. Es por ello que ciertos navegadores aún mantienen la capacidad de interpretar páginas web de versiones HTML anteriores. Por estas razones, aún existen diferencias entre distintos navegadores y versiones al interpretar una misma página web. HTML son las siglas de Hipertexto Maru Language (Lenguaje de Marcado de Hipertexto). Para que todo el mundo lo entienda, es un lenguaje de programación dedicado a páginas web, y que se basa principalmente en el "hipertexto", o texto con propiedades especiales. Entre estas propiedades están la negrita, cursiva,
  • 2. subrayado, tachado, enlaces... miles. Pero claro, normalmente para una página en condiciones viene bien alguna tabla, alguna lista, colores de fondo, imágenes... Por eso HTML es algo más que texto enriquecido. Cuál es la más reciente de HTML: HTML 5.0, HTML 5.1 y HTML 5.2 El consorcio internacional W3C marcó las siguientes fechas para liberación de los estándares de especificación: 2014/2015 para HTML 5.0, 2016 para HTML 5.1 y 2019 para HTML 5.2 HTML 5. Esta versión ya se está usando de modo experimental y se espera que se imponga como estándar en los próximos años. Además de cada versión, cada una tiene variantes (digamos que “distintas formas”). Cuando escribimos un documento HTML debemos indicar en una línea inicial qué versión y variante es la que estamos usando de forma que cualquier persona que lea ese documento HTML sepa qué versión y variante se ha empleado Para que sirve: HTML sirve para crear páginas web, darles estructura y contenido. Un ejemplo sencillo de código HTML podría ser: <HTML> <bodi> <p>Esto es un párrafo. Bienvenidos a esta página web.</p> </bodi> </HTML>
  • 3. Este ejemplo está formado por 3 etiquetas HTML. Como podemos observar cada una de las etiquetas debe acabar con su homóloga de cierre. En este caso la etiqueta <HTML> debe cerrarse con </HTML>, la etiqueta <bodi> con </bodi> y la etiqueta <p> con </p>. Hay muchas más etiquetas que veremos más adelante pero nos debe quedar claro que por cada etiqueta que abramos, deberemos incluir la correspondiente etiqueta de cierre. Así conseguiremos un código HTML bien formado y que los navegadores puedan interpretar sin ambigüedad. HTML, siglas de Hipertexto Maru Language («lenguaje de marcado de hipertexto»), es el lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo JavaScript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML. HTML también es usado para referirse al contenido del cocifrantipo de MIME texto/HTML o todavía más ampliamente como un término genérico para el HTML, ya sea en forma descendida del XML (como XHTML 1.0 y posteriores) o en forma descendida directamente de SGML (como HTML 4.01 y anteriores). Una utilidad específica (que será parte del proyecto que voy a explicar cómo hacer, la práctica continuada de todo el "mini-curso"), puede ser la de hacer un currículo online. ¿No estaría bien poder mandarle tu currículo a un jefe, o empleador, sin gastar papel, tinta, sellos...? Pues vamos a hacerlo, ¿no? Si, se puede hacer mediante un editor de textos, y mandarlo por email, ¿pero qué tal hacerlo una vez, y mandar sólo una dirección (URL) a todos, donde estará visible desde cualquier ordenador? Para hacer esto, vamos a hacer una página web. Lo primero, tendremos que saber cómo se estructuran las mismas, ¿no? Bien, lo más importante en HTML es saber que funciona por etiquetas. Estas etiquetas son algo tipo: <Todo> <ir> </ir> </todo> <Todo> <ir> </ir> </todo>