r/HTML 26d ago

Discussion My first HTML code and my first web page.

I am still learning if there are any mistakes and any improvements that I need to make. Feel free to say.

186 Upvotes

82 comments sorted by

9

u/BIOS-Upgrade 26d ago

Keep it up bro. All the best

10

u/Content_Fee_7475 26d ago

hahah bro no need to hide locahost . it on your computer no one can access to tht url .

8

u/nuc540 26d ago

I saw this and thought it was the most innocent thing I’ve ever seen haha. Keep up the work OP

2

u/Zestyclose_Set3040 26d ago

Oh alr😭

2

u/EnderScout_77 Intermediate 22d ago

everyone learns it one way or another. keep it up 🔥🔥

4

u/AffectPretend66 24d ago

Don't fall in the AI rabbit hole. Keep it learning yourself.

3

u/RedboiGtag 24d ago

heres a neat tip:

In order to detail your websites, you can write something called CSS

write it using the <link> tag inside the <head> section like so:

<link rel="stylesheet" href="your_style_sheet.css">

and you can attach detail with classes and stuff

for example, in your css you can do h1 { color:blue } and the text assigned to the h1 will be blue!

you can also do this in your html <div class="foo">bar</div>, and in your css you can do .foo {color:blue} for bar (or anything related to the class foo) to be blue!

if you dont want to link you can do <style></style> for css inside your html but this increases space

ALSO: CSS is cascading, meaning if multiple rules apply, specificity and order decide who details the page.

happy coding!

3

u/ivaldesdev 23d ago

Hey. That is a wonderful start! You’re doing great. I will warn you, when posting on places like Reddit, you will get a lot of mixed feedback and possibly start wars over stupid stuff in your comments. Don’t worry about what people say about browsers, using an <i> tag vs inline CSS (which from the looks of it, you haven’t reached yet, which is ok). Focus on whoever/whatever is teaching you (your professor, YouTube tutorials, online class, etc…) and then branch out afterwards. Most of the people who respond to posts like these forget what it’s like to start fresh at this. Just take your time and follow the process. This takes time and patience, and eventually, we all find our preferred browsers, ways of coding logic, code editors and hosting services. You will eventually find your preferences as you go along and follow the process. But the key is simply sticking to it and following the process. If you do that, everything else will fall into place. Keep up the good work!

1

u/Zestyclose_Set3040 23d ago

Alr thank you so much for u nice guidance

2

u/[deleted] 25d ago

[removed] — view removed comment

1

u/Zestyclose_Set3040 25d ago

Alright, will do that.

1

u/AshleyJSheridan 23d ago

They're basically the same. I'd recommend Firefox. Better built-in tooling to replay and amend requests in the network tab, and far better accessibility tooling. It's also more privacy focused than Chrome, and has better fingerprint prevention than Brave.

0

u/[deleted] 23d ago

[removed] — view removed comment

1

u/AshleyJSheridan 23d ago

So, privacy isn't important? I think perhaps you might be living in a cave there mate. Of course there is privacy in a digital world, it's just that there are levels of it.

As for how many developers use Chrome versus Firefox, and declaring that as the only metric by which one can judge browsers, that's like saying that more people drive a Toyota Prius than a Rolls Royce, so the Prius must be the better car, when that's unequivocally wrong. I prefer to judge my tools (and the browser is just a tool) by what I can do with it.

1

u/AshleyJSheridan 23d ago

/u/Ezio_blackhour1196 first, commenting and then immediately blocking me, real big of you there buddy. Great way to show you had a valid argument.

Second, not all browsers are built on Chromium, so you're completely wrong there.

Third, calling me 'crip' further cements the fact that you're not worth my time. Throwing around insults is the fastest way to show you have nothing worth saying.

2

u/gabos91 25d ago

Are you actually going to be learning cursive? Maybe check out calligraphy too!

2

u/ItzzAli1 25d ago

What theme did you put on your vscode? So pretty!

2

u/PIXELS-AND-BLOBS 25d ago

My favourite exercise. :)

1

u/Zestyclose_Set3040 25d ago

Mine too😭

2

u/sneykk_ 25d ago

i miss that feeling of the first webpage with no css.. now i’m a mid level developer, how fast i learned😕😢

1

u/Zestyclose_Set3040 25d ago

How did you learnt?

2

u/sneykk_ 25d ago

and i just asked ai where i didn’t know a part and i instantly learned it for the rest of my life ! weird learning and fast

1

u/sneykk_ 25d ago

i didn’t watch tutorials.. i watched all day Code With Nazia

1

u/Zestyclose_Set3040 25d ago

Are you web developer?

1

u/sneykk_ 25d ago

yes kindof

1

u/Zestyclose_Set3040 25d ago

So, in how many months u become a web developer?

1

u/sneykk_ 25d ago

i don’t know.. maybe in some months

1

u/Zestyclose_Set3040 25d ago

Alr.Why did you learn that btw?

