HTML Tutorial: What Is HTML?
Summary
TLDRDaniel Davis, experto en tecnología y creador de un canal de tecnología en YouTube, explica la importancia del lenguaje de marcado de hipertexto (HTML) en la comunicación de computadoras a través de Internet. HTML, creado por Tim Berners-Lee en 1990, utiliza etiquetas de marcado para estructurar y clasificar elementos en una página web, las cuales son interpretadas por los navegadores para mostrar el contenido visualmente. Aunque existen herramientas de fácil uso como Dreamweaver, para programar un sitio web desde cero se necesita solo un editor de texto y un navegador web.
Takeaways
- 🌐 HTML es el lenguaje de computadora utilizado para comunicarse a través de la internet.
- 🔗 El término 'hipertexto' se refiere al proceso de enlazar objetos entre sí para su visualización.
- 🛠️ Tim Berners-Lee creó el lenguaje de marcado de hipertexto (HTML) en 1990.
- 📄 HTML utiliza etiquetas de marcado para clasificar y agrupar elementos en una página web.
- 👀 Los navegadores web interpretan las etiquetas de marcado y las convierten en sitios web visibles.
- 🔍 Para ver el código HTML de una página web, se pueden utilizar atajos como Ctrl+U en Firefox.
- 🏷️ Cada etiqueta en HTML tiene una etiqueta de cierre correspondiente para indicar el final del elemento.
- 🎨 Las etiquetas HTML también pueden contener atributos que añaden parámetros adicionales, como estilos.
- 💻 Existen varias opciones para crear sitios web, desde gratuitas hasta costosas, como Dreamweaver.
- ✍️ Para codificar un sitio web desde cero, solo se necesita un editor de texto y un navegador web.
Q & A
¿Qué es el lenguaje de hipertexto (HTML)?
-El HTML, o Hypertext Markup Language, es un lenguaje de marcado que permite a los ordenadores comunicarse a través de la web. Se utiliza para estructurar y diseñar páginas web.
¿Quién creó el lenguaje HTML?
-Tim Berners-Lee creó el lenguaje HTML en 1990 para permitir el uso de hipertexto a través de la web.
¿Qué es el hipertexto y cómo se relaciona con el HTML?
-El hipertexto es el proceso de vincular objetos entre sí para que, al hacer clic en un objeto, se pueda ver el objeto vinculado. HTML permite la creación de estos enlaces en páginas web.
¿Cuáles son los componentes básicos necesarios para que una página sea considerada una página web legítima?
-Los componentes básicos incluyen la etiqueta HTML, la etiqueta head (que contiene scripts, el título de la página y meta información para motores de búsqueda) y la etiqueta body (que contiene el contenido visible de la página web).
¿Qué son las etiquetas de marcado y cómo funcionan?
-Las etiquetas de marcado son códigos que se colocan en los documentos HTML para definir cómo se muestran los elementos en un navegador web. Estas etiquetas tienen una etiqueta de apertura y una de cierre que indican el inicio y el fin de la sección.
¿Qué son los atributos en las etiquetas HTML y para qué sirven?
-Los atributos son parámetros adicionales que se pueden agregar a las etiquetas HTML para modificar el comportamiento o la apariencia de los elementos, como el color, la alineación, etc. Se colocan en la etiqueta de apertura y generalmente tienen el formato 'nombre-del-atributo'='valor'.
¿Cómo se puede ver el código HTML de cualquier página web en Firefox?
-En Firefox, se puede ver el código fuente de una página web presionando Control + U en Windows o Comando + U en un Mac.
¿Cuáles son algunas de las opciones disponibles para crear sitios web?
-Existen opciones gratuitas y de pago para crear sitios web. Algunos programas como Dreamweaver permiten arrastrar y soltar elementos sin necesidad de ver el código, mientras que otros editores de texto como el Bloc de notas o TextEdit son más básicos y requieren codificar desde cero.
¿Qué se entiende por editores WYSIWYG y cómo se relacionan con la creación de sitios web?
-Los editores WYSIWYG, o 'What You See Is What You Get', son herramientas de diseño web que permiten a los usuarios crear y visualizar páginas web de manera gráfica sin necesidad de conocer el código HTML subyacente.
¿Qué herramientas son fundamentales para codificar un sitio web desde cero?
-Para codificar un sitio web desde cero, se necesita un editor de texto básico, como el Bloc de notas para Windows o TextEdit para Mac, y un navegador web.
Outlines
🌐 Introducción al lenguaje HTML
Daniel Davis, un experto en tecnología y creador de un canal de tecnología en YouTube, explica el concepto de HTML, el lenguaje de marcado de hipertexto. HTML permite a los ordenadores comunicarse a través de la web mediante etiquetas de marcado. Tim Berners-Lee creó HTML en 1990 para facilitar la vinculación de objetos en la web. Las páginas web están compuestas de etiquetas que un navegador interpreta para mostrar contenido. Se menciona que los navegadores permiten visualizar el código HTML de una página y se describen las etiquetas básicas necesarias para una página web, como la etiqueta HTML, HEAD y BODY, así como los atributos que pueden añadirse a las etiquetas para dar estilos y parámetros adicionales.
Mindmap
Keywords
💡HTML
💡Lenguaje de computadoras
💡Tim Berners-Lee
💡Marcado
💡Etiquetas de cierre
💡Atributos
💡Navegadores web
💡Etiquetas angulares
💡WYSIWYG
💡Editor de texto
Highlights
Daniel Davis es un experto certificado en tecnología y un guru de la tecnología.
Su trabajo ha sido destacado en libros de texto, guías de software y cientos de blogs de tecnología populares.
Habla sobre el lenguaje de programación HTML (Hypertext Markup Language).
HTML es el lenguaje de comunicación de las computadoras a través de la internet.
El hipertexto es el proceso de vincular objetos entre sí para facilitar la visualización de uno al hacer clic en otro.
Tim Berners-Lee creó el lenguaje HTML en 1990 para el uso de hipertexto a través de la internet.
HTML no hace que seas programador, sino que es una serie de etiquetas de marcado para clasificar y agrupar elementos en una página web.
Los navegadores web leen estas etiquetas de marcado y las traducen en lo que reconocemos visualmente como un sitio web.
Se puede ver el código HTML de cualquier página web en la mayoría de los navegadores.
Las palabras entre corchetes angulares son las etiquetas de marcado.
Las páginas web deben contener ciertas etiquetas de marcado para ser consideradas legítimamente páginas web.
Las etiquetas HTML, head y body son fundamentales para la estructura de una página web.
Cada etiqueta tiene una etiqueta de cierre correspondiente para que el navegador sepa cuándo dejar de leer la etiqueta.
Las etiquetas también pueden tener atributos que agregan parámetros adicionales al elemento, como el estilo.
Los atributos se denotan con el nombre del atributo, un signo igual y luego el valor del atributo entre comillas.
Existen muchas opciones para crear sitios web, algunas gratuitas y otras muy costosas.
Programas como Dreamweaver permiten arrastrar y soltar elementos sin ver código.
Estos editores se llaman WYSIWYG (What You See Is What You Get).
Para codificar un sitio web desde cero, se necesita un editor de texto y un navegador web.
Transcripts
[Music]
hi I'm Daniel Davis I'm a certified
computer expert and Tech Guru along with
having one of the top Tech channels on
YouTube my work has also been featured
in textbooks software guides and
hundreds of popular Tech blogs and today
I'm going to be talking to you about
HTML computers use language to
communicate just like people do and the
way computers communicate with the
internet is through a computer language
called hypertext markup language or HTML
hypertext is the process of linking
objects to each other so that when one
object is clicked the linking object can
be viewed and the hypertext markup
language was created by Tim burner Lee
in 1990 so the hypertext could be used
through the internet web pages doesn't
make you a programmer instead the
hypertext markup language contains a
series of markup tag Ts that are used to
classify and group elements in a web
page a web browser then reads these
markup tags and translates them into
what we visibly recognize as a website
most web browsers allow you to view the
HTML code for any web page for instance
in Firefox you can hit control U on
Windows or command U on a Mac to bring
up the webpage Source you'll probably
notice some words surrounded by angled
brackets these these are the markup tags
all web pages must consist of certain
markup tags before they can be
legitimately considered web pages these
are the HTML tag which tells the browser
that it's reading an HTML page the head
tag which contains scripts the page
title and meta information for search
engines in the body tag which contains
the visible web page content for the
most part each tag has a corresponding
close us tag so that the web browser
knows when to stop reading the tag tags
can also have attributes that add extra
parameters to the element like styling
attributes such as color alignment and
things like that these are generally
denoted by having the attribute name and
equal sign and then the attribute value
and quotation marks there are many
options out there for creating websites
some are free and some are very
expensive programs such as dream waver
allow you to drag and drop what you want
where you want it without ever having to
see an ounce of code these editors are
called wizzywig or what you see is what
you get editors but to code a website
from scratch all you really need is a
text editor such as notepad for Windows
or text edit for mac and a web browser
and that's it so that's pretty much the
basics of what HTML is all about
[Music]
Voir Plus de Vidéos Connexes
Tutorial básico de HTML desde cero - Video 1: Introducción.
Tutorial básico de HTML desde cero - Video 2: Vistazo inicial a las etiquetas.
Curso Básico de HTML desde 0 - Introducción
¿Qué es HTML? - 10 cosas que debes saber
WIX tutorial en español clase 1 - Introduccion
✌️👑Aprendiendo Desde Cero HTML 5 en Adobe Dreamweaver 2021👍✌️
5.0 / 5 (0 votes)