Sencillo de iniciar… Con “etiquetas y con michis” también. Buen inicio.
Introducción
Cómo se crean las páginas web
¿Qué es el Frontend?
¿Qué es el Backend?
Sitios Code con HTML y CSS
¿Qué debo saber de HTML?
Mi primera página web con HTML
Maquetando el hero
Maquetando la sección de redes sociales
¿Qué debo saber de CSS?
Mis primeros estilos con CSS
Estilos del menú
Estilizando el Hero: elementos encima imágenes
Estilizando el Hero: información del hero
Estilos para las imágenes de redes sociales
Detalles finales con HTML y CSS
Despliega tu página a internet
Cómo hacer deploy a internet
Cómo publicar tu página web gratis en internet
Compra el dominio de tu página web
Cómo comprar un hosting para mi página web
Sitios No-code con WordPress
Qué es no-code
Despliega tu página web con WordPress
Instalación y configuración de Elementor
Mi primera página web con Elementor
Maquetando el hero con Elementor
Mi primera página web con una plantilla de WordPress
Conclusiones
¡Conoce otros proyectos de este curso!
Próximos pasos para convertirte en Web Developer
Comparte tu proyecto del curso
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
HTML, siglas de HyperText Markup Language, es la columna vertebral de cualquier página web. Es fundamental para quienes desean incursionar en el desarrollo Frontend, ya que define la estructura y el contenido de los sitios web mediante el uso de etiquetas. Comprender el funcionamiento de estas etiquetas es esencial para crear páginas web funcionales y bien estructuradas.
Las etiquetas HTML son bloques de construcción que definen diferentes partes de una página web. Crean una estructura lógica y ordenada que los navegadores web interpretan para mostrar contenido.
Estructura básica: Una página web completa puede estar compuesta por múltiples etiquetas, como <header>
, <footer>
, y <div>
, que estructuran elementos como cabezales, pies de página, y contenedores de contenido.
Contenidos anidados: Las etiquetas pueden contener otras etiquetas, lo que permite crear contenido más rico y complejo. Por ejemplo, dentro de un <div>
puedes colocar una imagen <img>
, junto con un párrafo <p>
que describa la imagen.
Etiquetas auto-cerradas: Algunas etiquetas, como <img>
, no requieren un cierre manual (</img>
), ya que se cierran automáticamente.
Los atributos proporcionan propiedades adicionales a las etiquetas y especifican detalles sobre cómo deben mostrarse o comportarse.
Definición de atributos: Los atributos se escriben dentro de una etiqueta HTML y pueden definir aspectos como el ancho width
y la altura height
de una imagen:
<img width="500" height="500" src="MrMichi.jpg">
Atributos comunes: Los atributos más frecuentes incluyen src
para especificar la fuente de una imagen, href
para enlaces, y alt
para describir visualmente el contenido de una imagen.
Aunque HTML ofrece un amplio conjunto de etiquetas, algunas son esenciales para cualquier desarrollador web principiante:
Estructurales:
<html>
: Delimita el inicio y final del documento HTML.<head>
: Contiene meta información sobre el documento, como el título.<body>
: Encierra el contenido visible, incluyendo texto, imágenes, y otros elementos.Texto:
<h1>
, <h2>
, etc.: Encabezados que organizan y priorizan la información.Multimedia:
<img>
: Inserta imágenes.<video>
: Incorpora contenido de video.Enlaces y listas:
<a>
: Crea enlaces a otros documentos.<ul>
, <ol>
, <li>
: Forman listas no ordenadas, ordenadas y los ítems de dichas listas.Con estos elementos, es posible comenzar a formar una comprensión sólida de cómo diseñar y hacer funcional un sitio web utilizando HTML. Con el tiempo y la práctica, los desarrolladores pueden profundizar más en características avanzadas y comenzar a explorar otros lenguajes como CSS y JavaScript para mejorar sus habilidades y conocimientos en desarrollo web.
¿Te gustaría aprender más sobre etiquetado avanzado y ver casos prácticos de HTML? ¡Sigue explorando y no dudes en consultar recursos en línea para ampliar tus conocimientos! ¡El mundo del desarrollo web te espera!
Aportes 34
Preguntas 2
Sencillo de iniciar… Con “etiquetas y con michis” también. Buen inicio.
Por si a alguien le sirve:
Header: Cabecera
Footer: Pie de pagina
Width: ancho
Height: altura
src (source): fuente o origen. Aquí se indica en que carpeta o en que link se encuentra guardada la imagen.
Excelente profesor!!!
🍃 En HTML, las etiquetas son elementos que se utilizan para estructurar y dar formato al contenido de una página web. Las etiquetas están compuestas por un nombre encerrado entre los símbolos <
y >
, y pueden tener atributos y contenido.
Aquí tienes algunos aspectos importantes sobre cómo funcionan las etiquetas en HTML:
<
y >
. La etiqueta de cierre tiene el mismo nombre de la etiqueta de apertura pero también incluye una barra diagonal antes del nombre (</
). Por ejemplo, la etiqueta de apertura para un párrafo es <p>
, mientras que la etiqueta de cierre es </p>
. El contenido que se encuentra entre estas etiquetas se considera el contenido del párrafo./>
). Por ejemplo, la etiqueta <img>
se utiliza para insertar imágenes y no requiere una etiqueta de cierre adicional.src
se utiliza en la etiqueta <img>
para especificar la URL de la imagen que se mostrará. Los atributos se escriben en el formato nombre="valor"
. Por ejemplo, <img src="imagen.jpg" alt="Descripción de la imagen">
.<p>
) puede contener una etiqueta de énfasis (<em>
) para resaltar una parte del texto.Es importante utilizar las etiquetas de forma adecuada y seguir las convenciones de HTML para asegurarte de que tu página web se visualice y funcione correctamente en los navegadores. Puedes consultar la documentación de HTML para obtener más detalles sobre las etiquetas y su uso específico.
Por fin he visto un uso útil para los post its 😄
etiquetas + michis = Tecnología de campeones!°!!
<html>
<head>
<style></style>
</head>
<body>
<header>
<nav>
<ul>
<li></li>
</ul>
</nav>
</header>
<section>
<h1></h1>
<img>
<div></div>
</section>
<footer>
<p></p>
</footer>
</body>
</html>
📌 HTML usa etiquetas para estructurar el contenido.
HTML es un lenguaje de marcación que sirve para definir el contenido de las páginas web. Se compone en base a etiquetas, también llamadas marcas o tags, con las cuales conseguimos expresar las partes de un documento, cabecera, cuerpo, encabezados, párrafos, etc. En definitiva, el contenido de una página web.
HTML es el primer lenguaje que debe aprender cualquier persona interesada en construir un sitio web. A partir del HTML podemos pasar a muchos otros lenguajes interesantes que sirven para hacer cosas diversas y más avanzadas. Es decir, sea cual sea la tecnología, herramienta o gestor de contenido que nos hayamos propuesto aprender, o que tengamos que usar en nuestro día a día, HTML siempre será el lenguaje en el que toda web se construye y, por tanto, es de obligado conocimiento para todos.
Aprender HTML es sencillo. En pocos días o semanas serás capaz de entender y usar las etiquetas más comunes y componer documentos HTML (páginas web) correctas. Aquí en Platzi, encontrarás muchas ayudas para poder dar esos primeros pasos y luego profundizar en cualquier área que necesites.
\<header> \<body> \
Como dijo el profe, existen muchas más etiquetas de HTML, en la siguiente página encuentras todas: https://htmlreference.io/
HTML es el componente más básico de la Web. Define el significado y la estructura del contenido web. Además de HTML, generalmente se utilizan otras tecnologías para describir la apariencia/presentación de una página web (CSS) o la funcionalidad/comportamiento (JavaScript).
Esa explicación fue tan divertida y dinámica jajaja. Más clases así por favor
.
Que agradable explicación.
hyper text markup lenguage
.
Que genial, este curso sale de lo usual que es proyectar una presentación y lo hace interesante!
me encantan las explicaciones asi!
vamo a calmarno jajjaja
El profe es excelente, explica todo de una forma super sencilla! me encanta ! 😃
Excelente!
Entonces, para comenzar, HTML (Hypertext Markup Language) es un lenguaje de marcado que se utiliza para crear y estructurar el contenido de una página web. La idea detrás de HTML es agregar marcadores o “tags” al texto para indicar cómo se debe mostrar el contenido en un navegador web.
En HTML, las etiquetas se utilizan para definir los diferentes elementos de una página web, como encabezados, párrafos, listas, enlaces, imágenes y tablas, entre otros. Cada etiqueta se escribe entre corchetes angulares ("<" y “>”) y puede incluir uno o más atributos, que se utilizan para definir características adicionales de la etiqueta.
A continuación, mencionaré algunas de las etiquetas más importantes en HTML:
En cuanto a los atributos, estos se utilizan para agregar información adicional a una etiqueta, como el tamaño de una imagen o el destino de un enlace. Algunos ejemplos de atributos comunes son:
Hola comparto el resumen de la clase.
Entonces, para comenzar, HTML (Hypertext Markup Language) es un lenguaje de marcado que se utiliza para crear y estructurar el contenido de una página web. La idea detrás de HTML es agregar marcadores o “tags” al texto para indicar cómo se debe mostrar el contenido en un navegador web.
En HTML, las etiquetas se utilizan para definir los diferentes elementos de una página web, como encabezados, párrafos, listas, enlaces, imágenes y tablas, entre otros. Cada etiqueta se escribe entre corchetes angulares ("<" y “>”) y puede incluir uno o más atributos, que se utilizan para definir características adicionales de la etiqueta.
A continuación, mencionaré algunas de las etiquetas más importantes en HTML:
En cuanto a los atributos, estos se utilizan para agregar información adicional a una etiqueta, como el tamaño de una imagen o el destino de un enlace. Algunos ejemplos de atributos comunes son:
En resumen, para utilizar HTML de manera efectiva, es importante conocer las etiquetas principales y los atributos más comunes para poder estructurar y dar formato al contenido de una página web.
La verdad es que HTML me pare sencillo pero es cuestión de practica! para manejarlo mejor ya que hay cosas que aun se me van y no entiendo del todo jeje
Que nivel de profesor. Mil gracias.
HTML son etiquetas. Existe literalmente una etiqueta para lo que usted quiera.
una estructura a una página web, con puras etiquetas. Head, tenemos contenido, y tenemos pie de página (footer).
atributos. Y también hay etiquetas que no necesitan tener contenido. etiquetas que se cierran por si solas.
Tenemos etiquetas para texto, un encabezado, el cuerpo del documento, título, etiquetas genéricas, imágenes, un pie de página, etc.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?