como HACER una PAGINA WEB basica en HTML 🍀
HTML-код
- Опубликовано: 5 фев 2025
- En este tutorial veremos como hacer una pagina web basica en html
👉 creo páginas web para negocios y estudiantes. Si necesitas una página web efectiva y profesional, contáctame para obtener una cotización sin compromiso. ¡Juntos podemos crear una página web que te ayudará a alcanzar tus objetivos!✅
wa.me/+5215611...
sanchezmauriciomauricio@gmail.com
Imagenes :
drive.google.c...
También puedes ver como hacer una pagina avanzada con html :
• como HACER una PAGINA ...
![Felix "Unfair" | [Stray Kids : SKZ-PLAYER]](http://i.ytimg.com/vi/Oswujxm2Ag0/mqdefault.jpg)
amigo hace 3 dias no sabia nada , y me he metido horas y horas aqui mirando tus videos y practicando , hoy estoy terminando mi propia pagina web creada por mi .Gracias a ti y otras cositas tambien jejej.
Espero que esto te haga sentir orgulloso de tu gran trabajo y talento.
Un saludo
donde esta el enlace de font awesome
Como puedo encontrar el programa?
@@Atomic-exe en el enlace de drive el que dice index.html
@@lucasingaruca963No está
ALGUIEN ME SOLUCIONA MI PROBLEMA?
YO SIEMPRE QUIERO HACER UNA WEB Y ME SALE BIEN HASTA QUE LA TENGO QUE HACER RESPONSIVE. DE AHI EN ADELANTE SE ROMPE TODA A LA VISTA DE CELULAR. 1 AÑO ESTUVE TRATANDO DE HACERLA RESPONSIVE Y COMO NO PUEDO BORRO EL PROYECTO en definitiva una verga html y css
Mil gracias por compartir tu conocimiento, sigue subiendo videos.
ALGUIEN ME SOLUCIONA MI PROBLEMA?
YO SIEMPRE QUIERO HACER UNA WEB Y ME SALE BIEN HASTA QUE LA TENGO QUE HACER RESPONSIVE. DE AHI EN ADELANTE SE ROMPE TODA A LA VISTA DE CELULAR. 1 AÑO ESTUVE TRATANDO DE HACERLA RESPONSIVE Y COMO NO PUEDO BORRO EL PROYECTO en definitiva una verga html y css
Muchísimas gracias por este gran tutorial ,estoy aprendiendo y me está sirviendo un montón,infinitas gracias !!!
ALGUIEN ME SOLUCIONA MI PROBLEMA?
YO SIEMPRE QUIERO HACER UNA WEB Y ME SALE BIEN HASTA QUE LA TENGO QUE HACER RESPONSIVE. DE AHI EN ADELANTE SE ROMPE TODA A LA VISTA DE CELULAR. 1 AÑO ESTUVE TRATANDO DE HACERLA RESPONSIVE Y COMO NO PUEDO BORRO EL PROYECTO en definitiva una verga html y css
Venia de estudiar backend de java y spring, y arranque de una a copiarte tus webs y a investigar las cosas que explicas, llevo 2 semenas haciendo estas webs de practica y la verdad que es increible todo lo que he aprendido, es cierto que estoy de cabeza metido en esto todo el dìa, pero el avance me ha dado una gran satisfacción. Muchas gracias por todo tu trabajo eres un crack, valoro tu trabajo. Espero llegar a tu nivel pronto y programar en tan poco tiempo como tu lo haces.
we donde esta el link de las librerias?
ALGUIEN ME SOLUCIONA MI PROBLEMA?
YO SIEMPRE QUIERO HACER UNA WEB Y ME SALE BIEN HASTA QUE LA TENGO QUE HACER RESPONSIVE. DE AHI EN ADELANTE SE ROMPE TODA A LA VISTA DE CELULAR. 1 AÑO ESTUVE TRATANDO DE HACERLA RESPONSIVE Y COMO NO PUEDO BORRO EL PROYECTO en definitiva una verga html y css
@@dembe_tmd estoy igual no lo encuentro
jeje me tardé varios días en verlo por el trabajo, pero se logró, muchas gracias.
ALGUIEN ME SOLUCIONA MI PROBLEMA?
YO SIEMPRE QUIERO HACER UNA WEB Y ME SALE BIEN HASTA QUE LA TENGO QUE HACER RESPONSIVE. DE AHI EN ADELANTE SE ROMPE TODA A LA VISTA DE CELULAR. 1 AÑO ESTUVE TRATANDO DE HACERLA RESPONSIVE Y COMO NO PUEDO BORRO EL PROYECTO en definitiva una verga html y css
Gracias!!! Viene genial que existan este tipo de tutoriales en RUclips para que los principiantes podamos practicar, yo en concreto lo necesitaba para empezar a practicar CSS con algo sencillo ya que es lo que más me cuesta y no entendía nada de lo complicado que es la asignatura. Incluso al final le cambié un par de cosas al CSS para probar cosas nuevas y me quedó casi igual, el responsive me quedó genial, te lo agradezco mucho. Me suscribo, para mí eres un héroe jaja, excelente canal.
ALGUIEN ME SOLUCIONA MI PROBLEMA?
YO SIEMPRE QUIERO HACER UNA WEB Y ME SALE BIEN HASTA QUE LA TENGO QUE HACER RESPONSIVE. DE AHI EN ADELANTE SE ROMPE TODA A LA VISTA DE CELULAR. 1 AÑO ESTUVE TRATANDO DE HACERLA RESPONSIVE Y COMO NO PUEDO BORRO EL PROYECTO en definitiva una verga html y css
@@benjaramire3 mírate algunos cursos de responsive web design que hay en algunas de las plataformas más famosas que enseñan desarollo y programación online (ya sabes, la verde, la azul, la del cocodrilo y otras...). Primero sería interesante que te miraras el curso de CSS (yo lo estoy haciendo en la plataforma azul y está súper completo, me gustó más q el de la verde) y ahí me di cuenta de q tenía muchas malas prácticas y por eso se me iba todo el proyecto ALV. Si ya sabes CSS te va a servir para corregir todo lo q estás haciendo mal, te lo recomiendo. Luego en esa misma plataforma tb tienen un curso completo de responsive web design, muy recomendado también, lo explican tan paso por paso q hasta te desesperas pero como ya sabes lo interesante es q vayas directamente a los capítulos q te interesan. Haría más hincapié en otras plataformas online, pero en esa que te digo es donde al fin yo conseguí entender todo poco a poco, en el resto me costaba más (o mucho). Ya sabes, la plataforma azul del peruano, ahí es.
El mejor curso q eh visto gracias x compartir tu conocimiento 😊
ALGUIEN ME SOLUCIONA MI PROBLEMA?
YO SIEMPRE QUIERO HACER UNA WEB Y ME SALE BIEN HASTA QUE LA TENGO QUE HACER RESPONSIVE. DE AHI EN ADELANTE SE ROMPE TODA A LA VISTA DE CELULAR. 1 AÑO ESTUVE TRATANDO DE HACERLA RESPONSIVE Y COMO NO PUEDO BORRO EL PROYECTO en definitiva una verga html y css
fue buena idea ver estos videos mientras como o hago algunas cosas, yo ya se programar al menos algo de nivel medio, pero con esto me mantengo fresco y con ideas para desarrollar mas cosas, gracias por tus videos, sigue asi pa
ALGUIEN ME SOLUCIONA MI PROBLEMA?
YO SIEMPRE QUIERO HACER UNA WEB Y ME SALE BIEN HASTA QUE LA TENGO QUE HACER RESPONSIVE. DE AHI EN ADELANTE SE ROMPE TODA A LA VISTA DE CELULAR. 1 AÑO ESTUVE TRATANDO DE HACERLA RESPONSIVE Y COMO NO PUEDO BORRO EL PROYECTO en definitiva una verga html y css
Ya suscrita y con su merecido like, muchísimas gracias, una joya tu canal, felicidades por tu excelente trabajo. Y una vez más, gracias. 💙
ALGUIEN ME SOLUCIONA MI PROBLEMA?
YO SIEMPRE QUIERO HACER UNA WEB Y ME SALE BIEN HASTA QUE LA TENGO QUE HACER RESPONSIVE. DE AHI EN ADELANTE SE ROMPE TODA A LA VISTA DE CELULAR. 1 AÑO ESTUVE TRATANDO DE HACERLA RESPONSIVE Y COMO NO PUEDO BORRO EL PROYECTO en definitiva una verga html y css
muy buen video aprende y sirve mucho
el mejor curso que he visto.
ALGUIEN ME SOLUCIONA MI PROBLEMA?
YO SIEMPRE QUIERO HACER UNA WEB Y ME SALE BIEN HASTA QUE LA TENGO QUE HACER RESPONSIVE. DE AHI EN ADELANTE SE ROMPE TODA A LA VISTA DE CELULAR. 1 AÑO ESTUVE TRATANDO DE HACERLA RESPONSIVE Y COMO NO PUEDO BORRO EL PROYECTO en definitiva una verga html y css
Muy buen contenido, me suscribo.
Hola gracias por ver el video que bueno que te ayudo saludos
@@divcode7383 el enlace de los logos donde esta
Esto me servirá para mi último cuatri de la uni, muchas gracias
Gracias a ti estoy volviendo a retomar el gusto que tenia hacia la creación de una pagina web. De hecho eso fue mi motivador para dedicarme a mi carrera. B')
x2 bro
Muchas gracias
chamo de verdad mil gracias de verdad muy buena la explicación
códigos fáciles y sencillos de verdad gracias nunca pensé que hacer una pagina de inicio fuera así de sencillo de verdad muchas gracias sigue así de verdad
si a mi me ayudaste un monto imagínate a cuanta gente has ayudado en tu canal eres el mejor 🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩
Hola gracias por tus palabras me motivas a seguir haciendo mas contenido un fuerte abrazo saludos
Gracias amigo he aprendido bastante bien , exitos
ALGUIEN ME SOLUCIONA MI PROBLEMA?
YO SIEMPRE QUIERO HACER UNA WEB Y ME SALE BIEN HASTA QUE LA TENGO QUE HACER RESPONSIVE. DE AHI EN ADELANTE SE ROMPE TODA A LA VISTA DE CELULAR. 1 AÑO ESTUVE TRATANDO DE HACERLA RESPONSIVE Y COMO NO PUEDO BORRO EL PROYECTO en definitiva una verga html y css
Maquina, espero estés bien, NO PUSISTE EL LINK DE LA LIBRERIA y me hace falta, podrías por favor ponerlo y avisar, muchas gracias
como se hace una libreria
el punto es que veas todo el video XD
amigo eres maravilloso me sirvio mucho tu video , nueva seguidora
Muy didactico tus videos,gracias.Solo falta un video de como agregar el boton de pagos de PayPal u otra pasarela de pago en la pagina web.
MUCHÍSIMAS GRACIAS, EN REALIDAD ME SIRVIO DE MUCHO! Al principio lo estaba siguiendo al paso, pero después vi que se podía copiar y pegar porque está el código en el link de la descripción, y se me hizo mucho más fácil ya que la maestra nos pidió un programa que se entrega en menos de una semana y la verdad esto me ayudó bastante solamente le estoy cambiando letras, pero todo bien, nueva seguidora
asi no aprendes es mejor ir siguiendolo y que te vaya diciendo que hace cada cosa para eso anda a chat gpt y decile q te haga una pagina :]
@@bautistaMachado-q1u chatgpt da muy malas paginas, a menos de que sea gpt 4 no te da algo decente o algo basico, te da algo malisimo, le dices algo y te da otra cosa, yo me tarde 1 hora para poner un boton en mi juego de html, json y javascript para que quite 2 posibles respuestas y deje la correcta y la incorrecta, al final lo termine haciendo yo solo ademas de preguntarle como cambiar el fondo cuando se equivoque y cuando la saque correcta
¿Dónde encontraste el códigooo? No me aparece :(
Muchas gracias por el video. 🙏
Gracias por ver
el link de la librería se te olvido colocar en la descripcion
@@divcode7383
Hola profe, en los botones de saber mas como pongo que cuando los presiones te lleve a otro lado y poner mas info? te lo agradeceria si me contestaras graciasss
Excelene tutorial
Muchísimas gracias, me has ayudado a sacar una buena nota en el trabajo!!!!
Pero y ahora con esa página que se sube a internet o se queda en tu pc ??
@@CarlosJimenez-xq5ku se queda en tu pc para subirla necesitas hacer otro procedimiento
me ayudaste un monton, muchisimas gracias tenia una duda y me vino excelente tu contenido. ♥
ALGUIEN ME SOLUCIONA MI PROBLEMA?
YO SIEMPRE QUIERO HACER UNA WEB Y ME SALE BIEN HASTA QUE LA TENGO QUE HACER RESPONSIVE. DE AHI EN ADELANTE SE ROMPE TODA A LA VISTA DE CELULAR. 1 AÑO ESTUVE TRATANDO DE HACERLA RESPONSIVE Y COMO NO PUEDO BORRO EL PROYECTO en definitiva una verga html y css
sos un capo, excelente!
gracias, te quiero
Hola gracias por ver el video y tus palabras saludos
GRANDEEEE!
Gracias tu video me ayudo bastante sigue así!!!
ALGUIEN ME SOLUCIONA MI PROBLEMA?
YO SIEMPRE QUIERO HACER UNA WEB Y ME SALE BIEN HASTA QUE LA TENGO QUE HACER RESPONSIVE. DE AHI EN ADELANTE SE ROMPE TODA A LA VISTA DE CELULAR. 1 AÑO ESTUVE TRATANDO DE HACERLA RESPONSIVE Y COMO NO PUEDO BORRO EL PROYECTO en definitiva una verga html y css
Ers un crack
de todas las paginas que he visto, este porfin dio en clavo.
muy bueno. tenes mas videos con paginas asi o quizas subiendo de nivel?
ALGUIEN ME SOLUCIONA MI PROBLEMA?
YO SIEMPRE QUIERO HACER UNA WEB Y ME SALE BIEN HASTA QUE LA TENGO QUE HACER RESPONSIVE. DE AHI EN ADELANTE SE ROMPE TODA A LA VISTA DE CELULAR. 1 AÑO ESTUVE TRATANDO DE HACERLA RESPONSIVE Y COMO NO PUEDO BORRO EL PROYECTO en definitiva una verga html y css
fua amigo te amo pa
Muchas gracias por el tutorial, esta muy interesante .....
Una pregunta por qué en mi archivo Style.css a medída que hiva avanzado ya acábar sé me hiva deteriorando el sitio web, ósea que se estaba distorsionando u dañando???
Una dudasaaa x favor respóndeme.
muy buen video,super bien explicado
que va
Muchas gracias amigo, es muy útil 👍
Muchas gracias. Excelente tutorial.
Hola, no entiendo lo de la libreria de logos, como hago para crear una libreria con mis propios logos?
Nesecito ayuda en una cosa. ¿Como pueda ver lo que mis clientes compraron en mi pagina? Eso es algo que necesito saber porque mi pagina es de vender cosas. No tengo visual studio code y el Javascript y Css no me salen muy bien. Me ayudas?😊
excelente video, y buena explicacion
excelente
una locura de canal, no tienes otras redes donde apoyarte?
Hola no por el momento no pronto las pondre saludos gracias por ver el video saludos
pagina web basica, pues a aprender vamos
Muchas gracias por este tutorial!!!!!
:😉😉
Gracias por tu generosidad :))
ALGUIEN ME SOLUCIONA MI PROBLEMA?
YO SIEMPRE QUIERO HACER UNA WEB Y ME SALE BIEN HASTA QUE LA TENGO QUE HACER RESPONSIVE. DE AHI EN ADELANTE SE ROMPE TODA A LA VISTA DE CELULAR. 1 AÑO ESTUVE TRATANDO DE HACERLA RESPONSIVE Y COMO NO PUEDO BORRO EL PROYECTO en definitiva una verga html y css
Muchas gracias master, eres un grande!!!
Hola, muy bueno tu video, te consulto, como haces para abrir la hoja de "nosotros," , "Contacto" y que te muestre la informacion de esos topicos?? muchas gracias, abrazos
te voy a ayudar, ves arriba de todo el codigo en meta, al comienzo falta un codigo, que es ese ponelo, y si aun no te muestra, en vez de ir buscando linea por linea ponelo en chat gpt que te lo arregle, y ya se tendria que mirar, ese codigo hace que las indicaciones funcione con el pluguing
Muchísimas gracias hermano me ayudaste soy casi nuevo y no sabía todo esto
Hola gracias a ti por ver el video que bueno que te sirvió saludos
@@divcode7383 aunque tuve un problema pequeñito me tarde más de 7 horas en hacer el programa y aún así persistió y fue que en las tres variables osea Android Apple y el otro está bien pero el Android no se remarcaba con morado solo estaban las letras volando al final quedaron casi sin verse pero no las pude quitar aunque eliminará ese pedazo de código nose que paso pero si rectifique también con el código que diste
te quiero mucho
Excelente es poco. Estaría bueno que expliques un poco mas en detalle cuando escribís algún comando nuevo o parámetro, para que sirve. mas que nada para los que recién estamos empezando y no sabemos todos los usos. De todas manera, excelente.
Hola gracias por ver el video si claro pasa por el canal hay videos en los cuales explico un poco mas a detalle saludos
@@divcode7383 gracias genio. Voy a tratar de ver todos los vídeos. Hoy ví este entero, mañana lo voy a repetir pero está vez programando a la par, muy buenos realmente. GRACIAS!!
super bueno el video ahora lo que necesito saber como hacer un hipervinculo
href o link, nose cual estas hablando pero busca alguno de esos 2 y te aparecera lo que creo quieres ver. El primero tengo mas fe es lo que quieres
Muchas gracias por la página, lastima el responsive no se logro al 100%, pero muchas gracias
podrías pasarlo ya hecho? :c
@@danielroque1211 hagalo usted mismo flojo de ****
xD
@@Astharot.
hola bro al momento de escribir los .btn-home y el content todos los textos suben y quedan sobre la imagen de encabezado y borro los btn y otra vez normal y escribo de nuevo el codigo tal cual y otra vez para arriba los textos
muchas gracias.
como puso img del min 2:07? no me sale ese logotipo de imagen en la app :( buen video bien explicado, me encanto, aprendo rápido
Hola que tal, quisiera saber si no hay ninguna diferencia entre Visual Studio y el Visual Studio Code?
Hermano que buen video, mil gracias, pero una duda, se me pone en rojo el y el link que conecta con styles.css y por eso ya no se conectan con los estilos, no sabes que pueda hacer para solucionarlo? 😢
hola puede ser por la etiqueta de cierre asi debe estar
Document
Hola! Como se extrae en un archivo (Como los que agregaste en el drive) del código que se fue formando? En mi carpeta, al abrir ''pages'' me redirecciona al proyecto y no sé como poder extraer el codigo que fuí formando para tener los pasos.
Hola, una consulta, sigue funcionando en pleno 2024? Pregunto porque tal vez tuvo algún tipo de actualizaciones o no sé.
muy buen video hermano, muy bien explicado pero tengo un problema, al conectar el .css y pongo vertical-align: se me pone en naranja el baseline y de ahi lo demás cómo el text-align también, me podrías ayudar bro?
como hago para activar el Live Server? cuando hago cambios no se muestran en la pagina 😥
esta linda la pagina, pero no me convence que hayas hecho a puros div's hay que fomentar el buen uso semántico del html.
no hate, solo para aprender mas. por que es malo hacerla con solo div's??
@@diego53452 por semántica, asi como no es bien visto escribir un texto solo separado con punto aparte
@@diego53452 te llevaría más tiempo en crear la página, la página se volverá un poco lenta, si pones muchos div que seguramente ni vas a usar, solo estas añadiendo etiquetas innecesarias al código y que no aportara nada a la pagina.
@@diego53452 no es hate es una recomendación, aprende esto y luego averigua si tiene desventajas, y sigues aprendiendo. Normal amigo.
@@Idkdkds Amigo, entonces en vez de los div's que otras funciones puedo usar? (Es para aprender, apenas me voy introduciendo al HTML)
Muchas gracias.
Hola buen dia amigo, muchas gracias por compartir tus ensenanzas . Me podrias ayudar con los iconos de font awesome porfa. No he dado en descargarlos . como lo hiciste ?
hola en esta pagina están los enlaces, solo debes colocar la versión que necesitas en este caso la 5.15.1
como puedo instalar mi propio servidor? porque yo lo creo a traves de un modulo wifi y a partir del mismo debo de crear la pagina, gracias
a este wey las preguntas que la gente les hace no las contesta, solo contesta a los agradecimientos
@@miguelzambrano7124 :c, bueno bro, gracias
Bro no me cargaron las imágenes 🤔
GRACIASSSSS ENSERIOOOO GRACIASSSS
si lo hago en visual y luego lo paso lo mismo a sublime text, sigue funcionando?
tengo una duda el asterisco * en el css aque se le diseña? porque no veo ninguna clase que sea *
amigo felicidades muy buen vídeo, ahora queria saber despues de crear lá pagina como optienes lá direccion para subirla ?
se le llama host, y debes pagar para manterner el dominio
@@mariamartina Muchas gracias !!!
buenazo bueno bueno el tutorial izi
gente pregunta pero cuando pongo los nombres de las fotos no me aparecen, aparte no se me ve como le esta saliendo a el
:(
tienes que agregar las imagenes dentro de la carpeta img, si no sabes crear la carpeta dentro del mismo visual crealo en la carpeta donde creaste tu archivo y lo llamas img y ahi guardas las imagenes.
fua me costo con html no tengo problemas pero muchas veces a mi no me toma en css tuve que pedir ayuda a inteligencia artificial para que me ayude a que se debe eso algunas veces?
ALV un SUS!!!!!1
No me aparecen los dibujos como el de Apple y esos, que tengo que hacer ?
x2 bro
Poner la librería
una pregunta que hago si el css no se conecta con el html
Hola soy nueva en esto de HTML tengo una duda, si ya tengo todo mi código cómo puedo hacer que esta quede en la web?
hola necesitas de un hosting y dominio o lo puedes subir a netlyfi
@@divcode7383 Cuando lo abro con Live Server me sale: Open on a folder o Workspace
Que buen video, Pero Creo que te falto el footer, Saludos!
se le puede agregar un footer?
se me rompio toda la pagina y no se como solucionarlo, ya hice todo lo que dice en el video y no me resulto
duda, hay problema si a mí no se me pone html 5?
y solo en naranja?
Muchas gracias, ahora si en la parte superior derecha, "donde dice logo" quiero poner una imagen, no seria?
si, asi ejemplo
debes editarla en el css para que sea mas presentable
oyte eso de la libreria dices que vas a poner y no asoma por ningun lado
amigo gracias por lo enseñado. Donde descargo los archivos???? en el drive solo me aparecen 3 imagenes
funciona si pongo el codigo en un block de notas?
si tambien pero debes guardar con .html
¿Como hago para que los botones funcionen?
Enlaces internos creo
tienes que hacer el backend
Una pregunta de donde saca el link en head?
Hola, una consulta, section es como un div?
este video lo explica ruclips.net/video/RjY_cFk-bjI/видео.htmlsi=vp4cwCumIO-E0TjB
Buen video!!, pero no me deja cambiar el fab fa-angular, quiero otra figura pero no me deja, Perfecto tu video bro
Buen tutorial me sirvió mucho!!
20:40 bro como fue que reseteaste el archivo ccs que no se como hacerlo :(
Pero y ahora con esa página que haces ? La subes o sé queda ahí guardada en tu pc
bro una pregunta logre colocar los iconos , pero que sucede que automatico me crea una pestaña de style donde me aparecen todos los codigos de los iconos excelente
que sucede, que si creo un nuevo style.css, no me funciona la union de lo que escribo , porque ya tengo un css , si borro el font y el style de la biblioteca de iconos , alli si me acepta las modificaciones del css para el margin y esas modificaciones , que sucedera , porque veo que a ti al copiar las carpetas no se te crea en el vs code las pestañas de style ni font , no entiendo que sucede una ayuda por fa
tengo un problema! estoy haciendo todos los pasos pero no se me figura en la pagina las modificaciones se queda todo en blanco
genial el video, una consulta como lo publicas en la web, y como seria con el dominio?
Porque el mapa sale incompleto en la pagina?
por que cuando ocupo el css no me afecta en nada a la pagina web
Agrega el link style/css
Pero que puedo hacer si la imagen no se visualiza
pueden compartir la librería font awesome, no lo encuentro porfavor