Un documento HTML ha de estar delimitado por la etiqueta< ht ml> y</ht ml>. Dentro de este
documento, podemos asimismo distinguir dos partes principales:
El encabezado, delimitado por<head> y</head> donde colocaremos etiquetas de índole
informativo como por ejemplo el titulo de nuestra página.
El cuerpo, flanqueado por las etiquetas<body> y</body>, que será donde colocaremos
nuestro texto e imágenes delimitados a su vez por otras etiquetas como las que hemos visto.
El resultado es un documento con la siguiente estructura:
<html>
<head>
Etiquetas y contenidos del encabezado
Datos que no aparecen en nuestra página pero que son importantes para catalogarla: Titulo,
palabras clave,...
</head>
<body>
Etiquetas y contenidos del cuerpo
Parte del documento que será mostrada por el navegador: Texto e imágenes
</body>
</html>
Estas son algunas de las etiquetas más utilizadas:
< html>marcan el inicio y el final de una pagina web< /html>
< title>establece un titulo para la pagina< /title>
< body bgcolor="">establece un color de fondo para la pagina
< title>establece un titulo para la pagina< /title>
< body bgcolor="">establece un color de fondo para la pagina
< body background="">establece una imagen de fondo para la pagina < body
text="">establece el color de letra en la pagina
< h1>establece un encabezado en la pagina< /h1> < hr>agrega una línea separadora
Etiquetas de texto
< b>pone el texto en negrita< i>pone el texto en cursiva< /i>< font color="">cambia el color de texto< font size="">cambia el tamaño del texto
< b>pone el texto en negrita< i>pone el texto en cursiva< /i>< font color="">cambia el color de texto< font size="">cambia el tamaño del texto
< font face=""> cambia el tipo de letra < font color=""size=""face=""> cambia el color el
tamaño y el tipo de letra< /font>
Etiquetas de enlace
< aref0"">texto< /a>añade un enlace utilizado la palabra texto< ahref="">< img src="">< /a>añade un enlace utilizando una imagen
< aref0"">texto< /a>añade un enlace utilizado la palabra texto< ahref="">< img src="">< /a>añade un enlace utilizando una imagen
Para alinear un párrafo se utiliza el comando< align> y</a lign>, utilizado dentro de la etiqueta
<p>. Se puede alinear de tres formas diferentes:
<p align="left">Pár r afo ... </p> Alinea a la izquierda.<p align="center">Pár r afo ... </p> Realiza un centrado.<p align="right">Pár r afo ... </p> Alinea a la derecha.< p> indica el inicio de un párrafo nuevo< br>cambia el texto a otra línea< pre>añade un texto preformateado < /pre>
< li>sirve para listar objetos< ul>añade numeración a los objetos listados< ul>añade viñetas a los objetos listados< /ul>
< blockquote>resalta una línea ubicada en un párrafo< /blockquote> indica el inicio de una definición
< li>sirve para listar objetos< ul>añade numeración a los objetos listados< ul>añade viñetas a los objetos listados< /ul>
< blockquote>resalta una línea ubicada en un párrafo< /blockquote> indica el inicio de una definición
No hay comentarios:
Publicar un comentario