É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
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
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:
No hay comentarios:
Publicar un comentario