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 Luego de instalar Git tenemos que establecer o colocar nuestro nombre de usuario y el correo de la siguiente forma. $ git config --global user.name "My_name" $ git config --global user.email"My_email@example.com" Estas 2 lineas, Leer más…
Publicidad ¿Cómo ver el manual o la ayuda de Git en la terminal? En la terminal podemos usar las siguientes 3 formas para ver el manual de ayuda: Primer forma $ git --help Segunda Leer más…
Publicidad 1. ¿Cómo crear una base de datos en SQL? Creamos una base de datos con el comando «create». create database nombreBD; Nota: nombreBD es nombre de la base de datos. 2. ¿Cómo ver las 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
Lo primero que haces luego de instalar Git
Publicidad Luego de instalar Git tenemos que establecer o colocar nuestro nombre de usuario y el correo de la siguiente forma. $ git config --global user.name "My_name" $ git config --global user.email"My_email@example.com" Estas 2 lineas, Leer más…
Programación
3 Formas de ver el manual de Git en la terminal
Publicidad ¿Cómo ver el manual o la ayuda de Git en la terminal? En la terminal podemos usar las siguientes 3 formas para ver el manual de ayuda: Primer forma $ git --help Segunda Leer más…
Programación
Apuntes de SQL (create, show, use, insert, select)
Publicidad 1. ¿Cómo crear una base de datos en SQL? Creamos una base de datos con el comando «create». create database nombreBD; Nota: nombreBD es nombre de la base de datos. 2. ¿Cómo ver las Leer más…