SlideShare a Scribd company logo
1 of 8
ITECNOR
INFORMATICA
DUBLEY OMAR SANDOBAL
HTML
EVELIN MARIELA, DELEON OLIVA
5TO PERITO EN INDUSTRIA ALIMENTARIA
LOS LLANOS DE LA FRAGUA ZACAPA
Que es HTML
«HTM» redirige aquí. Para otros usos de la sigla, véase Hágalo usted mismo.
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
HTML (HyperText Markup Language)
Desarrollador
World Wide Web Consortium & WHATWG
Información general
Extensión de archivo .html, .htm
Tipo de MIME text/html
Type code TEXT
Uniform Type Identifier public.html
Tipo de formato Lenguaje de marcado
Extendido de SGML
Extendido a XHTML
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. Normalmente los cambios son aplicados mediante
parches de actualización automática (Firefox, Chrome) 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.
Elementos
Los elementos son la estructura básica de HTML. Los elementos tienen dos
propiedades básicas: atributos y contenido. Cada atributo y contenido tiene
ciertas restricciones para que se considere válido al documento HTML. Un
elemento generalmente tiene una etiqueta de inicio (por ejemplo, <nombre-de-
elemento>) y una etiqueta de cierre (por ejemplo, </nombre-de-elemento>).
Los atributos del elemento están contenidos en la etiqueta de inicio y el
contenido está ubicado entre las dos etiquetas (por ejemplo, <nombre-de-
elemento atributo="valor">Contenido</nombre-de-elemento>). Algunos
elementos, tales como <br>, no tienen contenido ni llevan una etiqueta de
cierre. Debajo se listan varios tipos de elementos de marcado usados en
HTML.
Estructura general de una línea de código en el lenguaje de etiquetas HTML.
El marcado estructural describe el propósito del texto. Por
ejemplo, <h2>Golf</h2> establece «Golf» como un encabezamiento de
segundo nivel, el cual se mostraría en un navegador de una manera similar al
título «Marcado HTML» al principio de esta sección. El marcado estructural no
define cómo se verá el elemento, pero la mayoría de los navegador web han
estandarizado el formato de los elementos. Puede aplicarse un formato
específico al texto por medio de hojas de estilo en cascada.
El marcado presentacional describe la apariencia del texto, sin importar su
función. Por ejemplo,<b>negrita</b> indica que los navegadores web visuales
deben mostrar el texto en negrita, pero no indica qué deben hacer los
navegadores web que muestran el contenido de otra manera (por ejemplo, los
que leen el texto en voz alta). En el caso de <b>negrita</b> e <i>itálica</i>,
existen elementos que se ven de la misma manera pero tienen una naturaleza
más semántica:<strong>énfasis fuerte</strong> y <em>énfasis</em>. Es fácil
ver cómo un lector de pantalladebería interpretar estos dos elementos. Sin
embargo, son equivalentes a sus correspondientes elementos
presentacionales: un lector de pantalla no debería decir más fuerte el nombre
de un libro, aunque éste esté en itálicas en una pantalla. La mayoría del
marcado presentacional ha sido desechada con HTML 4.0, en favor de hojas
de estilo en cascada.
El marcado hipertextual se utiliza para enlazar partes del documento con otros
documentos o con otras partes del mismo documento. Para crear un enlace es
necesario utilizar la etiqueta de ancla <a> junto con el atributo href, que
establecerá la dirección URL a la que apunta el enlace. Por ejemplo, un enlace
que muestre el texto de la dirección y vaya hacia nuestra Wikipedia podría ser
de la forma <a href=”http://www.wikipedia.org”>http://www.wikipedia.org</a> .
También se pueden crear enlaces sobre otros objetos, tales como
imágenes <a href=”enlace”><img src=”imagen” /></a>.
Atributos
La mayoría de los atributos de un elemento son pares nombre-valor, separados
por un signo de igual «=» y escritos en la etiqueta de comienzo de un
elemento, después del nombre de éste. El valor puede estar rodeado por
comillas dobles o simples, aunque ciertos tipos de valores pueden estar sin
comillas en HTML (pero no en XHTML).8 9 De todas maneras, dejar los valores
sin comillas es considerado poco seguro.10 En contraste con los pares nombre-
elemento, hay algunos atributos que afectan al elemento simplemente por su
presencia11 (tal como el atributo ismap para el elemento img).
La evolución es notable y con la llegada de HTML5 se han mezclado muchos
términos y desde mi punto de vista lleva a este tipo de confusiones. Me
gustaría aclarar que HTML5 se trata, por un lado, de la evolución
de HTML 4.01 (con espacio entre nombre y versión), y por otro, de un nombre
comercial, que añade otras tecnologías como CSS y Javascript API, ya que
todas ellas no serían posibles sin la especificación de HTML.
Es por ello que HTML siempre ha sido un lenguaje de marcado, al cual se le
quiso añadir aspectos visuales mediante atributos, pero se corrigió y se
comenzó la especificación de CSS para ello. Y puesto que las webs resultaban
muy estáticas se vio la necesidad de añadir un lenguaje de programación para
añadir funcionalidad y el elegido fue Javascript, un lenguaje prototipado tan
válido como cualquier otro. Cada lenguaje tiene sus ventajas e inconvenientes,
no por no ser OO es peor que otro, javascript está orientado a prototipos,
sabiendo usarlo es igual de potente.
Por cerrar la respuesta, la evolución de HTML5 como lenguaje de marcado es
dotar a los contenidos de la mayor semántica posible para que una máquina
pueda interpretar dichos datos y no solo palabras. En cuanto a HTML5 como
un todo, la evolución es hacia el desarrollo de aplicaciones en navegador,
multi-dispositivo, multi-plataforma, libres (sin necesidad de código propietario:
Flash, Silverlight…) y descentralizado (online, en la nube). El futuro está en la
web y através de APIs del navegador podremos comunicar hardware y
software con la web.
Qué es la selección natural y cómo es ella central a la teoría de la evolución?
La selección natural es cómo una especie evoluciona mediante la adaptación a
su medio ambiente.
La selección natural explica el diseño en la naturaleza.
Charles Darwin estudió la variación de los picos de pinzones en las Islas
Galápagos como evidencia de la selección natural. Illustración: BSCS
Futuyma: La selección natural es el proceso por el cual una especie se adapta
a su medio ambiente. La selección natural lleva al cambio evolucionario cuando
individuos con ciertas características poseen una tasa de supervivencia o
reproducción más alta que los otros individuos de la población y pasan estas
características genéticas heredables a su progenie. Puesto en forma simple, la
selección natural es la diferencia consistente en la supervivencia y la
reproducción entre genotipos diferentes, o hasta en genes diferentes, en lo que
podríamos llamar el éxito reproductivo. [Un genotipo es un grupo de
organismos que comparten un conjunto genético específico.]
La selección natural es importante porque es la idea central que surgió de los
estudios de Charles Darwin y de Alfred Russel Wallace, y que explica al diseño
en la naturaleza. Es el proceso que es responsable por la evolución de las
adaptaciones de los organismos a su medio ambiente.
El libro de Darwin Sobre el Origen de las Especies por Medio de la Selección
Natural causó una gran controversia cuando fue publicado en 1859. Por
supuesto, la evidencia en apoyo a la evolución y a la selección natural se ha
acumulado con el tiempo, y ahora la ciencia acepta que la evolución es un
hecho y que la selección natural explica muy bien como ocurre la evolución
adaptativa.
¿Es la selección natural el único mecanismo de la evolución?
La evolución tiene muchos mecanismos.
La deriva genética involucra cambios al azar.
La selección natural es un tipo de cambio más consistente y adaptativo.
Futuyma: No, ciertamente no. De entrada, sin variación genética no puede
haber evolución. De manera que debe haber mutación y a menudo
recombinación para que se generen los diferentes genotipos o las diferentes
versiones de los genes, conocidas como alelos, los cuales pueden o no
colaborar en la habilidad de un organismo para sobrevivir o para reproducirse.
Uno no puede tener cambio evolutivo sin las mutaciones, y quizás sin la
recombinación, las cuales dan origen a la variación genética. Pero una vez que
uno tiene variación genética, existen básicamente dos posibilidades principales:
 Primero, que no hay una diferencia entre los diferentes genotipos o entre los
