SlideShare une entreprise Scribd logo
1  sur  11
Télécharger pour lire hors ligne
Enlaces en HTML
• Etiqueta a: representa a los enlaces
• Atributo href: contiene la URL a donde queremos enlazar
• Atributo title: descripción del sitio web al que enlazamos.
HTML Links - Syntax
Elementos de HTML5: multimedia
•Imágenes mediante la etiqueta img con atributos:
•src (obligatorio): define la imagen que se desea mostrar teniendo en cuenta la
ruta.
•alt (obligatorio): descripción alternativa a la imagen que veremos cuando se pase
el ratón sobre la misma y cuando no ha sido posible cargar dicha imagen. También
se utiliza por navegadores de texto
Elementos de HTML5: multimedia
•El elemento <figure> es un contenedor de elementos gráficos como fotos, listados de
código, ilustraciones, etc.
•Se utiliza de forma conjunta con <figcaption> para asignarle un titular.
http://www.w3schools.com/html/html_images.asp
Elementos de HTML5: multimedia
•<Audio> permite reproducir música en el sitio web
•src: define el archivo de sonido a reproducir.
•Atributo controls: añade un reproductor
•Atributo autoplay: el archivo de sonido se reproduce al cargar la página (NO RECOMENDADO)
•Elemento <source>: permite establecer varios archivos de audio a un mismo reproductor:
•Con el atributo type se establece el tipo de audio
•Atributo codecs permite introducir el tipo de codecs del archivo
http://www.w3schools.com/html/html5_audio.asp
Elementos de HTML5: multimedia
•<video> permite reproducir un video en el sitio web
•src: define el archivo de sonido a reproducir.
•Atributo controls: añade un reproductor
•Elemento <source>: permite establecer varios archivos de video en un mismo reproductor:
•Con el atributo type se establece el tipo de audio
•Atributo codecs permite introducir el tipo de codecs del archivo
http://www.w3schools.com/html/html5_video.asp
Elementos de HTML5: tabla
•<table> define la tabla
•<tr> define las filas
•<td> define las celdas
•<th> define las cabeceras de la tabla
•<caption> define un título para la tabla
http://www.w3schools.com/html/html_tables.asp
Elementos de HTML5: formularios
•<form> define un formulario
•<input> define las entradas al formulario
•Atributo type que permite definir diferentes tipos de datos en el formulario (text, number, email,
date, url, checkbox, button…)
•Hay que añadir comportamiento a los formularios
BARTOLOMÉ, S. (2014). Historia de la Web: los navegadores. Páginas web HTML / XHTML y hojas de estilo CSS. Recuperado el 22 de noviembre de 2014 de
http://www.mclibre.org/consultar/htmlcss/otros/otros_historia_navegadores.html
HIDALGO, Y. y RODRIGUEZ, R. (2013). La web semántica: una breve revisión. Rev cuba ciencinformat [online]. 2013, vol.7, n.1. pp. 76-85. Recuperado de:
http://scielo.sld.cu/scielo.php?script=sci_arttext&pid=S2227-18992013000100009&lng=es&nrm=iso
Blog, CEU Informática. (2014). Ranking de navegadores de internet más usados para 2014. Recuperada el día 17 de Noviembre de 2014.
http://blog.uchceu.es/informatica/ranking-de-navegadores-de-internet-para-2014/
González, M. (2014). ¿Cuáles son los navegadores y buscadores que más se utilizan en el mundo?. Recuperado el 16 de Noviembre de 2014 de
http://www.webyposicionamientoseo.com/cuales-son-los-navegadores-y-buscadores-que-mas-se-utilizan-en-el-mundo.blog
Mundonets.com. (2014). Estadísticas de los navegadores más usados a Marzo 2014. Recuperada el día 16 de Noviembre de
http://www.mundonets.com/tecnologia/estadisticas-de-los-navegadores-mas-usados-a-marzo-2014/
Pelayo, C. (2016). Diseño de sitios usando Web 2.0. Tema 3. Evolución de la Web. Material de estudio.
UNIR
Proeduca. (2010). Recuperada el día 16 de noviembre de 2014 de
http://3.bp.blogspot.com/_UQOvmzrOXfk/TN7QGjc0gbI/AAAAAAAAAAQ/vYN0UUk8VEY/s320/Navegadores+PNG.png
Statcounter. (s.f). StatCounter Global Stats. Recuperada el día 17 de Noviembre de 2014 de http://gs.statcounter.com/#browser-ww-monthly-201309-
201311-map
StatCounter Global Stats. (2012). StatCounter: Evolution of the Worldwide Browser Landscape. https://www.youtube.com/watch?v=jtBlvutR9cU
VELAZCO, R. (2014). 20 años de historia de los principales navegadores. Recuperado el 22 de noviembre de 2014 de http://www.softzone.es/2014/08/18/20-
anos-de-historia-de-los-principales-navegadores/

