Comentarios en HTML

Ahora si descansamos un poco de tanto código para ordenarnos bien y aprender las buenas prácticas de un programador. Como sabrán toda cosa que se hace con orden tiene mejores resultados que las cosas que se hacen a la apurada y sin ningún tipo de parámetros.

Es probable que ustedes conozcan al milímetro los códigos que conformaran su web, pero pasará lo mismo con otras personas ajenas a la construcción de la misma?.

Imagínense que caiga a las manos de ustedes una web de un amigo, el cual les pide que le echen una mano y arreglen o modifiquen su web, claro esta como ustedes aprendieron en AxSidE serán recontra pedidos por amigos y familiares jeje, así que aceptarán el reto. Grande será su sorpresa cuando se den cuenta que no entienden el código, no saben cuando comienza y cuando acaba un DIV o algun otro elemento.

Esto lo podríamos solucionar si trabajáramos con los famosos Comentarios en HTML, estos comentarios no interfieren en el diseño de nuestra web y por el contrario nos ayudan a tener todo mas ordenado.

Para entenderlo mejor un comentario se da con este código:

Todo lo que escribamos entre estos códigos  no se vera en tu web más solo se vera cuando revises tu código. Ahora bien esto lo podemos utilizar para señalar donde comienza y donde acaba un diva si:

<!—Acá comienza el div ejemplo -->
<div class=”ejemplo”>
</div>
<!—acá acaba el div ejemplo -->

Claro esta que no les voy a pedir que comenten cada div que tengan, ya lo intente una vez pero para mi mala suerte habían como 400 div en mi página, no se los recomiendo van a acabar llorando jeje, solo comenten los divs mas generales que les puedan dar una idea de la división de su página, en general se los dejo a su libre albedrío.

Para el curso yo he comentado lo que me parecio mas importante, si ustedes gustan lo dejan así como yo o comenten lo que deseen, recuerden con el código bien escrito no se vera en sus webs.

El index me quedo así:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<link rel="stylesheet" type="text/css" href="estilos.css">
</head>
<body>

<div class="banner">Banner</div>


<div class="contenedor">
<div class="menuIzq">Menu Izquierda</div>

<div class="cuerpo">
<p>“Este es el primer texto de nuestra página!!” </p>
<p>Segundo parrafo, pueden poner lo que ustedes quieran </p>
<p>Wow tanto codigo, aprendiendo ahora a cambiar de linea.. <br />
Y wualaaa ya esta! </p>
<br />
<a href="http://www.axside.com" ><img src="imagenes/objeto1.jpg" alt="texto alternativo" width="127" height="95" border="0" longdesc="Descripcion larga"></a><br />
página creada con ayuda de <a href="www.axside.com">Axside</a></div>

<div class="menuDer">Menu Derecha</div>
</div>


<div class="piepágina">
<div class="base1">Base 1</div>
<div class="base2">Base 2</div>
</div>

</body>
</html>

Ahora si acabamos de darle más orden a nuestro código, ahora si podremos seguir con el diseño, vamos…

<<<<< Anterior Siguiente >>>>>