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 Introducción Hola chicos, luego de muchos, muchos meses termine el juego inspirado en «Space Invader». El juego de «Space Invader» lo programe en GDscript, leyendo la documentación de Godot Engine. Detalles innecesarios Este Leer más…
Publicidad Para esto damos por hecho que ya tenemos una cuenta en github.com, entonces a continuación veremos como crear un repositorio. Creación de repositorio en GitHub 1. El repositorio lo creamos dando clic en Leer más…
Publicidad Introducción: Hola chicos, no he podido dejar de hacer animaciones, así que hoy les traigo otra, esta vez vamos a hacer un corazón muy bonito, el cual vamos a clonar 4 veces para luego 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
Programación
Primer juego terminado – Space Invader
Publicidad Introducción Hola chicos, luego de muchos, muchos meses termine el juego inspirado en «Space Invader». El juego de «Space Invader» lo programe en GDscript, leyendo la documentación de Godot Engine. Detalles innecesarios Este Leer más…
Linux
¿Cómo crear un repositorio en GitHub desde Linux?
Publicidad Para esto damos por hecho que ya tenemos una cuenta en github.com, entonces a continuación veremos como crear un repositorio. Creación de repositorio en GitHub 1. El repositorio lo creamos dando clic en Leer más…
CSS
Fondo animado de corazón en CSS – (CSS heart animation)
Publicidad Introducción: Hola chicos, no he podido dejar de hacer animaciones, así que hoy les traigo otra, esta vez vamos a hacer un corazón muy bonito, el cual vamos a clonar 4 veces para luego Leer más…