Contenu connexe

Tendances

Curso de-diseño-web-lección-1-html
Curso de-diseño-web-lección-1-htmlCurso de-diseño-web-lección-1-html
Curso de-diseño-web-lección-1-htmlVanadis
 
Desarrollo Pagina Web!!..
Desarrollo Pagina Web!!..Desarrollo Pagina Web!!..
Desarrollo Pagina Web!!..dennisaguiriano
 
Glosario brian victoria1111
Glosario brian victoria1111Glosario brian victoria1111
Glosario brian victoria1111brivi
 
Presentación Seminario Cleformación HTML5, El lenguaje del futuro
Presentación Seminario Cleformación HTML5, El lenguaje del futuroPresentación Seminario Cleformación HTML5, El lenguaje del futuro
Presentación Seminario Cleformación HTML5, El lenguaje del futuroCLEFormación
 
Pistas Construccion Web
Pistas Construccion WebPistas Construccion Web
Pistas Construccion WebT T
 
Diseño de páginas web
Diseño de páginas webDiseño de páginas web
Diseño de páginas webLuis Arenas
 
Tics 4º eso bloque 5 publicacion y difusión de contenidos. ed donostiarra
Tics 4º eso bloque 5 publicacion y difusión de contenidos. ed donostiarraTics 4º eso bloque 5 publicacion y difusión de contenidos. ed donostiarra
Tics 4º eso bloque 5 publicacion y difusión de contenidos. ed donostiarrablogjuan2012
 

Tendances (16)

Ofimática semana 01
Ofimática semana 01Ofimática semana 01
Ofimática semana 01
 
Curso de-diseño-web-lección-1-html
Curso de-diseño-web-lección-1-htmlCurso de-diseño-web-lección-1-html
Curso de-diseño-web-lección-1-html
 
Dala
DalaDala
Dala
 
Desarrollo Pagina Web!!..
Desarrollo Pagina Web!!..Desarrollo Pagina Web!!..
Desarrollo Pagina Web!!..
 
Glosario brian victoria1111
Glosario brian victoria1111Glosario brian victoria1111
Glosario brian victoria1111
 
Presentación Seminario Cleformación HTML5, El lenguaje del futuro
Presentación Seminario Cleformación HTML5, El lenguaje del futuroPresentación Seminario Cleformación HTML5, El lenguaje del futuro
Presentación Seminario Cleformación HTML5, El lenguaje del futuro
 
Pistas Construccion Web
Pistas Construccion WebPistas Construccion Web
Pistas Construccion Web
 
Diseño de páginas web
Diseño de páginas webDiseño de páginas web
Diseño de páginas web
 
la web
la webla web
la web
 
HTML y CSS
HTML y CSSHTML y CSS
HTML y CSS
 
Tics 4º eso bloque 5 publicacion y difusión de contenidos. ed donostiarra
Tics 4º eso bloque 5 publicacion y difusión de contenidos. ed donostiarraTics 4º eso bloque 5 publicacion y difusión de contenidos. ed donostiarra
Tics 4º eso bloque 5 publicacion y difusión de contenidos. ed donostiarra
 
Diseño pagina web- html
Diseño pagina web- html Diseño pagina web- html
Diseño pagina web- html
 
