martes, 15 de noviembre de 2011

ABC DE HTML y CSS

El HTML, podria decirse que es el lenguaje utilizado para la elaboracion de paginas web.
El cual tiene su estructura y reglas.
Para comenzar a realizar nuestra pagina web, debemos de abrir el bloc de notas. Como dijimos anteriormente el HTML, es un lenguaje y como todo lenguaje tiene su estructura y reglas asi que es esencial agregar lo siguiente
  • Lo primero es agregar <html>, y </html> para cerrar la operacion.
  • Para agregar un titulo a nuestra pagina lo unico que debemos de hacer es agregar <head><title> juntamente escribimos el titulo de nuestra pagina y lo cerramos con:</title></head>
  • Para agregar el contenido que deseamos en nuestra pagina escribimos <body> juntamente agregamos el contenido que deseamos que tenga nuestra pagina y cerramos </body> nos quedara de la siguiente forma:



Para definir el tamano, los siguientes codigos, los debemos agregar debajo del texto donde deseamos agregarlo:
  • <style type - "text/css"> abajo
           .frase{ (abajo)
            font - size: 18 px; (elige el tamano que desees)
            } (cerramos la llave)

Para agregarle color a nuestro texto agregamos los siguientes codigos, recuerda que siempre van junto o abajo del texto que desees agregarle color:
  • <style type - "text/css"> abajo
           .frase{ (abajo)
            font - size: 18 px; (elige el tamano que desees)
            Color: ingresas el codigo del color que desees agregar
            } (cerramos la llave)

Para cambiar el estilo de letra que deseamos que tenga nuestra pagina web:
  
  • <style type - "text/css"> abajo
           .frase{ (abajo)
            font - size: 18 px; (elige el tamano que desees)
            Color:#20659f;(azul) tu puedes escoger el color que quieras
            Font - family: Arial;lige el estilo que mas te guste)
            } (cerramos la llave)
Texto en negrita agregamos:

  • <strong> texto </strong>
Si deseas agregar una tabla:
  • <table>
  • <tr> se usa para definir las filas de la tabla
  • <td> se usa para definir las celdas de la tabla
No olvides de cerrarlas:
  • </table>
  • </tr>
  • </td>
Si deseas centrar tu texto ingresas:
  • alighn = "center"
Si deseamos agregar una imagen:
  • <imgs src - "ingresa el link de la imagen.jpg" width - "agregas el tamano que deseas de tu imagen" height - "agregas el tamano que deseas de tu imagen">
Para agregar un videa de youtube:
  • Copias el link del video que desees insertar a tu pagina:
  • <link de tu video>
Para agregarle un fondo a tu pagina lo unico que debes de hacer es:
  • <style type - "text/css"> abajo
           .frase{ (abajo)
            font - size: 18 px; (elige el tamano que desees)
            Color:#20659f;(azul) tu puedes escoger el color que quieras
            Font - family: Arial;lige el estilo que mas te guste)
            } (cerramos la llave)
            body{
            background - color:#1dadc7; (agregas el codigo del color que desees para tu fondo)
            } (cerramos la llave)

Si deseamos una imagen como fondo:
  • <style type - "text/css"> abajo
           .frase{ (abajo)
            font - size: 18 px; (elige el tamano que desees)
            Color:#20659f;(azul) tu puedes escoger el color que quieras
            Font - family: Arial;lige el estilo que mas te guste)
            } (cerramos la llave)
            body{
            background - image: url (fondo.jpg);
            } (cerramos la llave)