miércoles, 24 de diciembre de 2014

HTML y CSS desde cero - Atributos y comentarios

Que tal gente, en este segundo tutorial vamos a ver lo que son los atributos y como hacer comentarios en nuestro código.

Los atributos son propiedades que le ponemos a las etiquetas html, como por ejemplo:

<a href="http://ww.google.com">Ir a google</a>

Si se fijan arriba,  tenemos una etiqueta <a> </a>, y esta etiqueta tiene un atributo llamado href de color rojo, a este atributo le pusimos un valor que es lo que esta en color azul "http://ww.google.com".

Los atributos se ponen dentro de la etiqueta de apertura (inicio), primero se pone el nombre del atributo (href), después el signo igual (=) y por ultimo el valor entre comillas ("http://ww.google.com").

Si analizamos la linea anterior:
<a href="http://ww.google.com">Ir a google</a>
Esta etiqueta <a> </a> es para poner links en nuestra página, el atributo href  es para indicar alguna página web a donde vamos a dirigirnos, en esta caso "http://ww.google.com" y entre las etiquetas debemos poner el texto que querremos que se muestre en la página web, si nosotros hacemos click en ese texto que ponemos entre las etiquetas, nos dirigiremos a la pagina definida en el atributo href.

Esta etiqueta si la ejecutamos en el navegador, tendriamos algo como lo siguiente:
Ir a google
Vieron, solo se ve el texto que pusimos entre las etiquetas, pero si hacemos click nos llevara a la pagina que definimos con el atributo href

Existen muchos atributos, el cual los iremos viendo a medida que avanza el curso, en cada etiqueta podemos usar atributos diferentes, por ejemplo en la etiqueta <img></img> podemos usar el atributo src para indicar alguna ruta, pero ya veremos mas a fondo como usar estas etiquetas y estos atributos.

En pocas palabras, los atributos nos sirven para dar propiedades a las etiquetas.


Los comentarios sirven explicar partes de códigos que nosotros ponemos en nuestras paginas, solo son para nosotros los desarolladores y no para el usuario, el navegador no tendrá en cuenta los comentarios que nosotros ponemos al ejecutar la pagina, solo los ignora y no los muestra en la pagina, es decir no son códigos que el navegador ejecuta, simplemente son para explicar y entender mejor el código que nosotros escribimos. Bueno espero lo entiendan jaja.

Un comentario se vería de la siguiente manera:
<!-- Esto es un comentario y no se ejecutara -->

Para hacer un comentario siempre debes escribir estas 2 cosas:
<!-- inicio
--> cierre
y entre medio de ellas el comentario que quieras. Un comentario completo se vería de la siguiente manera:
<!-- Acá escribirás tu comentario -->

También puedes escribir comentarios de varias lineas, pero siempre entre <!-- -->. Un comentario de varias lineas se vería de la siguiente manera:
<!-- Esto es un comentario
de varias lineas
un saludo-->

Puedes poner tantos comentarios como quieras, en cualquier parte de tu código html.

Bueno gente, nos vemos en el siguiente tutorial, un saludo y feliz navidad a todos
Recuerden cualquier duda comentar, estoy aquí.

No hay comentarios:

Publicar un comentario