Páginas web
Páginas webPáginas web
Páginas web
 
tarea 5
tarea 5tarea 5
tarea 5
 
Navegar por la web
Navegar por la webNavegar por la web
Navegar por la web
 
Curso css
Curso   cssCurso   css
Curso css
 

Similaire à Lenguaje de marcado parte 2

Similaire à Lenguaje de marcado parte 2 (20)

Taller Wordpress Nivel II
Taller Wordpress Nivel IITaller Wordpress Nivel II
Taller Wordpress Nivel II
 
Introducción HTML y CSS
Introducción HTML y CSSIntroducción HTML y CSS
Introducción HTML y CSS
 
HTML
HTMLHTML
HTML
 
Html, Css y JavaScript
Html, Css y JavaScriptHtml, Css y JavaScript
Html, Css y JavaScript
 
HTML.ppt
HTML.pptHTML.ppt
HTML.ppt
 
Presentación de html, css y javascript.
Presentación  de html, css y javascript.Presentación  de html, css y javascript.
Presentación de html, css y javascript.
 
Dispositivas CURSO HTML 5.pdf
Dispositivas CURSO HTML 5.pdfDispositivas CURSO HTML 5.pdf
Dispositivas CURSO HTML 5.pdf
 
CSS
CSSCSS
CSS
 
05introduccionhtml 100901142734-phpapp02
05introduccionhtml 100901142734-phpapp0205introduccionhtml 100901142734-phpapp02
05introduccionhtml 100901142734-phpapp02
 
Investigacion de html y xml
Investigacion de html y xmlInvestigacion de html y xml
Investigacion de html y xml
 
Tipo
TipoTipo
Tipo
 
Deber de htmly xml
Deber de htmly xmlDeber de htmly xml
Deber de htmly xml
 
Acerca de html
Acerca de htmlAcerca de html
Acerca de html
 
Html
HtmlHtml
Html
 
Emily
EmilyEmily
Emily
 
Html
HtmlHtml
Html
 
Resumen 1 html
Resumen 1 htmlResumen 1 html
Resumen 1 html
 
Html1
Html1Html1
Html1
 
Html
HtmlHtml
Html
 
APLICATIVOS IV.pdf
APLICATIVOS IV.pdfAPLICATIVOS IV.pdf
APLICATIVOS IV.pdf
 

Plus de Maria Garcia

SISTEMAS DE INFORMACIÓN
SISTEMAS DE INFORMACIÓNSISTEMAS DE INFORMACIÓN
SISTEMAS DE INFORMACIÓNMaria Garcia
 
MODELOS RELACIONAL.pdf
MODELOS RELACIONAL.pdfMODELOS RELACIONAL.pdf
MODELOS RELACIONAL.pdfMaria Garcia
 
La Organizacion Sistemas
La Organizacion SistemasLa Organizacion Sistemas
La Organizacion SistemasMaria Garcia
 
ADMINISTRACIÓN DEL CONOCIMIENTO Y TOMA DE DECISIONES
ADMINISTRACIÓN DEL CONOCIMIENTO Y TOMA DE DECISIONESADMINISTRACIÓN DEL CONOCIMIENTO Y TOMA DE DECISIONES
ADMINISTRACIÓN DEL CONOCIMIENTO Y TOMA DE DECISIONESMaria Garcia
 
Prototipo de solución tecnológica
Prototipo de solución tecnológicaPrototipo de solución tecnológica
Prototipo de solución tecnológicaMaria Garcia
 
ROL ESTRATÉGICO DE LOS SISTEMAS DE INFORMACIÓN
ROL ESTRATÉGICO DE LOS SISTEMAS DE INFORMACIÓNROL ESTRATÉGICO DE LOS SISTEMAS DE INFORMACIÓN
ROL ESTRATÉGICO DE LOS SISTEMAS DE INFORMACIÓNMaria Garcia
 
Aspectos éticos y sociales en los sistemas de información
Aspectos éticos y sociales en los sistemas de informaciónAspectos éticos y sociales en los sistemas de información
Aspectos éticos y sociales en los sistemas de informaciónMaria Garcia
 
