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.
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.
Publicidad La primera vez que hice una suma en bash fue muy difícil, no podía comprender mis errores, así que hoy prendo hacer apuntes fáciles sobre bash para recordarlo en un futuro. Nota: El primer Leer más…
Publicidad Introducción: Un día escuchando una platica de @kj con @Crayder sobre programación vino a mi la idea de hacer una Ruleta en css como reto. 🤯🤓🤔 Más adelante a medida que terminaba la Leer más…
Publicidad Introducción: Hola chicos, hoy veremos la animación de «Homer Simpson» y su «donut». Antes tengo que aclarar que «Homer Simpson» no esta hecho en CSS, en realidad es una imagen svg; pero la «donut» Leer más…
Comentarios en HTML, JavaScript, CSS y PHP
Publicado por Ney en
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:
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:
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.
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.
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.
Relacionado
Entradas relacionadas
Linux
Aritmética en bash | suma, resta, división y multiplicación
Publicidad La primera vez que hice una suma en bash fue muy difícil, no podía comprender mis errores, así que hoy prendo hacer apuntes fáciles sobre bash para recordarlo en un futuro. Nota: El primer Leer más…
CSS
Roulette o ruleta – Animación CSS
Publicidad Introducción: Un día escuchando una platica de @kj con @Crayder sobre programación vino a mi la idea de hacer una Ruleta en css como reto. 🤯🤓🤔 Más adelante a medida que terminaba la Leer más…
CSS
Homer Simpson and donut – Animación CSS
Publicidad Introducción: Hola chicos, hoy veremos la animación de «Homer Simpson» y su «donut». Antes tengo que aclarar que «Homer Simpson» no esta hecho en CSS, en realidad es una imagen svg; pero la «donut» Leer más…