Entradas

Lo básico: Estilo cascada y Herencia

Imagen
Cascada La apariencia final de una pagina web es el resultado de diferentes reglas de estilo. Las principales fuentes de informacion de estilo que forman una cascada son: La hoja de estilo creada por el autor de la página Los estilos predeterminados del navegador Los estilos especificados por el usuario Herencia Esto hace referencia a la forma en que fluyen las propiedades a través de la página. Un elemento hijo generalmente tomara las caracteristicas del elemento padre, a menos que se defina lo contrario. Ya que la etiqueta <p>(Elemento secundario) esta dentro de la etiqueta <body>(Elemento primario) tomara cualquier valor que se le asigne al elemento primario dando como resultado esto:

Lo básico: Comentarios en CSS

Imagen
Recordemos que los comentarios son útiles para cuando queremos explicar o entender mejor nuestro código y estos son ignorados por el navegador

Conceptos básicos de HTML: Enlaces

Imagen
La etiqueta <a> Los enlaces en las paginas web son muy comunes ya sea en textos o imágenes para ser dirigidos a otro sitio web o un archivo. Esto se logra con la etiqueta <a> y agregandole el atributo href  el cual nos indica hacia donde nos dirige el enlace. Para hacer que una imagen funcione como un enlace simplemente ponemos la etiqueta <img> entre las etiquetas <a>: Cuando damos clic a los enlaces que hemos creado estos nos redirigen en la misma pagina lo que para muchos es muy molesto, pero si a la etiqueta <a> le agregamos el atributo target y le damos un valor _blank el enlace nos redirigirá en una nueva pestaña

Conceptos básicos de HTML: Imágenes

Imagen
La etiqueta <img> Esta etiqueta se usa cuando queremos insertar una imagen y esta solo contiene atributos, tampoco hay una etiqueta de apertura y otra de cierre y se ve así: El atributo src se utiliza para encontrar la URL (dirección) de la imagen. Ubicación de la imagen La imagen que queramos insertar en nuestra pagina debe de estar en la misma ubicación que nuestro archivo HTML, especificandolo con el atributo src y poniendo el nombre de la imagen entre las casillas junto su extensión. En caso de que la imagen no pueda mostrarse, el atributo alt  especifica en palabras el porque no se mostró. Este atributo es importante. Cambio del tamaño de las imagenes. Para cambiar el tamaño de las imagenes se usan los atributos de largo y ancho (height y widht): Borde de la imagen Las etiquetas por defecto no tienen borde, si queremos agregar un borde lo podemos hacer con la etiqueta border :

Conceptos básicos HTML: Atributos

Imagen
Atributos Los atributos se encargan de darle información a los elementos al mismo tiempo que pueden modificarlos, ya que casi todos los atributos tienen un valor y este valor a su vez modifica el atributo. En este ejemplo podemos observar el atributo align y le damos al valor center para que nos de el siguiente resultado: Los atributos siempre deben de especificarse en la etiqueta de apertura del elemento que queremos modificar. Mediciones de atributos Por ejemplo podemos modificar una linea para que tenga un ancho de 60 pixeles. Esto se hace con el atributo width: Esto de igual manera se puede hacer en porcentaje. Atributo de  alineación Estos atributos como su titulo lo dice son aquellos que usamos para alinear nuestro texto de la manera que lo necesitemos. Por ejemplo podemos hacer un texto alineado al centro y una linea alineada hacia la izquierda, así: Dando esto como resultado:

Conceptos básicos de HTML: Elementos

Imagen
Elementos HTML Podemos decir en pocas palabras que los elementos HTML son todas sus etiquetas. Hay algunos elementos pequeños que no tienen etiquetas de apertura y cierre, son elementos individuales como es el caso de la etiqueta <br>. Ejemplo:

JavaScript externo

Imagen
Los scripts también se pueden usar en archivos externos al igual que CSS como lo vimos en ese curso. Esto es muy útil cuando vamos a usar el mismo código en diferentes paginas web y se guarda con la extensión .js Para usar el JavaScript externo solo tenemos que colocar su nombre dentro de la etiqueta <script> del documento HTML agregándole al atributo src de esta manera: Y en el archivo JavaScript  de esta manera: El resultado será el mismo que cuando incluimos el JavaScript al archivo HTML. También podemos crear una referencia ya sea en <head> o en <body> donde usted lo prefiera. Las ventajas de hacer esto es que podemos separar el HTML del código, hacer que las paginas sean más rápidas y archivos sean legibles.