Los sistemas de información en los negocios globales contemporáneos
Los sistemas de información en los negocios globales contemporáneosLos sistemas de información en los negocios globales contemporáneos
Los sistemas de información en los negocios globales contemporáneosMaria Garcia
 
Informática Administrativa_sesion1.pdf
Informática Administrativa_sesion1.pdfInformática Administrativa_sesion1.pdf
Informática Administrativa_sesion1.pdfMaria Garcia
 
Negocios digitales.pdf
Negocios digitales.pdfNegocios digitales.pdf
Negocios digitales.pdfMaria Garcia
 
Infraestructuras de tecnologías de la información.pdf
Infraestructuras de tecnologías de la información.pdfInfraestructuras de tecnologías de la información.pdf
Infraestructuras de tecnologías de la información.pdfMaria Garcia
 
Conceptos de ingeniería.pdf
Conceptos de ingeniería.pdfConceptos de ingeniería.pdf
Conceptos de ingeniería.pdfMaria Garcia
 
Cadena de Valor.pdf
Cadena de Valor.pdfCadena de Valor.pdf
Cadena de Valor.pdfMaria Garcia
 
CLASE 3_ArquiteturaBD_UsuariosBD_IndependiciaLogFis_ModelosBD.pdf
CLASE 3_ArquiteturaBD_UsuariosBD_IndependiciaLogFis_ModelosBD.pdfCLASE 3_ArquiteturaBD_UsuariosBD_IndependiciaLogFis_ModelosBD.pdf
CLASE 3_ArquiteturaBD_UsuariosBD_IndependiciaLogFis_ModelosBD.pdfMaria Garcia
 
CLASE 6_Areas de la Ingenieria de Sistemas.pdf
CLASE 6_Areas de la Ingenieria de Sistemas.pdfCLASE 6_Areas de la Ingenieria de Sistemas.pdf
CLASE 6_Areas de la Ingenieria de Sistemas.pdfMaria Garcia
 
Introducción a las bases de datos
Introducción a las bases de datosIntroducción a las bases de datos
Introducción a las bases de datosMaria Garcia
 
MODELAMIENTO DE BASES DE DATOS.pptx
MODELAMIENTO DE BASES DE DATOS.pptxMODELAMIENTO DE BASES DE DATOS.pptx
MODELAMIENTO DE BASES DE DATOS.pptxMaria Garcia
 

Plus de Maria Garcia (20)

SISTEMAS DE INFORMACIÓN
SISTEMAS DE INFORMACIÓNSISTEMAS DE INFORMACIÓN
SISTEMAS DE INFORMACIÓN
 
Cadena de Valor
Cadena de ValorCadena de Valor
Cadena de Valor
 
MODELOS RELACIONAL.pdf
MODELOS RELACIONAL.pdfMODELOS RELACIONAL.pdf
MODELOS RELACIONAL.pdf
 
La Organizacion Sistemas
La Organizacion SistemasLa Organizacion Sistemas
La Organizacion Sistemas
 
ADMINISTRACIÓN DEL CONOCIMIENTO Y TOMA DE DECISIONES
ADMINISTRACIÓN DEL CONOCIMIENTO Y TOMA DE DECISIONESADMINISTRACIÓN DEL CONOCIMIENTO Y TOMA DE DECISIONES
ADMINISTRACIÓN DEL CONOCIMIENTO Y TOMA DE DECISIONES
 
Prototipo de solución tecnológica
Prototipo de solución tecnológicaPrototipo de solución tecnológica
Prototipo de solución tecnológica
 
ROL ESTRATÉGICO DE LOS SISTEMAS DE INFORMACIÓN
ROL ESTRATÉGICO DE LOS SISTEMAS DE INFORMACIÓNROL ESTRATÉGICO DE LOS SISTEMAS DE INFORMACIÓN
ROL ESTRATÉGICO DE LOS SISTEMAS DE INFORMACIÓN
 
Aspectos éticos y sociales en los sistemas de información
Aspectos éticos y sociales en los sistemas de informaciónAspectos éticos y sociales en los sistemas de información
Aspectos éticos y sociales en los sistemas de información
 