diferentes genes en su impacto sobre la supervivencia y la reproducción. En
este caso, uno puede tener cambios aleatorios entre un tipo y otro en la
población o en la especie hasta que eventualmente un tipo reemplaza al otro.
Esto es un cambio evolucionario. Ocurre completamente al azar, por medio de
fluctuaciones aleatorias. Esto es lo que llamamos el proceso de la deriva
genética.
 La deriva genética es muy diferente a la segunda posibilidad, la selección
natural, la cual es el cambio mucho más consistente, predecible y confiable en
las proporciones de un gen versus otro, o de un genotipo versus otro. ¿Por
qué? Simplemente porque existe una superioridad consistente entre, por
ejemplo, un genotipo versus otro en una característica que afecta a
supervivencia o en otra característica que afecta sus capacidades
reproductivas.
¿Lleva la selección natural a especies nuevas, y si lo hace, cómo lo hace?
La selección natural juega un papel en el origen de las nuevas especies.
Futuyma: A veces si lleva a nuevas especies pero no siempre. Una gran parte
de la evolución por selección natural puede ocurrir sin la formación de especies
nuevas. La selección natural es solo el proceso de adaptación dentro de una
especie y se pueden observar muchos ejemplos de esto. Bajo ciertas
circunstancias, la selección natural juega un papel en el origen de especies
nuevas, con lo que quiero decir que divide el linaje de una especie en dos
linajes que no se entrecruzan. Por ejemplo, la división de un linaje ancestral de
los primates en un linaje que eventualmente dio origen a los chimpancés y en
otro que se convirtió en la línea de los homínidos que resultó en nuestra propia
especie. El proceso de separación y de aislamiento reproductivo, es decir, la
incapacidad de entrecruzarse uno con el otro, puede a menudo involucrar a la
selección natural, pero quizás no siempre.
TABLA

