imagen de istockphoto
¿Que es HTML?
HTML signifca:
Hypertext Markup language que en español sería algo así como Lenguaje de Etiquetas de Hipertexto.
Hoy veremos qué es HTML, y para que sirve.
¿Que es un Lenguaje de Etiquetas?
Lo que escribes (el HTML).
Sabes que el HTML es la clave para hacer que un navegador muestre tus páginas, pero ¿como es que se ve el HTML?
Imagina que quieres crear una página para un nuevo café (HTML café) un lugar con internet inalámbrico, donde puedes sentarte a escuchar buena música y charlar con tus amigos sobre HTML o CSS.
Esto es lo que escribirías en HTML:
Y esto sería lo que ves en el navegador
No espero que sepas HTML en este momento, esto es sólo para que tengas una idea de como se ve, luego cubriremos todo con más detalle. Por el momento compara la imagen del HTML con la imagen de lo que muestra navegador.
¿Entonces HTML son sólo un montón de etiquetas?
En principio sí, recuerda que el HTML es un lenguaje de etiquetas, pero también está la parte de hipertexto, pero ya tocaremos eso más adelante.
No veo la indentación en el navegador ¿A donde se fue?
No, no la ves, eso se debe a que los navegadores ignoran la mayoría de espacios, tabulaciones y saltos de linea y usan la estructura de tu HTML para darle forma a la página.
Entonces, ¿Por que usé tabulaciones y saltos de línea en mi código?
Pues porque eso hace el código más ordenado y legible.
¿<h1>, <h2>, que es eso?
Son encabezados, y hay seis: desde <h1> hasta <h6>
¿Y para que sirve el <p>?
<p> le dice al navegador que se trata de un párrafo.
¿Y ese elemento tan complicado
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>?
Ya hablaremos de eso en su momento, por ahora basta saber que sin eso la pagina se vería así.
¿Notas que no se muestran ni los tildes ni la ñ?
Una etiqueta consiste en el nombre de la etiqueta rodeado por paréntesis angulares, esos son
< (menor que) y > (mayor que).
Por ejemplo, <h1> es la etiqueta inicial que comienza el encabezado y </h1> es la etiqueta de cierre que lo termina, sabemos que es una etiqueta de cierre porque viene después del contenido y tiene un "/" antes del h1. todas las etiquetas de cierre tienen un "/".
Todo junto se llama elemento, en este caso lo llamamos elemento <h1>
En resumen, para describirle al navegador la estructura de una página web, usa pares de etiquetas alrededor del contenido.
Recuerda:
ELEMENTO = ETIQUETA INICIAL + CONTENIDO + ETIQUETA FINAL
¿Que pasa con el elemento <img>, no tiene etiqueta de cierre?
¡Buena pregunta!, hay ciertos elementos como por ejemplo <img> que usan una notación diferente, no te preocupes por eso ahora, lo comentaremos luego.
¿Que es hypertexto?
Nada importante, sólo TODA LA BASE DE LA WEB
para eso tenemos a nuestra buena amiga, la etiqueta <a> que se encarga de crear enlaces entre páginas... pero ya veremos eso en la siguiente entrada de este tutorial.
Etiquetas:
Comentarios
deja un comentario
Me encuentro comenzando el cursado de Webmaster y entré a esta página para buscar datos sobre HTML...los felicito por la información, es clara y consistente. Directo a mis favoritos.
Gracias! Saludos .-
ahora el html es mas claro para.... mi vi la luz
buena profe
No puedo creer que haya encontrado esta página. No tenía idea de cómo agregarle detalles a un blog que estoy armando, porque ignoro por completo todo lo referente a html. Pero por fin una persona como vos se apiada y nos hace simple el camino. Prometo ser una buena alumna y enviarte mi trabajo al final. Muchas gracias, Germán!!!!
Hola Tere,
Muchas gracias a ti, no sabes como me alegró leer un comentario como el tuyo.
Espero que me envíes el trabajo al final :P y cuenta conmigo para ayudarte.
Saludos!
Gracias!! Estoy iniciando en html y me ha sido de gran ayuda :=)
Deja un comentario