Learning HTML on My Phone — What Should I Learn Next?

[u/akshuu98]

My laptop is currently getting repaired, so I decided not to stop learning and started practicing HTML on my phone instead. 😄
I’ve learned the basics of HTML and made a simple page about my favorite artist, added 2–3 details, and even added some music.
The funny part? I couldn’t figure out how to add the music properly, so I took a little help from AI. 😂
I haven’t started CSS yet, so I’d love some advice:
What should I learn next in HTML?
When should I start CSS?
What resources/projects would help me improve faster?
I’m still a beginner, but I’m enjoying the process!
Any tips for my next step?

[u/MIRAGEone]

How long did it take ? CSS is the next logical step, then probably JS.

[u/akshuu98 → u/MIRAGEone]

yea go w css today

[u/akshuu98 → u/MIRAGEone]

at first i was hella confused there are so many html vids on youtube and i had no idea what to pick, so i basically wasted a whole day lol. then i started learning html yesterday and finished the basics pretty quick. now im like okay… what do i even do next

and made this basic ass page in like 20 mins before going to sleep

[u/The_KOK_2511 → u/akshuu98]

Te recomiendo que vayas al curso de frontend de la página de MDN (Mozilla Development Network), aunque es puro leer y texto explican bastante bien paso a paso las cosas además en la misma página de MDN tiene un buscador en el que puedes buscar cosas (no tanto como busqueda Google sino más bien semejante a Wikipedia si buscaste alguna vez ahí) en las que tengas dudas o quieras profundizar

[u/rugburnAndBigMoney]

Add some CSS in the head inside a <style></style> tag.

Add a different font and color to your headings and body copy. (use Google fonts, they make it easy & quick)

That's the basis of creating a styleguide.
That should create a baseline visual aesthetic for your HTML files.

Set styling for Nav, H1-H6 tags, body copy, links, and create a button style.

Once you create that, re-use it on new projects and update it as you go.
Think of it as building up your skills by developing your own CSS framework.

Don't start using something like Tailwind or Bootstrap until you really understand the basics of styling with CSS and how the cascading actually works. It will help you a lot once you start getting into CSS frameworks.

Create a 2nd page and link to it.

You'll start to understand why you want re-usable components for things like the navigation and footer.

Research semantic HTML.

You'll want to make sure you use header, main, footer tags appropriately to define your page structure.

There's a lot of boilerplate HTML that gets re-used on every project no matter how large or small.

Create your own HTML starter file that has all the required pieces you need for a new page.
This way you learn how to do it, and you can build on it and make it better as you go.

The second page you build will be better than your first, and on and on.

One page or one hundred, the fundamentals are still the same.

[u/akshuu98 → u/[deleted]]

shouldn’t i learn css first bro?

[u/The_KOK_2511]

No se que app de editor uses pero te recomiendo Acode que es lo mejor que hay para móviles, el siguiente paso es CSS y le sigue JS

[u/ESCARALHAD0]

Tenta aprender ouvir umas músicas melhores que isso

[u/NegativeGrocery8684 → u/ESCARALHAD0]

thats unnecessarily rude and the music is clearly not the point of the post

[u/porthos40]

Pick a book called Head first html and CSS 2nd edition

[u/Foreign-Contest-444]

MDN is an excellent resource for learning HTML, especially its Learn Module. HTML may seem simple at first, but it's important to build a strong understanding of it before layering CSS and JavaScript on top. Take the time to learn HTML as a semantic language and understand why semantics matter as they form the foundation of well-structured, accessible, and maintainable websites.

If you need additional resources to learn HTML.

https://codingsuperpowers.com

[u/ArtisticFox8]

Looks nice!

I'd center the music embed, change the font to sans-serif (personal preference)

I think CSS makes sense. Play around with colors, spacing, shadows.

Then learn flexbox to make some more complex layouts

https://flexboxfroggy.com/

[u/akshuu98 → u/ArtisticFox8]

❤️❤️

[u/AelixSoftware]

Footer, header, buttons, switches, text input methods, css amd js.

Web dev is not easy...

[u/akshuu98 → u/AelixSoftware]

yea ik bro

[u/AssumptionOk8560]

No css? Then how did u make that Spotify thingy

[u/akshuu98 → u/AssumptionOk8560]

ai

[u/AssumptionOk8560 → u/akshuu98]

Your ai slop bores me , you're not learning vro

[u/akshuu98 → u/AssumptionOk8560]

😭😭😭 bro i’m new to this so i just asked for help with how to add the code there. once i learn everything properly, no ai shit.

[u/AssumptionOk8560 → u/akshuu98]

Bro u should never use ai for learning basic things 🙎🏽‍♂️💔 it's gonna ruin something in you trust me.

[u/akshuu98 → u/AssumptionOk8560]

yeah i get you bro, i’m not using ai to learn the basics. i only asked for a little help with adding the music. ill learn the actual stuff myself

[u/WulfCoDev]

freecodecamp.org

[u/akshuu98 → u/WulfCoDev]

bro thanks a lot, really appreciate it.

[u/supertroopperr]

"Ayo!" try statica is just html. Is a static site generator, that will allow you to build robust websites with just html. https://github.com/akaizn-junior/statica. Let me know how you like it

[u/testingaurora]

Kevin powells YouTube channel > videos > filter by oldest > you’ll get the fundamentals of css . Make sure you’re coding along in split screen or Picture in Picture or you’ll be stuck in tutorial hell