More Related Content

What's hot (18)

Html tarea
Html tareaHtml tarea
Html tarea
 
Deber d programacion 1
Deber d programacion 1Deber d programacion 1
Deber d programacion 1
 
Clase 3 Editores para Programación Web
Clase 3 Editores para Programación WebClase 3 Editores para Programación Web
Clase 3 Editores para Programación Web
 
Presentación2
Presentación2Presentación2
Presentación2
 
Que son etiquetas de html daniela veliz
Que son etiquetas de html daniela velizQue son etiquetas de html daniela veliz
Que son etiquetas de html daniela veliz
 
Html4
Html4Html4
Html4
 
sesion 01- HTML5
sesion 01- HTML5sesion 01- HTML5
sesion 01- HTML5
 
Lenguaje html y sus usos
Lenguaje html y sus usosLenguaje html y sus usos
Lenguaje html y sus usos
 
Que es html
Que es htmlQue es html
Que es html
 
Htlm
HtlmHtlm
Htlm
 
DIAPOSITIVAS HTLM Y HTML 5
DIAPOSITIVAS HTLM Y HTML 5DIAPOSITIVAS HTLM Y HTML 5
DIAPOSITIVAS HTLM Y HTML 5
 
Consulta de html
Consulta de html Consulta de html
Consulta de html
 
Consultas profe
Consultas profe Consultas profe
Consultas profe
 
HTML
HTMLHTML
HTML
 