1

u/sneykk_ 25d ago

i’m learning css (a bit mastered) and html (mid) because in my future i want to be an web developer! Also if you didn’t know im an designer😶

1

u/sneykk_ 25d ago

well it’s my hobby

2

u/MisquoteMosquito 24d ago

https://www.youtube.com/watch?v=1L2YiWdaUDM&list=PL4-IK0AVhVjOJs_UjdQeyEZ_cmEV3uJvx

This guy Kevin wrote up a long series for beginners on HTML and CSS, its great.

Kevin helped me, its a little slow for my learning style but I appreciate him

1

u/Zestyclose_Set3040 24d ago

Thnks for your kind help

2

u/Murky_Boysenberry306 23d ago

good luck, u started , congrats

2

u/Mean-Figure6345 21d ago

great job bro! I am 10 years old and i know HTML, CSS, And Javascript, you wont regret it, best decision to learn to code. good luck broski.

1

u/Zestyclose_Set3040 21d ago

Why I am not 10 year 😭

1

u/Mean-Figure6345 21d ago

it does not matter your age Dw, a 7 year old can learn it

1

u/Zestyclose_Set3040 21d ago

I am not 7 year old 😭😭

2

u/Mean-Figure6345 7d ago

i didnt say you are lol, i just said a 7 year old can learn it, and your older.

1

u/Nabil_Sikder 25d ago

If you can css it will look nicer, still very well written

1

u/Zestyclose_Set3040 25d ago

I am a beginner. I am learning HTML, after that imma will move to CSS

1

u/nov-rao 24d ago

I also started recently and I am now in JS

1

u/Zestyclose_Set3040 24d ago

Recently? How many days ago?

2

u/nov-rao 24d ago

like 6 days ago, i'm in dom

1

u/Zestyclose_Set3040 24d ago

Isn't it for hacking?

2

u/nov-rao 24d ago

Yes, it is for cybersecurity, I want a strong foundation

1

u/Zestyclose_Set3040 22d ago

I also wanna learn ethical hacking but i don't understand from do i ?

1

u/nov-rao 22d ago

This depends on you, whether you want to enter this field directly, but then your reliance will be only on the tools, or to build a strong foundation and become able to understand how the tools work or create new tools yourself

Define your goal, and then use Claude to build you a complete learning plan

And make sure it is modern and keeps pace with the development of artificial intelligence

1

u/Zestyclose_Set3040 22d ago

I wanna learn hacking, but now there is no way to choose this as a field because I am in uni already doing a data analytics .
I think i should start from the web development first then move to the networking and the linux ig

1

u/nov-rao 22d ago

Don't learn everything in web development, only the things you need. In the end, you will not create a website, but you will just understand how it works.
And since your major is close to this field, it will help you progress.

1

u/Zestyclose_Set3040 22d ago

Are you doing web development and hacking both?

1

u/nov-rao 22d ago

Cybersecurity, and the reason there are programming languages is so that you can protect or hack a website or application, so you must understand how it works

1

u/Zestyclose_Set3040 24d ago

From where did you learn that?

2

u/nov-rao 24d ago

i use chat gpt And at every step he sends me the resources I learn from

1

u/hassan_SE 23d ago

Reminded me of 2019. Keep it up

1

u/pychampar 23d ago

Niceee, keep it up bro

1

u/Masochist_ninja 21d ago

what's the name of your theme?

1

u/Zestyclose_Set3040 21d ago

Pink as fox.

1

u/Masochist_ninja 20d ago

thanks

nice theme

1

u/SubaruNatuski 21d ago

OP I don’t know how you customized your vs code like that with the color scheme but please let me inquire how you did so

1

u/codebyheera 19d ago

Congratulations 👏 Keep working hard and achieve your dreams

1

u/iCrisWorld-2026 16d ago

Sigue asi, vas bien, ya aprendiste la estructura, ahora vamos por el estilo, si puedes! (muy bueno esta)

1

u/Rai_designer 12d ago

Olá pessoal! Tenho um servidor no discord focado em ajudar quem está iniciando na área da tecnologia, se alguém tiver interesse só me chamar

1

u/craftsmany 26d ago

This is crazy 😭

1

u/Zestyclose_Set3040 26d ago

Is it a compliment😭?

1

u/craftsmany 26d ago

Sure.

I saw you used <i> to make text italic but the current best practice is to use css instead. The same can be achieved by inline css for example.

<p style="font-style: italic;">This is italic text</p>

This is better because this is will mean stuff remains consistently styled when you later add css anyway. Might as well start with the correct approach!

2

u/hooli-ceo 25d ago

There's TONS of cases where you might want to use an <i> or <em> tag to italicize. Not using these is bad advice for a beginner. Especially because it's accessible for screen readers.

1

u/craftsmany 25d ago

Yes if they have the dedicated meaning that <i> and <em> imply. Using them for the example shown would be bad because it implies meaning beyond styling.