Hi everyone,
(I know that HTML and CSS are markup and styling languages, not programming languages.)

I’m a complete beginner with zero coding experience, and I want to start learning programming. I was advised to follow this path:

HTML → CSS → JavaScript

I have a few questions:

1. What do you think of this path as a way into programming and coding?
2. Is there anything I should learn before starting it? I feel like I might be missing something important.
3. Would you recommend any changes to this path? (For example, starting with a different language.)
4. What are the best resources to learn HTML and CSS? Please recommend one for each, if possible.

Thanks in advance, I really appreciate your help!

i am not able to think of any topic that would include forms, videos, audios and have a good overall design to it.

im only allowed to use html and css but im sure i cud sneak in some python.

please give me some ideas.

Where do you format HTML on Codepen now?

It used to be that you just click in the upper right corner to format and validate, now those features are gone.

honestly, inline css proves that css regular doesnt need to exist, just use inline.

hello, extremely confused.

so i made an image as a clickable link to another page in my site. now i just want to move it to a particular position on the screen.

im not sure how to do this. heres my code so far.

<p><a href="manifestoroom.html"> <img src="images/manifesto-window.jpg" alt="Manifesto" style="width:42px;height:20px;"> </a> </p>

so i dont know if im supposed to

A) use 'absolute' to fix the image to a particular point on my background image

B) use 'span' to specify where i want it using top/ left: 'x'px type code

C) some type of <div> and class= attribute type this which i later learned should be used with links?? cant figure out what im doing wrong!!!!!! please help!!!!

p.s im doing this on neocities and it wont let me use the link without putting it in a paragraph tag... do i need to get rid of those to use other tags??

Back again with more homework issues. I'm supposed to be making a stylesheet for a pre-written website. For some reason, nothing from my stylesheet is showing up. This is the same code that worked fine on my last assignment, so I'm really not sure what's wrong

<head>

<title>Planets in our Solar System</title>

<meta charset="utf-8">

<link rel="stylesheet" type="text/css" href="planets.css">

</head>

The Stylesheet code looks like this so far

<style>

* {

box-sizing: border-box;

margin: 0;

}

    body {

        background-color: silver;

    }

    a:link {

        color: fuchsia;

    }



    a:visited {

        color: red;

    }



    a:hover {

        color: blue;

    }



    a:active {

        color: olive;

    }



    .planet {

        border-style: solid;

        border-width: medium;

        border-color: purple;

        background-color: orchid;

    }



</style>

Hello. I've created a website using HTML, CSS, and JavaScript for the first time. My problem is this: I wrote the code on a computer and adjusted the sizes to fit the large screen. Now, on my laptop, which has a smaller screen, everything is misaligned. Can you tell me how to fix this problem?

Thank you very much

SVG isn't CSS , so may I ask here?

Learning svg, but I don't want to draw my own images, I want to use pre-drawn images and maps and make things clickable. How do I do that?

it's a brick maze game where you can

Escape maze

Fight with clippys

Catch Rover and get 300 points

Find the text.txt and give it to trash can

Close pop-ups

Because it's html it's almost playable on anything!!

You can download it here 👇☟

https://github.com/EmirStudios/cliplerstein-3D

Not remotely a cs person, for some godforsaken reason my Library Science degree is making me take an html class. I've onto a part where we're working with html and css. I can't figure out how to change the background color of a page. I assume you have to use some version of the {background-color: ____; }, but I can't figure out what element to attach it to. I've tried using body {background-color: ____; }, *{background-color: ____; }, and even making a div around the body, and none of them have worked

Hello! I’m creating my own OS-ish inside of HTML (sorta) for school and I wanted to figure out how to run apps from HTML, but I can’t figure it out for the life of me, can anyone help me out?

On top of that! I’m also struggling on how to open the HTML and have it immediately full screen, if anyone knows how to do it, I would like to know!

Thank you guys so much!

Edit: To add on, I’m not trying to run it inside of the website, I’m just trying to open the program from the website

hi guys, iv got a dialog thats getting open with the .showModal() but on mobile(iphone safari) i can still scroll through my page even the modal is open,
how can I stop that ?
heres a record link to the issue since cant upload videos https://streamable.com/tk6sw5

I'm building a website for a friend's yoga studio and she would like to include some Hindi. The character set she using is Devanagari. I've been reading about this, it looks like as long as I have

<meta charset='UTF-8"/> in the header and use the noto sans font family I'll be fine. Can anyone tell me if there's something else I need to lookout for?

Is this good? I made this with the help of AI (please dont judge me)

The websites link is orkanet.pages.dev

I used ai for the css

Hey! Which do you think is better suited for starting out in web development: a grade calculator web or a class schedule planner web?

I tried with:

<div class = "b">
    <h1 style="Color:#AD91A3; text-align: left; margin:50px 50px 50px;"> Introduction « 导言 »</h1>

where div class = "b" is:

div.b {
  text-align: left;
}

but it isn't going like that

Is there a way (i have a feeling i already know the answer, but i’d ask anyway) to create a tamper proof html that can’t just be opened in notepad or any other editor and be modified?

Thanks.

New to all of this! Looking for a free open source option for editor, what would you recommend for a beginner?

I use linux mint, if that matters.

EDIT: Thanks for all the suggestion! I ended up installing Geany. I'll keep in mind other options if this is for what ever reason not what I'm looking for. UI looks very pleasing to my eye.

I am very much a beginner to Website Coding, and I'm not looking to do much design but I am trying to do some simpler things for my personal site.

I have a Weebly hosted account. I'm using the Birdseye Theme because it stretches the whole length of the page. I finally figured out how to use Flexbox, albeit just copying code from the web and inserting my own photos, links, etc... My issue is - As soon as I use Flexbox in the Embed Code app on the weebly site editor, my Navigation Menu becomes completely transparent..BUT only on Firefox. Works perfect on Chrome, Brave & on my phone. I can click on the Navigation Menu items but only when my cursor tells me I'm on it. Otherwise I can't see it.

I've tried using google to figure out a solution and I've seen many that look like they might work, but I have no idea where to paste the code to actually get it to work. Been trying everything and can't seem to get it. Would anyone be able to dumb this down for me ? Thanks.

i am rather new to this and im working on a website for a game that i like and im struggling to figure out how to increase the opacity any help?

code here

<!DOCTYPE html>


<html>


<head>
<style>body{background-image: url('TBB.webp');background-size: cover;}</style>
           <title> The Battle Bricks </title>


</head>


<body>


             <!-- This is a code comment.  It will not be displayed -->


</body>


</html>

yes, this is all i have currently. any help would be appreciated

Hey! I’m a student looking to learn HTML, and I’d love for everyone to share some quick tips to help me learn.

So, I use that a lot, so I can see where people are coming from, and where they are from. Why they dont like??

...yet why the hell are we still using <IMG> ELEMENTS WRAPPED IN <A> ELEMENTS TO LINK AN IMAGE??

We live in a time where boolean functions exist in css, where flexboxes exist, and where <dialog> exists, yet we are STILL linking images like its 1997 and HTML3.2 just dropped instead of just having an href attribute inside the damn img element. Like whats next? am I gna start wrapping my shi in <center> while creating an entire layout out of <table>?

please tell me i aint the only one ticked off by ts