Que es html zabaleta ruíz milton de jesús
Que es html zabaleta ruíz milton de jesúsQue es html zabaleta ruíz milton de jesús
Que es html zabaleta ruíz milton de jesús
 
Html1
Html1Html1
Html1
 
Introduccion a Lenguaje HTML, Programacion Web
Introduccion a Lenguaje HTML, Programacion WebIntroduccion a Lenguaje HTML, Programacion Web
Introduccion a Lenguaje HTML, Programacion Web
 
Instituto tecnológico de nor 3
Instituto tecnológico de nor 3Instituto tecnológico de nor 3
Instituto tecnológico de nor 3
 

Viewers also liked

Viewers also liked (20)

Dilelui
DileluiDilelui
Dilelui
 
A quelle heure je ...
A quelle heure je ...A quelle heure je ...
A quelle heure je ...
 
Trabajo OJD
Trabajo OJDTrabajo OJD
Trabajo OJD
 
Presentación_Caminito_08012015_1
Presentación_Caminito_08012015_1Presentación_Caminito_08012015_1
Presentación_Caminito_08012015_1
 
Trabajo en equipo e innovación
Trabajo en equipo e innovaciónTrabajo en equipo e innovación
Trabajo en equipo e innovación
 
Promotions grande distribution jeux videos.ppt
Promotions grande distribution jeux videos.pptPromotions grande distribution jeux videos.ppt
Promotions grande distribution jeux videos.ppt
 
Mesache maribel
Mesache maribelMesache maribel
Mesache maribel
 
Le Web 2.0 en 3 clics - 2010
Le Web 2.0 en 3 clics - 2010Le Web 2.0 en 3 clics - 2010
Le Web 2.0 en 3 clics - 2010
 
TEDxAlsace
TEDxAlsaceTEDxAlsace
TEDxAlsace
 
La croissance des économies plannifiées
La croissance des économies plannifiéesLa croissance des économies plannifiées
La croissance des économies plannifiées
 
192401.Phrasesdujour
192401.Phrasesdujour192401.Phrasesdujour
192401.Phrasesdujour
 
Au pays Des Gabarres
Au pays Des GabarresAu pays Des Gabarres
Au pays Des Gabarres
 
Communautés virtuelles
Communautés virtuellesCommunautés virtuelles
Communautés virtuelles
 
Sharon
Sharon Sharon
Sharon
 
44 Ans
44 Ans44 Ans
44 Ans
 
Humourppsantih4
Humourppsantih4Humourppsantih4
Humourppsantih4
 
Bonjour par Charlotte et Emma
Bonjour par Charlotte et EmmaBonjour par Charlotte et Emma
Bonjour par Charlotte et Emma
 
El tomate
El tomateEl tomate
El tomate
 
Presentazione Tardi
Presentazione TardiPresentazione Tardi
Presentazione Tardi
 
Accord relatif au télétravail à La Poste
Accord relatif au télétravail à La PosteAccord relatif au télétravail à La Poste
Accord relatif au télétravail à La Poste
 

Similar to Qué es HTML guía concisa (20)

Acerca de html
Acerca de htmlAcerca de html
Acerca de html
 
Html y HTML5
Html y HTML5Html y HTML5
Html y HTML5
 
Clase 1
Clase 1Clase 1
Clase 1
 
Aspectos Importantes del lenguaje html
Aspectos Importantes del lenguaje htmlAspectos Importantes del lenguaje html
Aspectos Importantes del lenguaje html
 
PAGINA WEB paucar inga lidia
PAGINA WEB paucar inga lidiaPAGINA WEB paucar inga lidia
PAGINA WEB paucar inga lidia
 
Html5
Html5Html5
Html5
 
Access
AccessAccess
Access
 
Access
AccessAccess
Access
 
Html daniela vargas
Html daniela vargasHtml daniela vargas
Html daniela vargas
 
Lenguajes de programacion
Lenguajes de programacionLenguajes de programacion
Lenguajes de programacion
 
