Hoy vamos a explicar qué es HTML
Éste es el lenguaje con el que se estructuran internamente
las páginas web. Básicamente se trata de un conjunto de instrucciones
(etiquetas) que sirven para dar formato al texto y definir donde y como se van
a presentar los elementos de página.
Aunque no es necesario saber HTML, siempre es conveniente
tener unas nociones básicas.
Consiste en una serie de etiquetas encerradas entre los
símbolos <> y casi todas las etiquetas constan de dos marcas, una de
apertura y otra de cierre.
<etiqueta>
Contenido
</etiqueta>
Cuando queremos agregar en HTML comentarios, que aconsejo ir
poniendo, para saber qué es lo que vas a modificar, se utilizarían estos símbolos;
<!--Contenido
-->
Cuando accedamos al HTML de nuestro blog veremos que este
consta de distintas secciones
1. Una línea donde se indica la versión de HTML utilizada (<!DOCTYPE>)
No tiene cierre.
2. La cabecera (delimitada por las etiquetas <head> y </head>).
3. El cuerpo (delimitado por las etiquetas <body> y </body>).
Cuando editemos nuestro código nos daremos cuenta que ciertas
etiquetas se repiten de manera constante como son: <h1> <h2> etc.
Estas etiquetas se utilizan para títulos y cabeceras. Puedes modificar el
estilo de estos títulos poniendo el código:
<style>
h 1 {
modificamos lo que queramos;
}
</style>
Algunas de las cosas que podemos modificar son:
La alineación
del texto: text-align: center / left
/right / justify
Podemos cambiar la forma del
texto:
•<b> Negrita </b>
•<i> itálica</i>
•<big> GRANDE </big>
•<small> pequeña</small>
•<sub> SUBÍNDICE </sub>
•<sup> SUPERINDICE </sup>
•<u> Subrayado </u>
El
color: color: red/blue/green, etc
Para acceder al código HTML debemos meternos a blogger –
Plantilla – Editar HTML
En este tutorial vamos aprender por ejemplo como alinear la
cabeza del blog, como poner una línea y como crear un nuevo identificador para
cambiar estilos.
1.
COMO ALINEAR LA CABECERA.
<head>
<!--Modificamos
la alineación de la cabecera-->
<style>
h 1 {
text-align: center;
}
</style>
</head>
2.
Cuando en ocasiones queremos crear otro estilo
de texto y no queremos modificar ningún <h1>, <h2>, etc. deberemos
de realizar lo siguiente:
<head>
<style>
#ETIQUETA {
text-align: center;
color: red;
}
</style>
</head>
Si este estilo se lo aplicamos a la
descripción, por ejemplo, deberíamos de hacer lo siguiente:
<body>
<div id=”ETIQUETA”>
Contenido
</div>
</body>
<hr
/>
Ejemplo:
<hr aling=”left” noshade=”noshade”
size=”2” width=”80%” />
Para practicar el código HTML os recomiendo
entrar en las siguientes paginas: