Comentarios en HTML, JavaScript, CSS y PHP

Introducción:

Hey hola, el artículo de hoy tenia pesado hacerlo hace mucho tiempo; pero tenia como prioridad otros temas a escribir y como no suelo recordar como comentar en HTML vi la necesidad de escribir este artículo de una vez. Así que vamos a ello.

¿Qué es un comentario?

En términos sencillos un comentario es una parte de nuestro código que no se ejecuta. En otras palabras podríamos decir que esa parte del código esta desactivado.

Descripción

Los comentarios suelen tener símbolos de apertura y cierre, en algunos casos solo de apertura. Podemos usarlos para explicar nuestro código, dejar una nota o para no ejecutar una linea de código y pase a la siguiente.

Comentario en HTML (comment Html)

La etiqueta para comentar en HTML es la siguiente:

<!-- Mi comentario en HTML -->

La podemos usar para comentar una o varias lineas de nuestro código.

Comentarios en HTML ejemplos

En este ejemplo veremos como comentar una linea en HTML.

<!DOCTYPE html>
<html lang="en-ES">
   <head>
      <meta charset="UTF-8">
      <link rel="stylesheet" type="text/css" href="style.css">
   </head>
   <body>
      <div id="cuadrado"></div>
         <!-- <div id="rectángulo"></div> -->
	 <script src="switchColor.js"></script>
   </body>
</html>

En este segundo ejemplo pondremos una descripción de nuestro código y comentaremos más de una linea.

<!DOCTYPE html>
<html lang="en-ES">
	<head>
	   <meta charset="UTF-8">
	   <link rel="stylesheet" type="text/css" href="style.css">
	</head>
	<body>
           <!-- Creamos un cuadrado con Css y Html,
	      luego hacemos que cambie de color con JavaScript. -->
	   <div id="cuadrado"></div>
	   <!-- <div id="rectángulo"></div> -->
           <!-- <div id="triángulo"></div> -->
	   <script src="switchColor.js"></script>
	</body>
</html>

Comentarios en JavaScript (comment JavaScript)

Para comentar en JavaScript tenemos 2 formas que son:

/* Mi comentario en JavaScript */
// Mi nuevo comentario en JavaScript

Comentarios en JavaScript ejemplos

//Nota:
//Valores númericos de teclas en Js
// escape 	27 
// left arrow 	37
// up arrow 	38
// right arrow 	39
// down arrow 	40

/*
*Cambiar el color del cuadro a negro cada que presiona la tecla de flecha izquierda.
*/
document.addEventListener('keydown', colorBlack);
function colorBlack(e){
   if(e.keyCode == '37'){
      document.getElementById('cuadrado').style.background = 'black';
      //console.log"Entro por la condicional";
   }
}

/*
window.addEventListener('keydown', colorGreen);
function colorGreen(e){
   if(e.keyCode == '39'){
      document.getElementById('cuadrado').style.background = 'green';
   }
}
*/

Comentario en CSS (comment CSS)

Para comentar en CSS solo tenemos una forma, esta tiene símbolos de apertura y cierre.

/*
Mi comentario en CSS.
*/

Comentario en CSS ejemplo

/*
* Estilo del cuadrado que cambia de color con las teclas.
*/
#cuadrado{
   background-color:#998263;
   border-radius: 15px;
   box-shadow: 0 1px 4px 0 rgba(0,0,0,0.37);
   height: 10%;
   position: relative;
   width: 6%;
   /*width: 8%;*/
   margin-left: auto;
   margin-right: auto;
   margin-top: 10vh;
   padding: 50px 0px;
}

Comentarios en PHP (comment PHP)

La forma de comentar en PHP es igual que la forma de comentar en JavaScript, tanto en una linea como en varias.

<?php
/* My comment in php (Mi comentario en php) */
// My new comment in php (Mi nuevo comentario en php)
?>

Comentarios en PHP ejemplos

<html>
    <head>
    </head>
    <body>
        <?php
            /* Random */
   	    //En este ejemplo solo pruebo como funciona random en php
	    $num=rand(1,100);
	    echo $num;
	    echo"<br>";
	    if ($num<=10){
	        echo "el número es igual o menor a 10";	
            }else{
                echo "el número es mayo a 10";
            }
        ?>
    </body>
</html>

Bueno, eso es todo por ahora en un futuro tengo pesado hacer otro artículo de comentarios; pero de otro lenguajes claro.