Aspectos Importantes de el lenguaje html
Aspectos Importantes de el lenguaje htmlAspectos Importantes de el lenguaje html
Aspectos Importantes de el lenguaje html
 
trabajo de informatica
trabajo de informaticatrabajo de informatica
trabajo de informatica
 
Html presentacion
Html presentacionHtml presentacion
Html presentacion
 
Actividad #2
Actividad #2Actividad #2
Actividad #2
 
Orellana morales html
Orellana morales htmlOrellana morales html
Orellana morales html
 
Emelyn
EmelynEmelyn
Emelyn
 
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
 
Avila lara 2
Avila lara  2Avila lara  2
Avila lara 2
 

Recently uploaded

EJEMPLO MODELO DE PLAN DE REFUERZO ESCOLAR.docx
EJEMPLO MODELO DE PLAN DE REFUERZO ESCOLAR.docxEJEMPLO MODELO DE PLAN DE REFUERZO ESCOLAR.docx
EJEMPLO MODELO DE PLAN DE REFUERZO ESCOLAR.docxFabianValenciaJabo
 
Presentación Bloque 3 Actividad 2 transversal.pptx
Presentación Bloque 3 Actividad 2 transversal.pptxPresentación Bloque 3 Actividad 2 transversal.pptx
Presentación Bloque 3 Actividad 2 transversal.pptxRosabel UA
 
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADO
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADOCUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADO
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADOEveliaHernandez8
 
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdf
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdfFichas de matemática DE PRIMERO DE SECUNDARIA.pdf
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdfssuser50d1252
 
Manejo del Dengue, generalidades, actualización marzo 2024 minsa
Manejo del Dengue, generalidades, actualización marzo 2024 minsaManejo del Dengue, generalidades, actualización marzo 2024 minsa
Manejo del Dengue, generalidades, actualización marzo 2024 minsaLuis Minaya
 
sesión de aprendizaje 4 E1 Exposición oral.pdf
sesión de aprendizaje 4 E1 Exposición oral.pdfsesión de aprendizaje 4 E1 Exposición oral.pdf
sesión de aprendizaje 4 E1 Exposición oral.pdfpatriciavsquezbecerr
 
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsxJuanpm27
 
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024gharce
 
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...YobanaZevallosSantil1
 
describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...DavidBautistaFlores1
 
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxPresentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxYeseniaRivera50
 
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOTUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOweislaco
 
Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...Angélica Soledad Vega Ramírez
 
EDUCACION FISICA 1° PROGRAMACIÓN ANUAL 2023.docx
EDUCACION FISICA 1°  PROGRAMACIÓN ANUAL 2023.docxEDUCACION FISICA 1°  PROGRAMACIÓN ANUAL 2023.docx
EDUCACION FISICA 1° PROGRAMACIÓN ANUAL 2023.docxLuisAndersonPachasto
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfAlfredoRamirez953210
 

Recently uploaded (20)

EJEMPLO MODELO DE PLAN DE REFUERZO ESCOLAR.docx
EJEMPLO MODELO DE PLAN DE REFUERZO ESCOLAR.docxEJEMPLO MODELO DE PLAN DE REFUERZO ESCOLAR.docx
EJEMPLO MODELO DE PLAN DE REFUERZO ESCOLAR.docx
 
Presentación Bloque 3 Actividad 2 transversal.pptx
Presentación Bloque 3 Actividad 2 transversal.pptxPresentación Bloque 3 Actividad 2 transversal.pptx
Presentación Bloque 3 Actividad 2 transversal.pptx
 
La luz brilla en la oscuridad. Necesitamos luz
La luz brilla en la oscuridad. Necesitamos luzLa luz brilla en la oscuridad. Necesitamos luz
La luz brilla en la oscuridad. Necesitamos luz
 
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADO
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADOCUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADO
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADO
 
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdf
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdfFichas de matemática DE PRIMERO DE SECUNDARIA.pdf
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdf
 
