SlideShare una empresa de Scribd logo
1 de 10
Lenguajes de
Programación
Una introducción desde las tecnologías de la web
Tecnologías web
HTML + CSS
Estructura básica de un documento HTML
HyperText Markup Language (lenguaje de
marcado hipertextual).
<html>
<head>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="Tecno1">
<meta name="description" content="Ejemplo
1">
<meta name="keywords" content="tecno,
unlp">
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="Tecno1">
<meta name="description" content="Ejemplo
1">
<meta name="keywords" content="tecno,
unlp">
</head>
<body>
<h1>Título para encabezado</h1>
<p>Aquí ponemos un párrafo sobre descriptivo
de lo
Estructura general de una línea de código en el
lenguaje de etiquetas HTML
Atributos genéricos:
<p class="estilox">Esto es un párrafo</p>
<div id="contenedor">
<div></div>
<div></div>
</div>
ATRIBUTO = VALOR
Incorporar el lenguaje de Hojas de estilo en
cascada CSS en un documento HTML.
Aplicación mediante el atributo html “style”
<p style="color: #ff0000;">Esto es un párrafo
de texto simulado para el ejemplo.</p>
<div style="width: 700px;">
<h3>Título secundario de portada.</h3>
Sintaxis de CSS
Incorporar el lenguaje de Hojas de estilo en
cascada CSS en un documento HTML.
Aplicación en el encabezado del html (head)
<head>
<style type="text/css">
body {background-color: #ccc; margin: 0;}
#contenedor {width: 800px; margin: 0 auto 0
auto;}
.cabeza {height: 80px; background-color:
#08088A;
Continuará...

Más contenido relacionado

La actualidad más candente (18)

Billyordoñez
BillyordoñezBillyordoñez
Billyordoñez
 
Sitio Web / Introducción a HTML
Sitio Web / Introducción a HTMLSitio Web / Introducción a HTML
Sitio Web / Introducción a HTML
 
trabajo cuarto periodo
trabajo cuarto periodotrabajo cuarto periodo
trabajo cuarto periodo
 
Html
HtmlHtml
Html
 
Hacer una pagina web con HTML
Hacer una pagina web con HTMLHacer una pagina web con HTML
Hacer una pagina web con HTML
 
Estructura de una página
Estructura de una páginaEstructura de una página
Estructura de una página
 
Neisa
NeisaNeisa
Neisa
 
Sitio
SitioSitio
Sitio
 
Html word2
Html word2Html word2
Html word2
 
Pagina web 1
Pagina web 1Pagina web 1
Pagina web 1
 
Sitio
SitioSitio
Sitio
 
Pagina web
Pagina webPagina web
Pagina web
 
Tovar
TovarTovar
Tovar
 
Practica1 CSS
Practica1 CSSPractica1 CSS
Practica1 CSS
 
Tabajaooojevs
TabajaooojevsTabajaooojevs
Tabajaooojevs
 
Html unidad 2
Html unidad 2Html unidad 2
Html unidad 2
 
Ejercicio 7
Ejercicio 7Ejercicio 7
Ejercicio 7
 
Colegio nacional nicolás
Colegio nacional nicolásColegio nacional nicolás
Colegio nacional nicolás
 

Similar a 1.6.2. Lenguajes de Programación - Unidad 2 (20)

Html5
Html5Html5
Html5
 
Html actividades 1
Html actividades  1Html actividades  1
Html actividades 1
 
HTML
HTMLHTML
HTML
 
Apuntes de HTML
Apuntes de HTMLApuntes de HTML
Apuntes de HTML
 
Html
HtmlHtml
Html
 
Introducción al Desarrollo Web
Introducción al Desarrollo WebIntroducción al Desarrollo Web
Introducción al Desarrollo Web
 
Nuevas etiquetas en html5
Nuevas etiquetas en html5Nuevas etiquetas en html5
Nuevas etiquetas en html5
 
Introducción al HTML
Introducción al HTMLIntroducción al HTML
Introducción al HTML
 
Nuevas etiquetas en html5
Nuevas etiquetas en html5Nuevas etiquetas en html5
Nuevas etiquetas en html5
 
MEJORES - Curso-HTML-+-CSS.pdf
MEJORES - Curso-HTML-+-CSS.pdfMEJORES - Curso-HTML-+-CSS.pdf
MEJORES - Curso-HTML-+-CSS.pdf
 
Curso-HTML--CSS.pdf
Curso-HTML--CSS.pdfCurso-HTML--CSS.pdf
Curso-HTML--CSS.pdf
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Taller de Html
Taller de HtmlTaller de Html
Taller de Html
 
1
11
1
 
Pbhtml
PbhtmlPbhtml
Pbhtml
 
Pbhtml
PbhtmlPbhtml
Pbhtml
 
Pbhtml
PbhtmlPbhtml
Pbhtml
 
Pbhtml
PbhtmlPbhtml
Pbhtml
 
Pbhtml
PbhtmlPbhtml
Pbhtml
 
Pbhtml
PbhtmlPbhtml
Pbhtml
 

Más de Maestría en Comunicación Digital Interactiva - UNR

Más de Maestría en Comunicación Digital Interactiva - UNR (20)

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
 
Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1
 
Unidad 4 | Teorías de las Comunicación | MCDI
Unidad 4 | Teorías de las Comunicación | MCDIUnidad 4 | Teorías de las Comunicación | MCDI
Unidad 4 | Teorías de las Comunicación | MCDI
 
Unidad 3 | Teorías de la Comunicación | MCDI
Unidad 3 | Teorías de la Comunicación | MCDIUnidad 3 | Teorías de la Comunicación | MCDI
Unidad 3 | Teorías de la Comunicación | MCDI
 
Unidad 2 | Teorías de la Comunicación | MCDIU
Unidad 2 | Teorías de la Comunicación | MCDIUUnidad 2 | Teorías de la Comunicación | MCDIU
Unidad 2 | Teorías de la Comunicación | MCDIU
 
Unidad 1 | Metodología de la Investigación
Unidad 1 | Metodología de la InvestigaciónUnidad 1 | Metodología de la Investigación
Unidad 1 | Metodología de la Investigación
 
UNIDAD 1 | Teorías de la comunicación | MCDI
UNIDAD 1 | Teorías de la comunicación | MCDIUNIDAD 1 | Teorías de la comunicación | MCDI
UNIDAD 1 | Teorías de la comunicación | MCDI
 
2023 - Cuarto Encuentro - Sociedad y Videojuegos
2023 - Cuarto Encuentro - Sociedad y Videojuegos  2023 - Cuarto Encuentro - Sociedad y Videojuegos
2023 - Cuarto Encuentro - Sociedad y Videojuegos
 
2023 | Tercer Encuentro
2023 | Tercer Encuentro 2023 | Tercer Encuentro
2023 | Tercer Encuentro
 
Unidad 2 | Creando videojuegos
Unidad 2 | Creando videojuegosUnidad 2 | Creando videojuegos
Unidad 2 | Creando videojuegos
 
Unidad 1 | El juego
Unidad 1 | El juegoUnidad 1 | El juego
Unidad 1 | El juego
 
Unidad 4 | Comunicación de las Ciencias
Unidad 4 | Comunicación de las CienciasUnidad 4 | Comunicación de las Ciencias
Unidad 4 | Comunicación de las Ciencias
 
Unidad 4 | Diseño Digital Interactivo
Unidad 4 | Diseño Digital InteractivoUnidad 4 | Diseño Digital Interactivo
Unidad 4 | Diseño Digital Interactivo
 
Unidad 3 | Comunicación de las Ciencias
Unidad 3 | Comunicación de las CienciasUnidad 3 | Comunicación de las Ciencias
Unidad 3 | Comunicación de las Ciencias
 
Unidad 2 | Modelos de Comunicación
Unidad 2 | Modelos de ComunicaciónUnidad 2 | Modelos de Comunicación
Unidad 2 | Modelos de Comunicación
 
Presentación | VERA MOLNAR
Presentación | VERA MOLNAR Presentación | VERA MOLNAR
Presentación | VERA MOLNAR
 
Unidad 2 | Historia del arte por computadora
Unidad 2 | Historia del arte por computadoraUnidad 2 | Historia del arte por computadora
Unidad 2 | Historia del arte por computadora
 
Unidad 1 | Ciencia y Sociedad
Unidad 1 | Ciencia y Sociedad Unidad 1 | Ciencia y Sociedad
Unidad 1 | Ciencia y Sociedad
 
Unidad 4 | Narrativas Transmedia
Unidad 4 | Narrativas TransmediaUnidad 4 | Narrativas Transmedia
Unidad 4 | Narrativas Transmedia
 
Diseño Digital Interactivo | Unidad 1
Diseño Digital Interactivo | Unidad 1Diseño Digital Interactivo | Unidad 1
Diseño Digital Interactivo | Unidad 1
 

Último

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
 
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
 
La Función tecnológica del tutor.pptx
La  Función  tecnológica  del tutor.pptxLa  Función  tecnológica  del tutor.pptx
La Función tecnológica del tutor.pptxJunkotantik
 
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
 
EXPECTATIVAS vs PERSPECTIVA en la vida.
EXPECTATIVAS vs PERSPECTIVA  en la vida.EXPECTATIVAS vs PERSPECTIVA  en la vida.
EXPECTATIVAS vs PERSPECTIVA en la vida.DaluiMonasterio
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Lourdes Feria
 
Herramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdfHerramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdfMARIAPAULAMAHECHAMOR
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxAna Fernandez
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptxFelicitasAsuncionDia
 
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
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIACarlos Campaña Montenegro
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFAROJosé Luis Palma
 
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
 
Manual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfManual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfMaryRotonda1
 
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
 

Último (20)

Defendamos la verdad. La defensa es importante.
Defendamos la verdad. La defensa es importante.Defendamos la verdad. La defensa es importante.
Defendamos la verdad. La defensa es importante.
 
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
 
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
 
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.
 
La Función tecnológica del tutor.pptx
La  Función  tecnológica  del tutor.pptxLa  Función  tecnológica  del tutor.pptx
La Función tecnológica del tutor.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
 
EXPECTATIVAS vs PERSPECTIVA en la vida.
EXPECTATIVAS vs PERSPECTIVA  en la vida.EXPECTATIVAS vs PERSPECTIVA  en la vida.
EXPECTATIVAS vs PERSPECTIVA en la vida.
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
 
Herramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdfHerramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdf
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docx
 
La Trampa De La Felicidad. Russ-Harris.pdf
La Trampa De La Felicidad. Russ-Harris.pdfLa Trampa De La Felicidad. Russ-Harris.pdf
La Trampa De La Felicidad. Russ-Harris.pdf
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 
Power Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptxPower Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".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.
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
 
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
 
Manual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfManual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .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
 

1.6.2. Lenguajes de Programación - Unidad 2