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)
















