Manejo del Dengue, generalidades, actualización marzo 2024 minsa
Manejo del Dengue, generalidades, actualización marzo 2024 minsaManejo del Dengue, generalidades, actualización marzo 2024 minsa
Manejo del Dengue, generalidades, actualización marzo 2024 minsa
 
sesión de aprendizaje 4 E1 Exposición oral.pdf
sesión de aprendizaje 4 E1 Exposición oral.pdfsesión de aprendizaje 4 E1 Exposición oral.pdf
sesión de aprendizaje 4 E1 Exposición oral.pdf
 
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
 
Aedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptxAedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptx
 
Sesión La luz brilla en la oscuridad.pdf
Sesión  La luz brilla en la oscuridad.pdfSesión  La luz brilla en la oscuridad.pdf
Sesión La luz brilla en la oscuridad.pdf
 
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
 
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...
 
describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...
 
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxPresentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
 
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOTUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
 
Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...
 
VISITA À PROTEÇÃO CIVIL _
VISITA À PROTEÇÃO CIVIL                  _VISITA À PROTEÇÃO CIVIL                  _
VISITA À PROTEÇÃO CIVIL _
 
DIA INTERNACIONAL DAS FLORESTAS .
DIA INTERNACIONAL DAS FLORESTAS         .DIA INTERNACIONAL DAS FLORESTAS         .
DIA INTERNACIONAL DAS FLORESTAS .
 
EDUCACION FISICA 1° PROGRAMACIÓN ANUAL 2023.docx
EDUCACION FISICA 1°  PROGRAMACIÓN ANUAL 2023.docxEDUCACION FISICA 1°  PROGRAMACIÓN ANUAL 2023.docx
EDUCACION FISICA 1° PROGRAMACIÓN ANUAL 2023.docx
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
 

