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 3 Formas de incluir css en html La primera es escribir css directamente en html, mientras que la segunda forma es insertando un archivo css en html para separar el código y tener un Leer más…
Publicidad ¿Cómo funciona :has()? :has() es un selector o pseudo-clase que indica que vamos a aplicarle estilo al elemento superior que se encuentra antes de un elemento determinado. El elemento posterior al que nosotros queremos Leer más…
Publicidad Significado: Outline significa contorno y es ese contorno que suele aparecer cuando le damos clic a un <input> aunque también puede ser definido en otros elementos como: <span>, <a>,<p>, etc. Aquí te dejo un 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
CSS
¿Cómo agregar un archivo CSS en HTML?
Publicidad 3 Formas de incluir css en html La primera es escribir css directamente en html, mientras que la segunda forma es insertando un archivo css en html para separar el código y tener un Leer más…
CSS
Selector :has() – CSS
Publicidad ¿Cómo funciona :has()? :has() es un selector o pseudo-clase que indica que vamos a aplicarle estilo al elemento superior que se encuentra antes de un elemento determinado. El elemento posterior al que nosotros queremos Leer más…
CSS
Propiedad outline – CSS
Publicidad Significado: Outline significa contorno y es ese contorno que suele aparecer cuando le damos clic a un <input> aunque también puede ser definido en otros elementos como: <span>, <a>,<p>, etc. Aquí te dejo un Leer más…