Conozcamos mas de HTML
HTML es donde comienza la magia del diseño de la página web.Pero que significa HTML?
HTML es un lenguaje de marcado que se utiliza para el desarrollo de páginas de Internet.
Se trata de la sigla que corresponde a HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto, que podría ser traducido como Lenguaje de Formato de Documentos para Hipertexto.
El lenguaje de marcado de hipertexto es una forma simple y elegante de estructurar el contenido.
y como cualquier otro lenguaje este tiene una gramática.
Déjame presentarte a los TAGs o en español llamado etiqueta.
Etiqueta: La estructura básica de un documento HTML incluye etiquetas, que rodean el contenido y le dan sentido.
hagamos un ejemplo :
Pega el siguiente texto a tu editor , guárdalo como html y ábrelo en tu navegador.
hagamos un ejemplo :
Pega el siguiente texto a tu editor , guárdalo como html y ábrelo en tu navegador.
<!DOCTYPE html>
<html>
<body>
Mi primera pagina!!
</body>
</html>
Lo que veras sera:
Analizamos que paso?
El navegador interpreto la pagina y mostró tu texto que estaba contenido dentro de la etiqueta body.
Aprendamos algunas reglas de HTML
<!DOCTYPE html>
Siempre la etiqueta DOCTYPE va en el comienzo del archivo , esto es para indicar que tipo de documnto ,y a version de html que estes usando html5.
Es muy importante incluir esto. Si no lo haces, los navegadores supondrán que no sabes realmente lo que estás haciendo y actuar de una manera muy peculiar.
<html>
es la etiqueta de apertura que arranca y le dice al navegador que todo lo que hay entre eso y la etiqueta de cierre </ html> es un documento HTML.
<body>
Lo que está entre <body> y </ body> es el contenido principal del documento que aparecerá en la ventana del navegador.
nota: siempre que abras una etiqueta pon su respectivo cierre de ella , </ body> y </ html>.
Pero como en todo lenguaje tiene sus reglas y excepciones , No todas las etiquetas tienen etiquetas de cierre como esta (<html> </ html>) algunas etiquetas, que no se ajustan al contenido, se cerrarán por sí mismas. La etiqueta de salto de línea, por ejemplo, se ve así: <br> <br> un salto de línea no contiene ningún contenido, por lo que la etiqueta queda felizmente en su yo solitario.
ya veremos en otro post un poco mas de esto. Todo lo que necesita recordar es que todas las etiquetas con contenido entre ellas deben estar cerradas.
en el formato básico:
etiqueta de apertura → contenido → etiqueta de cierre.
Espero que este post te ayude a entender un poco mas de html, pronto estaremos profundizando mas este tema.