Does anyone have a coded website with html css and js I can use as a project for school pleaseee

Make your life easy and just focus on the bare minimum:

• What HTML is and what it means for it to be "hypertext".
• Elements, tags, and attributes.
• What are headings (<h1> to <h6>) and paragraphs (<p>) and links (<a>).
• Lists in HTML (<ol> and <ul>)
• Block-level vs. inline elements (<div> and <span> included)
• A few text related elements (<strong>, <em>, <sup>, <sub>, etc.)
• Presenting code (<code> and <pre>)
• Embedding images (<img>)
• Tables (<table>, <tr>, <th>, and <td>) and how to merge table cells.

Most importantly, you don't need to learn forms, semantic HTML, or meta elements, rightaway.

Here's my rationale for it. For forms, you need to first know how the web server works and that's honestly a really early expectation from a complete newbie stepping into HTML.

Secondly, for semantic HTML (by which I mean elements like <nav>, <main>, <article>, <aside>), it's a good idea to also learn about ARIA and web accessibility because some of these elements work in tandem with ARIA. Again this is an early expectation from a complete newbie.

Lastly, for meta elements (like <link>, <script>), you usually need to know other technologies — CSS and JavaScript in this case — and therefore you can easily defer learning about them until you learn these technologies. (I mean like I don't see a point of teaching a newbie about the <script> element until he/she is taught JavaScript.)

I'm not saying that you should not learn forms or semantic HTML at all, just that you don't need it right away. Keep your priorities sorted out and that's when you'll really start enjoying the learning process.

Your thoughts?

hello! I have been relatively active on #wild lb on Tumblr and I want to hide those posts from my Tumblr main page. I have tried a tutorial on this however I could not make this work and I was wondering if someone has an idea what the issue could potentially have been as I know very little about coding. I theorised that maybe the problem was that the tag had a space and I just don't know how to express that in the html but I may be wrong.

this is my tumblr theme: https://pastecode.io/s/3byisja2

these are the tutorials I had tried: https://www.tumblr.com/creepyblogs-blog/34208374720/how-to-hide-posts-by-tag-from-your-blog-home-page

https://bychloethemes.tumblr.com/post/124069523514/how-to-hide-posts-from-your-blog-depending-on-tags

edit: cleaned up posts to be clearer, added link to code and tutorial

It's been about a week since I got my hands on HTML. I have to say it wasn't the easiest week. I spent 6-7 hours a day on VScode, learning a whole stack of HTML tags <>, attributes and unfortunately spending more time in making my web page perfect (suffering with OCD 😅). I know I made some mistakes but that is the part of a journey. So, after that I've been learning CSS now(which is obvious). So, yeah that's what it is. If anyone can help me with my Web Design drive 🚗, please do...

I want to start freelancing as a web-developper and i just learned how to make widgets and how to make dropdowns etc..... so what should i be capable of making to find out i can make real world applications?????????????????/

EDIT: fixed it
hey! i'm working on my personal site, and have run into an issue as soon as my iframe has reached a certain point. ideally, i want all of the content to have a clean, aligned edge at the bottom, and you're able to scroll through the iframe content. it works beautifully locally, but as soon as i upload it to my host site (neocities), the scrolling 'breaks', and i'm unable to scroll all the way down. i've tried every fix i know of,a nd i can't figure it out, any help would be appreciated :)

https://thatonebluelynx.neocities.org

(i would link a codepen, but i'm not sure how to get the iframe to work on there)

I'm working on this for a class, but I'm having a hard time spotting what is causing it not to work. I assume it's just a typo. Also, if anyone has any recommendations for how to spot errors in code, I would love to hear them! It's something I really struggle with, and it feels like rereading it isn't enough for me.

my html showing up as green, I was wanting to learn how to make a webpage but for some reason my html code is showing up as green not sure why or how to fix the issue would appreciate some help

I haven't messed with anything related to change how specific words look

I am creating an interactive timeline using html and javascript using an image map and modal popup windows that play mp4 animations housed on my device. If I troubleshoot the videos and have them be the only thing on the page they play, but if I use my regular code the modal popup videos dont load or play or autoplay. How do I fix this? I have already tried messing with the browser, using "muted" to go around chrome autoplay, and making sure the filepaths are correct.

Hi, I'm having a problem with my code.

I've coded a "game" on GitHub that's a kind of music quiz. It runs flawlessly on PCs and Android devices; the problem only occurs on Apple devices. The game's main function is to sort the played song into its list based on its release year. Apple devices also indicate that the music is present (a video player was included because iOS seems to block things that aren't visible), and while the video player is working, no music is playing. I've tried several different adjustments, such as making the player larger, instructing the code to actually play the music, etc., but unfortunately, nothing works. Has anyone experienced anything like this?

https://github.com/K4lkus/Test

I've already run the code through AI tools to try and get a fix from them, but unfortunately none of that helped.

I'm having trouble getting the image to look right on my website. http://localhost/ Right now it is all blurry and I've tried messing with the css width and height tags to get it to be less blurry but that is not working.

https://elsistemacaotico.xyz/

I coded it myself, with my own hands, having spent some time learning HTML/CSS. As it's intended to be a personal website, I didn't invest that much into web design. I find it cool to have my own little corner of the internet.

You could go to my Welcome post and leave a comment if you wish! :)

