¿Qué es el HTML? ¿Qué hace? ¿Y para qué se utiliza? (Explicación en video)

Entender el HTML abre la web. Una vez que sepas lo que es, y cómo funciona, pronto verás cómo funciona lo básico de gran parte de la internet entera – y más importante: tanto cómo se crean las páginas web básicas como cómo editarlas. Lo que es más, aunque al principio es desalentador, ¡el HTML es realmente un lenguaje muy, muy simple de aprender! ¿Listo para descubrir todo sobre el HTML?

Echemos un vistazo…

¿Qué es el HTML y qué hace?:

– (nota: créditos de video de Topher DeRosia – creador de HeroPress)

Transcripción de video:

¡Hola! Soy Topher con WinningWP. En este video, vamos a responder a las preguntas: ¿Qué es el HTML? ¿Qué hace y para qué se usa? Voy a empezar diciéndoles lo que representa y luego les mostraré lo que hace y para qué se usa. HTML significa lenguaje de marcado de hipertexto, y el hipertexto se refiere al hecho de que el HTML lo hace para que puedas hacer clic en los enlaces de las páginas web. Ese es el hipertexto. Las palabras lenguaje de marcado sólo significan que es algo que se usa para marcar el inglés normal para indicar cosas. Déjame mostrarte lo que quiero decir: Esta es una página web normal. Está en WordPress, y toda la página usa HTML para decirle al navegador qué hacer con todo este texto. Algunos son más importantes que otros, algunos están en tablas, otros en imágenes, y en cualquier página web, en cualquier navegador, puedes hacer clic con el botón derecho del ratón y ver el origen de la página, y ver todo ese HTML. Afortunadamente, no necesitas saber todo ese HTML. Te voy a mostrar lo que necesitas saber en el contexto de WordPress. Este es el mismo post, pero en el área de administración, y si estás acostumbrado a WordPress, esto debería resultarte familiar. Esta es el área de contenido normal. Este tipo de editor se llama wysiwyg, porque significa que lo que ves es lo que obtienes. Esta palabra primero es un poco más oscura que todas las demás porque la resalté y hice clic en el botón de negrita, y por eso ahora se ve en negrita. Esta palabra, estadística, es en realidad un encabezamiento, tamaño tres, y diversidad es también un encabezamiento, tamaño cuatro, pero este texto normal es sólo un párrafo. Ahora, una cosa buena de este editor es que justo aquí, en la parte superior derecha, hay un botón que dice texto. Y ahora estamos viendo la misma información, pero podemos ver el HTML en bruto. Justo aquí está la palabra primero. ¿Recuerdan cómo la resalté y la puse en negrita? Lo que realmente pasó es que se envolvió en unas etiquetas HTML llamadas “fuertes”. El HTML normalmente viene en dos etiquetas: una de apertura y otra de cierre, y el cierre es diferente porque tiene esta pequeña barra aquí. Así que algo realmente importante que hay que saber sobre el HTML es que describe el texto que está marcando. No quiero que esto sea en negrita. Quiero que sea fuerte. En un lector de pantalla, no importa si está en negrita o no, pero la etiqueta fuerte le dice al lector que lo diga con más fuerza. Mis encabezados, tres y cuatro, aquí mismo, indican una jerarquía a este texto. Puede ser útil para la gente que lee, pero es realmente útil para que Google entienda lo que pasa con su texto, y también es útil para los lectores de pantalla. Algo importante a tener en cuenta es que no todos los navegadores muestran el HTML de la misma manera. Incluso aquí dentro de este navegador que es Chrome, este es un encabezado de tamaño cuatro, y se ve igual que el texto de un párrafo. Pero si volvemos a la entrada real, notarán que es mucho más grande que el texto del párrafo. También es importante recordar que no todos los navegadores muestran las cosas de la misma manera. Por lo tanto, no puedes contar con el HTML para hacer esto más grande y en negrita. Simplemente usas HTML para describirlo como un encabezado de tamaño tres y luego el navegador se encarga de qué hacer con eso. En algunos casos, lo hace más grande y en negrita, pero en otros casos no. Dentro de este post, tenemos una tabla justo aquí, y si vamos al modo de texto, puedes ver que está justo aquí: tabla, cuerpo de la tabla, fila de la tabla, etcétera. Y debajo de la tabla tenemos una imagen. Y en el html la imagen se ve así: comienza con img, luego hay una clase, de la que hablaremos en otro video, y luego está la etiqueta de origen, que nos dice dónde está la imagen en Internet. Tenemos una etiqueta alt para los lectores de pantalla, y tenemos una etiqueta de ancho y alto, para que el navegador sepa de antemano cuán grande va a ser esta imagen. Es probable que no necesites usar esta etiqueta de texto muy a menudo, pero aprender un poco acerca de cómo funciona el HTML puede ahorrarte mucho tiempo en el futuro. Cuando el editor wysiwyg no se comporta como debería, puede hacer clic en la pestaña de texto y ver lo que está sucediendo. Tal vez quieras que estos dos puntos estén dentro de las etiquetas fuertes, pero tu ratón no quiso resaltarlos bien. Pero ahí lo tienes, ahora está dentro. Ahora podemos actualizar, y saldremos aquí, y aún no he recargado, así que el colon sigue fuera de las fuertes, pero si recargo ahora verás que se ha vuelto un poco más atrevido. Repasemos lo que hemos aprendido hasta ahora: HTML significa lenguaje de marcado de hipertexto, y eso significa que es un lenguaje destinado a marcar el inglés normal en hipertexto, y originalmente hipertexto simplemente significaba que podías hacer clic en él, pero ahora significa todo tipo de cosas, como declarar los encabezados y las tablas e imágenes. El HTML describe el propósito del texto. Entonces, depende del navegador web saber qué hacer con ese texto. Si quieres saber más sobre WordPress, visita WinningWP.com.

Leer
Cómo escribir entradas de blog que le gusten a tu público

Ver más vídeos…

¿Algo que añadir?

Junio 21, 2019 a las 3:09 am

Deseaba aprender que mucho antes toda la información es muy importante

Respuesta

Deje una respuesta Cancelar respuesta

Su dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Comentario

Nombre*

Correo electrónico*

Sitio web

Notifícame los comentarios de seguimiento por correo electrónico.

Todos los comentarios se mantienen con moderación. Sólo publicaremos los comentarios que estén en el tema y que se adhieran a nuestra política de comentarios.

Nuestro formulario de comentarios también apoya el uso de Markdown.

Deja una respuesta