miércoles, 29 de abril de 2020

LENGUAJE HTML 5 Y CSS 3


LENGUAJE HTML 5 Y CSS 3 (CSS)


CSS:

/*
Hoja de Estilos PRACTICA7.CSS
*/

h4{
text-align: center
}

header{
background-color:yellowgreen;
text-align: center;
padding: 20px;
}

section{
width: 33%;
float: left;
}

footer{
background-color:yellowgreen;
text-align: center;
padding: 20px;
clear: both;
}

en No hay comentarios:

LENGUAJE HTML 5 Y CSS 3


LENGUAJE HTML 5 Y CSS 3 (HTML)


HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Document</title>
<link rel="stylesheet"href="Practica7.css"
</head>
<body>
<header>
<h3>PLANTILLA HTML5 Y CSS3 PROFESIONAL</h3>
<nav>Menú de navegación</nav>
</header>

<article>
<h4>Artículo de información</h4>
<section>
<h5>Columna 1</h5>
<p>Initio Romani, genus agricolarum, ruda numina invocaverant. Invocabant enim Iovem, numen caeli et fulminis, Martem, dominum hiemis et tempestatis; Saturnum, auctorem sementis et agrorum; Terminum, custodem limitum suorum; Silvanum,deum silvarum nemorumque, Cererem, deam frugum et herbarum; Venerem, dominam florum, Palem, propitiam pecori pastoribusque. Postea Romani deorum nomina novis fabulis auxerunt atque imprimis appellaverunt Iovem hominum deorumque patrem et postremo Tarquinius Superbus, romanorum ultimus rex...</p>
</section>
<section>
<h5>Columna 2</h5>
<p>Initio Romani, genus agricolarum, ruda numina invocaverant. Invocabant enim Iovem, numen caeli et fulminis, Martem, dominum hiemis et tempestatis; Saturnum, auctorem sementis et agrorum; Terminum, custodem limitum suorum; Silvanum,deum silvarum nemorumque, Cererem, deam frugum et herbarum; Venerem, dominam florum, Palem, propitiam pecori pastoribusque. Postea Romani deorum nomina novis fabulis auxerunt atque imprimis appellaverunt Iovem hominum deorumque patrem et postremo Tarquinius Superbus, romanorum ultimus rex...</p>
</section>
<section>
<h5>Columna 3</h5>
<p>Initio Romani, genus agricolarum, ruda numina invocaverant. Invocabant enim Iovem, numen caeli et fulminis, Martem, dominum hiemis et tempestatis; Saturnum, auctorem sementis et agrorum; Terminum, custodem limitum suorum; Silvanum,deum silvarum nemorumque, Cererem, deam frugum et herbarum; Venerem, dominam florum, Palem, propitiam pecori pastoribusque. Postea Romani deorum nomina novis fabulis auxerunt atque imprimis appellaverunt Iovem hominum deorumque patrem et postremo Tarquinius Superbus, romanorum ultimus rex...</p>
</section>
</article>
<footer>Pie de página</footer>

</body>

</html>

en No hay comentarios:

miércoles, 15 de abril de 2020

CÁPSULA DEL TIEMPO DE MARZO

CÁPSULA DEL TIEMPO DE MARZO


1. Una película o saga de películas:

    - He visto “baby blues” para un trabajo de inglés, trata, en resumidas cuentas, sobre una madre que se vuelve loca e intenta matar a sus hijos.




2. Una serie o programa de televisión:

     - Estoy viendo la serie (aun en emisión) de “2gether”, es sobre una historia de amor entre dos personas, dos amantes de la música, y de su vida en la “escuela”.



3. Una canción:

     - La nueva canción de NCT127, “Kick it”.



“kick it” - NCT127


4. Un libro o cómic:

     - He leído el manga llamado “Beatriz”, trata sobre una princesa, llamada Chloe, que se convierte en esclava del hombre que mató a toda su familia, este, poco a poco irá desarrollando un sentimiento de amor hacia la protagonista.





5. Una noticia:

en No hay comentarios:

viernes, 3 de abril de 2020

JAVASCRIPT


Código


<!DOCTYPE html>
<html>
<!--Cabecera-->
<head lang=“es-Es”>
<title>Primera prueba con Javascript</title>
<meta charset="utf-8">
<script>
/*esto es un pequeño script*/
var Name= prompt("hola, ¿qué tal?¿cómo te llamas?");
alert("Hola 🤚🏻 "+Name );
alert("tu nombre es muy bonito, ¿lo sabías? 😊 ");
var Object= prompt("dime algo que te guste");
alert("a mi tambien me gusta/ gustan "+ Object);
alert("preguntame la fecha de hoy :) ");
alert(Date());
alert("ijijijij 😋");
</script>
</head>
<!--Cuerpo y contenido de mi página-->
<body>
<h1>Primera prueba de Javascript</h1>
<p>Esto es simplemente una prueba de Javascript.
hola :)
</p>
</body>
</html>

______________________________________________


EJEMPLO:













en No hay comentarios:
Suscribirse a: Entradas (Atom)

LENGUAJE HTML 5 Y CSS 3 (Sesión 12)

HTML: <!DOCTYPE html> <html lang="es-ES"> <head> <meta charset="UTF-8"> <title>...