Los sistemas de información en los negocios globales contemporáneos
Los sistemas de información en los negocios globales contemporáneosLos sistemas de información en los negocios globales contemporáneos
Los sistemas de información en los negocios globales contemporáneos
 
Informática Administrativa_sesion1.pdf
Informática Administrativa_sesion1.pdfInformática Administrativa_sesion1.pdf
Informática Administrativa_sesion1.pdf
 
Modelo E-R.pdf
Modelo E-R.pdfModelo E-R.pdf
Modelo E-R.pdf
 
Negocios digitales.pdf
Negocios digitales.pdfNegocios digitales.pdf
Negocios digitales.pdf
 
TI-TIC.pdf
TI-TIC.pdfTI-TIC.pdf
TI-TIC.pdf
 
Infraestructuras de tecnologías de la información.pdf
Infraestructuras de tecnologías de la información.pdfInfraestructuras de tecnologías de la información.pdf
Infraestructuras de tecnologías de la información.pdf
 
Conceptos de ingeniería.pdf
Conceptos de ingeniería.pdfConceptos de ingeniería.pdf
Conceptos de ingeniería.pdf
 
Cadena de Valor.pdf
Cadena de Valor.pdfCadena de Valor.pdf
Cadena de Valor.pdf
 
CLASE 3_ArquiteturaBD_UsuariosBD_IndependiciaLogFis_ModelosBD.pdf
CLASE 3_ArquiteturaBD_UsuariosBD_IndependiciaLogFis_ModelosBD.pdfCLASE 3_ArquiteturaBD_UsuariosBD_IndependiciaLogFis_ModelosBD.pdf
CLASE 3_ArquiteturaBD_UsuariosBD_IndependiciaLogFis_ModelosBD.pdf
 
CLASE 6_Areas de la Ingenieria de Sistemas.pdf
CLASE 6_Areas de la Ingenieria de Sistemas.pdfCLASE 6_Areas de la Ingenieria de Sistemas.pdf
CLASE 6_Areas de la Ingenieria de Sistemas.pdf
 
Introducción a las bases de datos
Introducción a las bases de datosIntroducción a las bases de datos
Introducción a las bases de datos
 
MODELAMIENTO DE BASES DE DATOS.pptx
MODELAMIENTO DE BASES DE DATOS.pptxMODELAMIENTO DE BASES DE DATOS.pptx
MODELAMIENTO DE BASES DE DATOS.pptx
 

Dernier

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
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxlclcarmen
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.José Luis Palma
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
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
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoFundación YOD YOD
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosCesarFernandez937857
 
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxTECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxKarlaMassielMartinez
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadAlejandrino Halire Ccahuana
 
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
 
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
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arteRaquel Martín Contreras
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuaDANNYISAACCARVAJALGA
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...JonathanCovena1
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdfDemetrio Ccesa Rayme
 
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxEXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxPryhaSalam
 
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptDE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptELENA GALLARDO PAÚLS
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAEl Fortí
 

Dernier (20)

Sesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdfSesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdf
 
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
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
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
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativo
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos Básicos
 
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxTECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdad
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 
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
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arte
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahua
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdf
 
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxEXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
 
Power Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptxPower Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptx
 
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptDE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 

