En el mundo de internet vemos a muchas páginas webs que nos presentan contenidos de forma muy variadas. ¿Cómo se arman?, ¿puedo hacer una yo?. son misterios que vamos a mostrar a lo largo de post que iremos armando en este blog.
Lo llamaremos: html accesible.
HTML es el lenguaje que se utiliza para crear una página web, todas están basadas en este lenguaje. ¿Y porqué accesible?: no nos enfocaremos en diseños, ni cosas que se vea bonita, veremos solo los conceptos y como armar una web. Luego podremos ir nosotros complejizándola mas con otros lenguajes como javascript o css.
HTML significa "HyperText Markup Language", un lenguaje de marcas de hipertexto. Y remarcamos esta última palabra "texto", ya que esa es la mas importante, debido a que todo lo que realizaremos son textos con funciones especiales.
¿Qué es un hipertexto?: un texto es lo que podemos leer de principio a fin, un documento, un libro, etc. Encambio denominamos hipertexto, a aquellos textos que se pueden linkear, podemos crear compuertas para ir de uno a otro y ponerle mas funcionalidades, esas compuertas las conocemos como links o enlaces. Para realizar estas funciones en el lenguaje HTML se crearon marcas, formas de denominar: esto es un párrafo, esto es un título, esto es un enlace, esto es una lista o esto es una tabla. Dichas marcas la podemos encontrar de 2 formas:
* Etiquetas que abren y cierran.
* o Etiquetas que solo indican algo.
Dichas etiquetas son leídas por el browser (navegador de internet): firefox, internet explorer, chrome, etc. Y estos son los encargados de armar y presentarnos la web como nosotros la conocemos.
Las etiquetas siempre se indican entre los símbolos < (menor que) y > (mayor que). Ejemplo: para indicar que el documento es un html se pone esta etiqueta: <html>
Pero como imaginarán todo documento tiene un cierre, un final, para indicar los finales de la etiqueta se agrega una / (barra), luego del < (menor que). Entonces para cerrar el documento html se hace con esta etiqueta: </html>
Entonces si copiamos el siguiente código en nuestro editor preferido:
en windows: block de notas (notepad)
en linux: vi, nano, etc.
<html>
</html>
y lo guardamos como: miweb.html
para luego abrirlo, podremos ver en el navegador nuestra primera web. Pero está bacía!. Claro, porque no le pusimos contenido.
Para agregarle contenido tenemos que agregarle un cuerpo al documento, en inglés (body).
Las etiquetas son:
abrir: <body>
cerrar: </body>
Entonces como primera prueba quedará copiar el siguiente código, pegarlo en nuestro editor y ver que realiza:
<html>
<body>
mi primera web.
</body>
</html>
hasta la próxima clase.
Ir a la clase 2
2 comentarios:
hola Miguel: no sé que parte estoy haciendo mal o si me salté un paso, pero no me sale. lo que hice fue copiarle el código y lo guardé en el blog de notas de windows, pero ahí quedó
buenas lucía, verifica que al guardar lo hayas hecho en formato .HTML, tiene que quedarte como: miweb.html. luego al abirlo tiene que abrirlo con tu navegador que uses habitualmente. y tendría que aparecerte el texto que copiamos, sin las etiquetas.
Publicar un comentario