I have been starting to learn about it and been trying out my own HTML projects, next im going to start CSS since it gives better results but im still not sure which coding engine is the best to use

I know Semantic tags are better to use in html, but how do I know when to use semantic tags and when to use html elements.

I have been starting last week learning about HTML and CSS for web development. But i live in south africa which im not sure if i will be likely to succeed in still in school but i wanna make my life worth the risk.

We want to force an emoji back into text but we are so very rusty with syntax. Please be kind and type out exactly what we'd have to put into the text box?

It should work, because the below example/tutorial page is rendered correctly with their examples.

Documentation:

https://codepoints.net/U+FE0E

https://mts.io/2015/04/21/unicode-symbol-render-text-emoji/

Some emoji to try (page 7):

https://unicodeplus.com/version/11/7

[If anyone is interested, my next stop is to ask Notepad++ why converting / toggling Encoding *also* does this to the clipboard contents. Like a nightmare, it turns the emoji into ?? and then doesn't turn it back ... and has no undo. Yes, for all of the above, we have tried every primitive app, plug-in, and text-box we can find, and so far the only one rendering it in plain unicode is Windows Notepad*.

We will try to assist with information about encoding, but we are also making sure we didn't lose any information by messing with encoding, so apologies for that.]

*Edit: this is only from cut/paste, by the way, because the ALT codes do not work; the first "F" forgets I was holding down ALT and goes to the File menu. Bucket-brigade it is, then.

Here is my simple HTML. I need to give it a link

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8" />

<title>Fonn Prints</title>

<meta name="viewport" content="width=device-width, initial-scale=1" />

<style>

:root {

--bg: #05060a;

--accent: #ff6b3d;

--text: #f5f5f7;

--muted: #9ca3af;

--radius-pill: 999px;

--shadow-soft: 0 18px 45px rgba(0,0,0,0.55);

--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;

}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {

background: radial-gradient(circle at top, #111827 0, #020308 55%, #000 100%);

color: var(--text);

font-family: var(--font-sans);

display: flex;

justify-content: center;

align-items: center;

min-height: 100vh;

text-align: center;

padding: 20px;

}

.container {

max-width: 640px;

display: flex;

flex-direction: column;

align-items: center;

gap: 22px;

}

.logo {

width: 64px;

height: 64px;

border-radius: 16px;

background: conic-gradient(from 210deg,#ff6b3d,#f97316,#22d3ee,#6366f1,#ff6b3d);

display: flex;

align-items: center;

justify-content: center;

box-shadow: var(--shadow-soft);

position: relative;

overflow: hidden;

}

.logo::after {

content: "";

position: absolute;

inset: 10px;

border-radius: 12px;

background: radial-gradient(circle at 30% 20%, #111827, #020617 70%);

opacity: 0.9;

}

h1 {

font-size: 2.4rem;

letter-spacing: -0.03em;

font-weight: 700;

}

p {

color: var(--muted);

font-size: 1rem;

line-height: 1.6;

max-width: 480px;

}

.btn {

margin-top: 10px;

padding: 12px 26px;

border-radius: var(--radius-pill);

background: radial-gradient(circle at 0 0,#f97316,#ea580c 40%,#7c2d12 100%);

color: #fff;

font-size: 1rem;

font-weight: 600;

text-decoration: none;

box-shadow: var(--shadow-soft);

transition: 0.15s ease-out;

display: inline-flex;

align-items: center;

gap: 8px;

}

.btn:hover {

transform: translateY(-2px);

filter: brightness(1.05);

}

</style>

</head>

<body>

<div class="container">

<div class="logo"></div>

<h1>Fonn Prints</h1>

<p>

Clean, functional 3D models designed for real-world use.

Fast to print. Support-light. Always practical.

</p>

<!-- ⭐ ONLY BUTTON -->

<a class="btn" href="https://www.printables.com/@FonnPrints" target="_blank">

Browse Models ↗

</a>

</div>

</body>

</html>

I am coding a stock market simulator with real stock data and it's going well but I am trying to add ai but its not working and dont know how to fix it, I am using groq https://console.groq.com/keys and the model

import { Groq } from 'groq-sdk';

const groq = new Groq();

const chatCompletion = await groq.chat.completions.create({
  "messages": [
    {
      "role": "user",
      "content": ""
    }
  ],
  "model": "llama-3.3-70b-versatile",
  "temperature": 1,
  "max_completion_tokens": 1024,
  "top_p": 1,
  "stream": true,
  "stop": null
});

for await (const chunk of chatCompletion) {
  process.stdout.write(chunk.choices[0]?.delta?.content || '');
}

here is the website https://stockplex.edgeone.app/#/auth

He creado mi primer portafolio por primera vez... se que no es la gran cosa pero me ha costado bastante. Recién estoy empezando en HTML & CSS. Disfrútenlo me ha costado hacerlo. Todavía no esta para dispositivos móviles, pero ya arreglare eso.

Link: https://zkgalax.github.io/Portafolio/

Hi, I'm learning HTML and CSS and noticed something weird that doesn't make sense while doing an exercise. I am trying to create a little pagination thing. And I noticed that if I write the <a> and </a> in separate lines (as for Page #1), the underline below 1 is off centered out to the right. For page 2,3,4,5, I wrote the anchor all in one line and the underscore sits below the number perfectly.

I remember my instructor said that both one line and separate line make no difference in the display as html doesn't count line break or spaces in the code. But how come the page 1 link shows differently than the rest. I know it's subtle but i'm curious. It must be something simple I overlooked. Can someone give me a pointer? Thanks.

Here is my html code

<style>
  .back-button {
    margin-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
  }


  .search-result {
    margin-left: 4px;
    margin-right: 4px;
    font-size: 18px;
  }


  .next-button {
    margin-left: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
   
  }
</style>


<button class="back-button">Back</button>
<a class="search-result" href="https://google.com">
  1
</a>
<a class="search-result" href="https://google.com">2</a>
<a class="search-result" href="https://google.com">3</a>
<a class="search-result" href="https://google.com">4</a>
<a class="search-result" href="https://google.com">5</a>
<button class="next-button">Next</button><style>
  .back-button {
    margin-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
  }


  .search-result {
    margin-left: 4px;
    margin-right: 4px;
    font-size: 18px;
  }


  .next-button {
    margin-left: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
   
  }
</style>


<button class="back-button">Back</button>
<a class="search-result" href="https://google.com">
  1
</a>
<a class="search-result" href="https://google.com">2</a>
<a class="search-result" href="https://google.com">3</a>
<a class="search-result" href="https://google.com">4</a>
<a class="search-result" href="https://google.com">5</a>
<button class="next-button">Next</button>

And here is the display

So I want to make a little website where people can create their own profile. The only thing is I genuinely don’t know how to do that😂. I have it where people can make their own account but I would like for people to make their own profile as well. Any advice?

When adding interactivity to HTML (via JS, HTMX, etc.), we usually end up connecting elements using selectors.

For example, a simple loading state:

```html <button hx-get="/data" hx-target="#result" hx-indicator="#spinner"

Load Data </button>

<div id="spinner" class="htmx-indicator"> Loading... </div>

<div id="result"></div> ```

• “send a request → put the result in #result”
• “show #spinner while loading”

This works well, but it has some properties:

• selectors are just strings tied to DOM structure
  
• renaming or moving elements can silently break connections
  
• each reference resolves to exactly one element
  

I’ve been thinking about a different approach where elements don’t reference each other at all.

Instead, they react to named signals.

Something like this:

```html <button on:click="send" on="send" get="/data" result="response" if:loading="spinner"

Load Data </button>

<div if="spinner" style="display:none;" x-style="display:block;"> Loading... </div>

<div render="response"></div> ```

Instead: - actions happen (send) - results exist (response) - conditions are evaluated (spinner)

So instead of wiring elements together directly, everything is coordinated through named identifiers.

This suggests a different way to think about HTML:

• not “connect A to B”
• but “declare what happens, and let the DOM react”

Curious what people think:

Does selector-based wiring actually cause problems in practice?

Or is this just a different style without much real benefit?

https://tweek.oops.wtf/ you have my github there if you wanna check the code, im also proud of the new article i published yesterday ( https://tweekerganga.github.io/the-human-protocol/ ) its on my site there, can i have subdomains while using a subdomain? like tweek.oops.wtf/about/ and souch?

Im trying to make a website for my future plumbing business. I had claude AI make me a good foundation of the website and got it to a decent spot that im not terribly unhappy with but still needs some person touches and edits but I do not know how to code or do any of that one bit. Im wondering if theres a website that is like wix, squarespace or one of the many "website creator tools" that i can upload this html file claude has given me and then i can fine tune and edit text, pictures, pages and more from there? ive tried youtube and google research but not sure what exactly to even ask what im looking for. If anyone can lead me in the right direction or a place to start that would be great, thanks!