Qué es HTML guía concisa

  • 1. ITECNOR INFORMATICA DUBLEY OMAR SANDOBAL HTML EVELIN MARIELA, DELEON OLIVA 5TO PERITO EN INDUSTRIA ALIMENTARIA LOS LLANOS DE LA FRAGUA ZACAPA
  • 2. Que es HTML «HTM» redirige aquí. Para otros usos de la sigla, véase Hágalo usted mismo. 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 HTML (HyperText Markup Language) Desarrollador World Wide Web Consortium & WHATWG Información general Extensión de archivo .html, .htm Tipo de MIME text/html Type code TEXT Uniform Type Identifier public.html Tipo de formato Lenguaje de marcado Extendido de SGML Extendido a XHTML
  • 3. 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. Normalmente los cambios son aplicados mediante parches de actualización automática (Firefox, Chrome) 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. Elementos Los elementos son la estructura básica de HTML. Los elementos tienen dos propiedades básicas: atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para que se considere válido al documento HTML. Un elemento generalmente tiene una etiqueta de inicio (por ejemplo, <nombre-de- elemento>) y una etiqueta de cierre (por ejemplo, </nombre-de-elemento>). Los atributos del elemento están contenidos en la etiqueta de inicio y el contenido está ubicado entre las dos etiquetas (por ejemplo, <nombre-de- elemento atributo="valor">Contenido</nombre-de-elemento>). Algunos elementos, tales como <br>, no tienen contenido ni llevan una etiqueta de cierre. Debajo se listan varios tipos de elementos de marcado usados en HTML. Estructura general de una línea de código en el lenguaje de etiquetas HTML.
  • 4. El marcado estructural describe el propósito del texto. Por ejemplo, <h2>Golf</h2> establece «Golf» como un encabezamiento de segundo nivel, el cual se mostraría en un navegador de una manera similar al título «Marcado HTML» al principio de esta sección. El marcado estructural no define cómo se verá el elemento, pero la mayoría de los navegador web han estandarizado el formato de los elementos. Puede aplicarse un formato específico al texto por medio de hojas de estilo en cascada. El marcado presentacional describe la apariencia del texto, sin importar su función. Por ejemplo,<b>negrita</b> indica que los navegadores web visuales deben mostrar el texto en negrita, pero no indica qué deben hacer los navegadores web que muestran el contenido de otra manera (por ejemplo, los que leen el texto en voz alta). En el caso de <b>negrita</b> e <i>itálica</i>, existen elementos que se ven de la misma manera pero tienen una naturaleza más semántica:<strong>énfasis fuerte</strong> y <em>énfasis</em>. Es fácil ver cómo un lector de pantalladebería interpretar estos dos elementos. Sin embargo, son equivalentes a sus correspondientes elementos presentacionales: un lector de pantalla no debería decir más fuerte el nombre de un libro, aunque éste esté en itálicas en una pantalla. La mayoría del marcado presentacional ha sido desechada con HTML 4.0, en favor de hojas de estilo en cascada. El marcado hipertextual se utiliza para enlazar partes del documento con otros documentos o con otras partes del mismo documento. Para crear un enlace es necesario utilizar la etiqueta de ancla <a> junto con el atributo href, que establecerá la dirección URL a la que apunta el enlace. Por ejemplo, un enlace que muestre el texto de la dirección y vaya hacia nuestra Wikipedia podría ser de la forma <a href=”http://www.wikipedia.org”>http://www.wikipedia.org</a> . También se pueden crear enlaces sobre otros objetos, tales como imágenes <a href=”enlace”><img src=”imagen” /></a>. Atributos La mayoría de los atributos de un elemento son pares nombre-valor, separados por un signo de igual «=» y escritos en la etiqueta de comienzo de un elemento, después del nombre de éste. El valor puede estar rodeado por comillas dobles o simples, aunque ciertos tipos de valores pueden estar sin comillas en HTML (pero no en XHTML).8 9 De todas maneras, dejar los valores sin comillas es considerado poco seguro.10 En contraste con los pares nombre- elemento, hay algunos atributos que afectan al elemento simplemente por su presencia11 (tal como el atributo ismap para el elemento img). La evolución es notable y con la llegada de HTML5 se han mezclado muchos términos y desde mi punto de vista lleva a este tipo de confusiones. Me
  • 5. gustaría aclarar que HTML5 se trata, por un lado, de la evolución de HTML 4.01 (con espacio entre nombre y versión), y por otro, de un nombre comercial, que añade otras tecnologías como CSS y Javascript API, ya que todas ellas no serían posibles sin la especificación de HTML. Es por ello que HTML siempre ha sido un lenguaje de marcado, al cual se le quiso añadir aspectos visuales mediante atributos, pero se corrigió y se comenzó la especificación de CSS para ello. Y puesto que las webs resultaban muy estáticas se vio la necesidad de añadir un lenguaje de programación para añadir funcionalidad y el elegido fue Javascript, un lenguaje prototipado tan válido como cualquier otro. Cada lenguaje tiene sus ventajas e inconvenientes, no por no ser OO es peor que otro, javascript está orientado a prototipos, sabiendo usarlo es igual de potente. Por cerrar la respuesta, la evolución de HTML5 como lenguaje de marcado es dotar a los contenidos de la mayor semántica posible para que una máquina pueda interpretar dichos datos y no solo palabras. En cuanto a HTML5 como un todo, la evolución es hacia el desarrollo de aplicaciones en navegador, multi-dispositivo, multi-plataforma, libres (sin necesidad de código propietario: Flash, Silverlight…) y descentralizado (online, en la nube). El futuro está en la web y através de APIs del navegador podremos comunicar hardware y software con la web. Qué es la selección natural y cómo es ella central a la teoría de la evolución? La selección natural es cómo una especie evoluciona mediante la adaptación a su medio ambiente. La selección natural explica el diseño en la naturaleza. Charles Darwin estudió la variación de los picos de pinzones en las Islas Galápagos como evidencia de la selección natural. Illustración: BSCS
  • 6. Futuyma: La selección natural es el proceso por el cual una especie se adapta a su medio ambiente. La selección natural lleva al cambio evolucionario cuando individuos con ciertas características poseen una tasa de supervivencia o reproducción más alta que los otros individuos de la población y pasan estas características genéticas heredables a su progenie. Puesto en forma simple, la selección natural es la diferencia consistente en la supervivencia y la reproducción entre genotipos diferentes, o hasta en genes diferentes, en lo que podríamos llamar el éxito reproductivo. [Un genotipo es un grupo de organismos que comparten un conjunto genético específico.] La selección natural es importante porque es la idea central que surgió de los estudios de Charles Darwin y de Alfred Russel Wallace, y que explica al diseño en la naturaleza. Es el proceso que es responsable por la evolución de las adaptaciones de los organismos a su medio ambiente. El libro de Darwin Sobre el Origen de las Especies por Medio de la Selección Natural causó una gran controversia cuando fue publicado en 1859. Por supuesto, la evidencia en apoyo a la evolución y a la selección natural se ha acumulado con el tiempo, y ahora la ciencia acepta que la evolución es un hecho y que la selección natural explica muy bien como ocurre la evolución adaptativa. ¿Es la selección natural el único mecanismo de la evolución? La evolución tiene muchos mecanismos. La deriva genética involucra cambios al azar. La selección natural es un tipo de cambio más consistente y adaptativo. Futuyma: No, ciertamente no. De entrada, sin variación genética no puede haber evolución. De manera que debe haber mutación y a menudo recombinación para que se generen los diferentes genotipos o las diferentes versiones de los genes, conocidas como alelos, los cuales pueden o no colaborar en la habilidad de un organismo para sobrevivir o para reproducirse. Uno no puede tener cambio evolutivo sin las mutaciones, y quizás sin la recombinación, las cuales dan origen a la variación genética. Pero una vez que uno tiene variación genética, existen básicamente dos posibilidades principales:  Primero, que no hay una diferencia entre los diferentes genotipos o entre los diferentes genes en su impacto sobre la supervivencia y la reproducción. En este caso, uno puede tener cambios aleatorios entre un tipo y otro en la población o en la especie hasta que eventualmente un tipo reemplaza al otro. Esto es un cambio evolucionario. Ocurre completamente al azar, por medio de
  • 7. fluctuaciones aleatorias. Esto es lo que llamamos el proceso de la deriva genética.  La deriva genética es muy diferente a la segunda posibilidad, la selección natural, la cual es el cambio mucho más consistente, predecible y confiable en las proporciones de un gen versus otro, o de un genotipo versus otro. ¿Por qué? Simplemente porque existe una superioridad consistente entre, por ejemplo, un genotipo versus otro en una característica que afecta a supervivencia o en otra característica que afecta sus capacidades reproductivas. ¿Lleva la selección natural a especies nuevas, y si lo hace, cómo lo hace? La selección natural juega un papel en el origen de las nuevas especies. Futuyma: A veces si lleva a nuevas especies pero no siempre. Una gran parte de la evolución por selección natural puede ocurrir sin la formación de especies nuevas. La selección natural es solo el proceso de adaptación dentro de una especie y se pueden observar muchos ejemplos de esto. Bajo ciertas circunstancias, la selección natural juega un papel en el origen de especies nuevas, con lo que quiero decir que divide el linaje de una especie en dos linajes que no se entrecruzan. Por ejemplo, la división de un linaje ancestral de los primates en un linaje que eventualmente dio origen a los chimpancés y en otro que se convirtió en la línea de los homínidos que resultó en nuestra propia especie. El proceso de separación y de aislamiento reproductivo, es decir, la incapacidad de entrecruzarse uno con el otro, puede a menudo involucrar a la selección natural, pero quizás no siempre.