SINTAXIS HTML
Para aquellos que usen foros a menudo, esto va a ser relativamente facil, para los que no tambien XD.
La sintaxis del HTML se basa en elementos a los que llamaremos etiquetas. Cada etiqueta esta formada por dos partes:
Inicio de la etiqueta <etiqueta>
Cierre de la etiqueta </etiqueta>
Todo lo que este dentro del inicio y cierre de la etiqueta sera afectado por las modificaciones de la etiqueta. Para ser mas claros vamos con unos ejemplos practicos.
La etiqueta <b></b> define un texto en negrita por lo tanto si escribimos:
<b>Este texto esta en negrita</b>
El resultado sera:
Este texto esta en negrita
La etiqueta <i></i> define un texto en cursiva por lo tanto si escribimos:
<i>Este texto esta en cursiva</i>
El resultado sera:
Este texto esta en cursiva
Uno mas:
La etiqueta <p></p> define un parrafo por lo tanto si escribimos:
<p>Esto es un parrafo</p>
<p>Esto es otro parrafo</p>
El resultado sera:
Esto es un parrafo
Esto es otro parrafo
Puntos a tener en cuenta sobre las etiquetas:
- HTML no reconoce entre mayusculas y minusculas es lo mismo escribir <p></p> que <P></P> lo mismo si mezclamos mayusculas con minusculas
- Mantener el orden de las etiquetas: si queremos un texto en negrita y cursiva la manera correcta de escribirlo es asi: <b><i>Este texto esta en negrita y cursiva</i></b> o asi <i><b>Este texto esta en negrita y cursiva</b></i> pero nunca asi <b><i>Este texto esta en negrita y cursiva</b></i> . la etiqueta mas cercana del lado derecho del texto sera la mas cercana del lado izquierdo y asi sucesivament
CUERPO DE UN DOCUMENTO HTML
Ademas de las etiquetas con la que dimos algo de formato a nuestro texto, existen algunas etiquetas indispensables, necesarias o como les quieran llamar. Las etiquetas de las que voy a hablar en este punto si o si deben formar parte de todo documento HTML.
Un documento HTML Siempre comienza con la etiqueta <html> esta etiqueta es la que le dira a nuestro navegador que lo proximo que leera sera codigo html, cuando el navegador lea la etiqueta de cierre </html> entendera que finalizo el codigo html.
Seguido de la etiqueta <html> vendra la etiqueta <head> que marca el inicio de la cabecera de nuestra pagina y su respectivo final en </head> En la cabecera colocaremos informacion de la pagina como metadatos, codigo javascript necesario para ejecutar ciertos comandos, el titulo de la pagina, etc.
Luego vendra el cuerpo de la pagina con la etiqueta <body> que sera donde centremos nuestro trabajo, todo el contenido, imagenes texto o lo que sea ira en el cuerpo.
Resumiendo:
<html> Limita el inicio y fin de la pagina
<head> Cabecera de la pagina (con informacion necesaria que no se mostrara en la pagina)
<body> Cuerpo y contenido de la pagina.
Siguiendo estas instrucciones entendemos que TODO documento html se estructurara siempre de esta manera:
<html>
<head>
codigo para la cabecera de la pagina
</head>
<body>
Cuerpo o contenido de la pagina
</body>
</html>
<head>
codigo para la cabecera de la pagina
</head>
<body>
Cuerpo o contenido de la pagina
</body>
</html>
En el proximo capitulo de este curso: Practica 1 y 2
No hay comentarios:
Publicar un comentario