Lenguaje de marcado parte 2

  • 1.
  • 2. Enlaces en HTML • Etiqueta a: representa a los enlaces • Atributo href: contiene la URL a donde queremos enlazar • Atributo title: descripción del sitio web al que enlazamos. HTML Links - Syntax
  • 3.
  • 4. Elementos de HTML5: multimedia •Imágenes mediante la etiqueta img con atributos: •src (obligatorio): define la imagen que se desea mostrar teniendo en cuenta la ruta. •alt (obligatorio): descripción alternativa a la imagen que veremos cuando se pase el ratón sobre la misma y cuando no ha sido posible cargar dicha imagen. También se utiliza por navegadores de texto
  • 5. Elementos de HTML5: multimedia •El elemento <figure> es un contenedor de elementos gráficos como fotos, listados de código, ilustraciones, etc. •Se utiliza de forma conjunta con <figcaption> para asignarle un titular. http://www.w3schools.com/html/html_images.asp
  • 6. Elementos de HTML5: multimedia •<Audio> permite reproducir música en el sitio web •src: define el archivo de sonido a reproducir. •Atributo controls: añade un reproductor •Atributo autoplay: el archivo de sonido se reproduce al cargar la página (NO RECOMENDADO) •Elemento <source>: permite establecer varios archivos de audio a un mismo reproductor: •Con el atributo type se establece el tipo de audio •Atributo codecs permite introducir el tipo de codecs del archivo http://www.w3schools.com/html/html5_audio.asp
  • 7. Elementos de HTML5: multimedia •<video> permite reproducir un video en el sitio web •src: define el archivo de sonido a reproducir. •Atributo controls: añade un reproductor •Elemento <source>: permite establecer varios archivos de video en un mismo reproductor: •Con el atributo type se establece el tipo de audio •Atributo codecs permite introducir el tipo de codecs del archivo http://www.w3schools.com/html/html5_video.asp
  • 8. Elementos de HTML5: tabla •<table> define la tabla •<tr> define las filas •<td> define las celdas •<th> define las cabeceras de la tabla •<caption> define un título para la tabla http://www.w3schools.com/html/html_tables.asp
  • 9. Elementos de HTML5: formularios •<form> define un formulario •<input> define las entradas al formulario •Atributo type que permite definir diferentes tipos de datos en el formulario (text, number, email, date, url, checkbox, button…) •Hay que añadir comportamiento a los formularios
  • 10.
  • 11. BARTOLOMÉ, S. (2014). Historia de la Web: los navegadores. Páginas web HTML / XHTML y hojas de estilo CSS. Recuperado el 22 de noviembre de 2014 de http://www.mclibre.org/consultar/htmlcss/otros/otros_historia_navegadores.html HIDALGO, Y. y RODRIGUEZ, R. (2013). La web semántica: una breve revisión. Rev cuba ciencinformat [online]. 2013, vol.7, n.1. pp. 76-85. Recuperado de: http://scielo.sld.cu/scielo.php?script=sci_arttext&pid=S2227-18992013000100009&lng=es&nrm=iso Blog, CEU Informática. (2014). Ranking de navegadores de internet más usados para 2014. Recuperada el día 17 de Noviembre de 2014. http://blog.uchceu.es/informatica/ranking-de-navegadores-de-internet-para-2014/ González, M. (2014). ¿Cuáles son los navegadores y buscadores que más se utilizan en el mundo?. Recuperado el 16 de Noviembre de 2014 de http://www.webyposicionamientoseo.com/cuales-son-los-navegadores-y-buscadores-que-mas-se-utilizan-en-el-mundo.blog Mundonets.com. (2014). Estadísticas de los navegadores más usados a Marzo 2014. Recuperada el día 16 de Noviembre de http://www.mundonets.com/tecnologia/estadisticas-de-los-navegadores-mas-usados-a-marzo-2014/ Pelayo, C. (2016). Diseño de sitios usando Web 2.0. Tema 3. Evolución de la Web. Material de estudio. UNIR Proeduca. (2010). Recuperada el día 16 de noviembre de 2014 de http://3.bp.blogspot.com/_UQOvmzrOXfk/TN7QGjc0gbI/AAAAAAAAAAQ/vYN0UUk8VEY/s320/Navegadores+PNG.png Statcounter. (s.f). StatCounter Global Stats. Recuperada el día 17 de Noviembre de 2014 de http://gs.statcounter.com/#browser-ww-monthly-201309- 201311-map StatCounter Global Stats. (2012). StatCounter: Evolution of the Worldwide Browser Landscape. https://www.youtube.com/watch?v=jtBlvutR9cU VELAZCO, R. (2014). 20 años de historia de los principales navegadores. Recuperado el 22 de noviembre de 2014 de http://www.softzone.es/2014/08/18/20- anos-de-historia-de-los-principales-navegadores/