Posts

Showing posts from February, 2022

HTML 5 y CSS3 segunda parte

-
Image
 Siempre se empieza por !DOCTYPE html  <html> </html> <head> </head>   El  Elemento HTML  Anchor   <a>  crea un enlace a otras páginas de internet, archivos o ubicaciones dentro de la misma página, direcciones de correo, o cualquier otra URL. <a href=""></a> https://meyerweb.com/eric/tools/css/reset/ Hacer divisiones  <main> </main>  Las etiquetas semánticas hacen que el navegador entienda mejor nuestro contenido, y con eso cargue mejor nuestra página Para qué sirve el posicionamiento absolute? Para cambiar la posición del punto inicial donde se encuentra el elemento. capturar efectos del usuario al hacer click con el mouse en css hover {} https://unicode-table.com/en/00A9/  Etiquetas informativas  Existe una jerarquia en el color en CSS 1 inline en html  ID Class etiqueta  http://mobileinputtypes.com/  Definir datos obligatorios  nav a:h over {    ...
Post a Comment
Read more

CSS

-
Image
 olas de estilo en cascada  organizar imagen  herramienta del desarrollador  width;100% la consola se usa para cambiar configuraciones de html y css Añadir imagenes en html  < img src="banner/banner.jpg" > Usar css en html  <p style="front-size: 20px;"> </p> <p style="text-align: center;" </p> tambien se pueden agregar dos  <p style="front-size: 20px;text-align: center; " otra manera de hacerlo    <style>   p{                       text-align: center;             }  </style> Tercera manera de hacerlo  La mas comun  nuevo archivo .css   p {           text-align : center ;       } Se debe vincular con el html  <link rel="stylesheet" href="style.css"> background. #CCCCCC  ponerle color  ir al css  body{  background. ...
Post a Comment
Read more

HTML CSS V5 introduccion

-
Image
tags  para indicar que es un marcado <!DOCTYPE html> Significa que se envia la version 5  <!DOCTYPE>  declaration. In HTML 5, the declaration is simple:The declaration is not an HTML tag. It is an "information" to the browser about what document type to expect. <html lang="es">  </html>  indicar que es el formato entre el codigo siempre y definir idioma  <head> </head> para separar el titulo  <meta charset="UTF-8">  para que los navegadores reconozcan los caracteres   <title> </title>  definir titulo de la pagina  <body>  </body> definir cuerpo de la pagina  <h1 >  </h1>   titulo  <p> </p>    parrafos   <strong> </strong>     negrita  <em> </em>  poner en letra italica  Ejemplo del orden 
Post a Comment
Read more

Juego javascript basico

-
Image
  Coordenada de un click en javascript  console.log(evento); crear variable x = evento.pagex; crear varriable y = evento.pagey; para concatenar variables en javascript se usa  (x + "," + y) Graficar en javascript  pincel.fillStyle = colour;       // propiedad  pincel.fillRect(x,y,50,50);    pincel.fillRect(0, 0, 600, 400);      pincel.strokeStyle = "black";      pincel.strokeRect(0, 0, 600, 400); Dibujar en javascipt  pincel.fillStyle = "lightblue";     pincel.fillRect(0, 0, 600, 400);  pincel.beginPath();   pantalla.onclick =  exhibirAlerta; // no necesito parentesis solo punto y coma  Hacer circunferencias            function disenarCircunferencia (x,y,radio){     pincel.fillStyle = "black";     pincel.beginPath();     pincel.arc(x,y,radio,0,2*Math.PI)     pincel.fill();     } Hacer ...
Post a Comment
Read more

Html y javascript

-
HTML   comandos que nos ayudan a creacr paginas web para pner lenguajes de programacion  CTRL S   se usa para guardar los cambios en el codigo  <br>     salto de linea  <h1>  </h1>  Destacar titulo mas grande y negrita desde afuera   <a href="https://es.wikipedia.org/wiki/HTML">aqui</a>   Para guardar links  No nos permite trabajar de una forma dinamica para eso usamos javascript  <script> </script>   se usa para nombrar javascript en HTML alert("Esto si es un lenguaje de programacion");  envia una alerta   Para usar un if  <script>     var     = true;     if() {         alert("");     } else {         alert("");     } </script> crear dibujos  <meta charset = "utf-8"> <script>  document.write("<h1>Hi</...
Post a Comment
Read more