ūüĎČ ¬ŅQu√© es HTML? ¬ŅQu√© hace? ¬ŅY para qu√© se usa? (Video Explicaci√≥n) - WinningWP

Cómo crear un cupón emergente que aumente las ventas

Comprender HTML abre la web. Una vez que sepa de qué se trata y cómo funciona, pronto verá cómo funcionan las funciones básicas de Internet en su conjunto y, lo que es más importante, cómo se crean las páginas web básicas y cómo editarlas. Además, aunque al principio es desalentador, ¡HTML es realmente un lenguaje muy simple de aprender! ¿Listo para descubrir todo sobre HTML?

Vamos a ver…

¿Qué es HTML y qué hace ?:

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

Transcripción del video:

¡Hola! Este es Topher con jaredritchey. En este video, vamos a responder las preguntas: ¿Qué es HTML? ¿Qué hace y para qué se utiliza? Voy a comenzar diciéndoles lo que representa y luego les mostraré qué hace y para qué se usa. HTML significa lenguaje de marcado de hipertexto, y el hipertexto se refiere al hecho de que HTML lo hace para que pueda hacer clic en los enlaces en las páginas web. Ese es el hipertexto. El lenguaje de marcado de palabras solo significa que es algo que usas 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 de ellos son más importantes que otros, algunos están en tablas, otros son imágenes, y en cualquier página web, en cualquier navegador, puedes hacer clic derecho y ver el origen de la página, y ver todo ese HTML. Afortunadamente, no necesitas saber todo ese HTML. Voy a mostrarte lo que necesitas saber en el contexto de WordPress. Esta es la misma publicación, pero en el área de administración, y si está acostumbrado a WordPress, esto debería resultarle 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 destaqué y hice clic en el botón en negrita, por lo que ahora parece negrita. Esta palabra, estadísticas, es en realidad un encabezado, tamaño tres, y la diversidad también es un encabezado, tamaño cuatro, pero este texto normal es solo un párrafo. Ahora, una buena cosa acerca de este editor es que 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 sin procesar. Aquí mismo está la palabra primero. ¿Recuerdas cómo lo destaqué y lo hice audaz? Lo que realmente sucedió es que está envuelto en algunas etiquetas HTML llamadas strong. HTML generalmente viene en dos etiquetas: una apertura y un cierre, y el cierre es diferente porque tiene una pequeña barra aquí. Entonces, algo realmente importante de saber sobre HTML es que describe el texto que está marcando. Realmente no quiero que esto sea audaz. Quiero que sea fuerte. En un lector de pantalla, no importa si es negrita o no, pero la etiqueta fuerte le dice al lector que lo diga con más fuerza. Mis encabezados, tres y cuatro, aquí, indican una jerarquía para este texto. Puede ser útil para las personas que leen, pero es realmente útil para Google comprender lo que está sucediendo 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 procesan HTML de la misma manera. Incluso aquí en este navegador que es Chrome, este es un tamaño de encabezado cuatro, y tiene el mismo aspecto que el texto de párrafo. Pero si volvemos a la publicación actual, notará 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 puede contar con HTML para hacerlo más grande y audaz. Simplemente usa HTML para describirlo como un tamaño de encabezado tres y luego el navegador se encarga de qué hacer con eso. En algunos casos lo hace más grande y audaz, pero en otros casos no lo hace. Dentro de esta publicación, tenemos una tabla aquí, y si vamos al modo de texto, puede ver que está aquí: tabla, cuerpo de tabla, fila de tabla, etcétera. Y debajo de la mesa 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 lectores de pantalla, y tenemos una etiqueta de ancho y alto, para que el navegador sepa de antemano qué tamaño tendrá esta imagen. Probablemente no necesite utilizar esta pestaña de texto muy a menudo, pero aprender un poco sobre cómo funciona HTML puede ahorrarle 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 qué está sucediendo. Tal vez realmente desee que este colon esté dentro de las etiquetas fuertes, pero su mouse no quiso resaltarlo correctamente. Pero ahí estás, ahora está adentro. Ahora podemos actualizar, y saldremos aquí, y aún no he vuelto a cargar, por lo que el colon todavía está fuera del fuerte, pero si vuelvo a cargar verás que se volvió un poco más audaz. 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 el hipertexto simplemente significaba que podía hacer clic en él, pero ahora significa todo tipo de problemas. de cosas, como declarar encabezados y tablas e imágenes. HTML describe el propósito del texto. Luego, depende del navegador web saber qué hacer con ese texto. Si desea obtener más información sobre WordPress, consulte jaredritchey.com.

Ver más videos …

¿Algo para agregar?

Ver el vídeo: Curso completo de Bootstrap Ventanas emergentes / Modals

Like this post? Please share to your friends:
Deja un comentario

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: