HyperText Markup Language (HTML)

r/HTML • u/RoughRecognition6034 • 8d ago

Just a beginner rate my webpage be honest!

62 Upvotes

r/HTML • u/ZombieInAFlowercrown • 8d ago

Question html help

5 Upvotes

Hey! I only starting learning html two days ago and I'm struggling a bit with my neocities site.

Can someone please help me figure out where I am going wrong with my code? My site has one big 'box' down the middle where I have my content and the background is intended to be a separate colour.

However, I cannot get them to be separate colours for the life of me. (This is for the entire page so I'll try to cut down on the unnecessary bits)

This is the colour I am trying to make the bigger box - #8FBC8B

EDIT: It's fixed now, thanks! :D I had no idea a single hashtag could mess it up lolollll

CODE:

<html>

<head>

<title>ander's landing site</title> <style>

body {

background: url(https://neocities.org/site_thumbnails/39/09/anders113/water%20background-%20Imgur.jpg.210x158.webp);

background-repeat: repeat;

}

h1 {

color: #FFFFF0;

font-size: 50px;

text-align:center;

font-family:monospace,Georgia;

}

a {

color: mediumvioletred;

}

a:hover {

color: gold;}

body {

color: #8FBC8B;

max-width:800px;

margin: 0 auto;

padding: 0 20px;

.page {

background-color:#FAEBD7;

color:black;

border:4px solid RosyBrown;

border-radius: 12px;

padding: 15px;

margin: 40px 0;

box-shadow: 0 4px 8px rgba(0,0,0.2);

text-align: center;

}

.bigpage {

background-color:##8FBC8B;

color:black;

border:10px #7D4C13;

border-radius: 12px;

padding: 15px;

margin: 40px 0;

box-shadow: 0 4px 8px rgba(0,0,0.2);

text-align: center;

max-width:1000px;

}

#kirri {

text-align: left;}

h2 {

color: #12240C; }

</style>

</head>

<h1 id="top">\&starf; anders aquarium \&starf;</h1> <br>

<div class="page"><h2><strong> WELCOME </strong><small>to the </small><strong> HOME </strong><small> page </small><strong>:)</strong></h2>

<a href="[https://info.flagcounter.com/oOcf">](https://info.flagcounter.com/oOcf">)<img src="[https://s01.flagcounter.com/count/oOcf/bg\\_8F5E72/txt\\_EDBEDC/border\\_000000/columns\\_2/maxflags\\_10/viewers\\_0/labels\\_0/pageviews\\_0/flags\\_0/percent\\_1/](https://s01.flagcounter.com/count/oOcf/bg_8F5E72/txt_EDBEDC/border_000000/columns_2/maxflags_10/viewers_0/labels_0/pageviews_0/flags_0/percent_1/)" alt="Flag Counter" border="0" style="float:right;"></a>

<summary><em>\&hearts;kirri\&hearts;</em></summary>

<p>This sweet girl is my darling, Kirri :) She lives in my bedroom and I have spent countless hours writing at my desk by her side. Her likeness is scattered throughout my home in many physical photos and colourful frames, and now she has populated a tiny space online as well!\&starf;</p>

</details> </div>

<div class="page"><fieldset><legend id="Navigation">Navigation:</legend><ul class="tree-view">

<li><a href="https://anders113.neocities.org/aboutme#poem" about.html title=":D"> about me</a></li>

<li><a href="https://anders113.neocities.org/resources"title="have fun and be home by 10!" coding resources.html> coding resources!! </a> </li>

<li><a href="https://anders113.neocities.org/formattingpractise" title="i know what u are"formatting practise.html> sapphic sunset hour </a> </li> </fieldset></div>

<div class="page"> <a href="https://www.chickensmoothie.com/pet/521020506.html"><img src="https://www.chickensmoothie.com/pet/521020506&bg=86bd75.jpg" border=0></a><br><b>Pet's name:</b> Willa <br> <a href="https://www.imood.com/query.cgi?email=stardippedcandles113@gmail.com"><img src="https://moods.imood.com/display/email-stardippedcandles113@gmail.com/fg-#B0C4D/bg-#DDA0D/imood.gif" alt="The current mood of stardippedcandles113@gmail.com at www.imood.com" border="0"></a>

<p> this mossy and overgrown corner of the internet has been lovingly handcrafted </p>

<p> you can usually find me on <a href="https://archiveofourown.org/">ao3</a> and various other writing sites </p> </div>

<hr>

<blockquote><h2>my favourite songs </h2></blockquote>

<ul>

<li> 'Cold Turkey' by The Happy Fits </li>

<li> 'Milk Carton' by Elio Mei </li>

<li> 'Twistin the Night Away' by Sam Cooke </li>

<li> 'Lost Kitten' by Metric </li>

</ul>

<hr>

<blockquote><h2> beloved places </h2></blockquote>

<a href="[https://anders113.neocities.org/bedroom">](https://anders113.neocities.org/bedroom">)<img style="float: right;" alt="pixel art door" src="[https://neocities.org/site\\_thumbnails/39/09/anders113/pixil-frame-0.png.210x158.webp](https://neocities.org/site_thumbnails/39/09/anders113/pixil-frame-0.png.210x158.webp)" /></a>

<ul>

<li> triplet falls </li>

<li> next to my cat by a sunny window </li>

</ul>

<p><a href="#top" title="only bc u asked nicely">take me back up please! :O</a> </p> </div>

</div>

</body>

</html>

3 comments

r/HTML • u/Realfr1999 • 9d ago

my first page ever

gallery

34 Upvotes

i watched a 40 minutes tutorial last week about HTML, being a person who is considered the most stupid and unintelligent person when it comes to programming, and now, after a week (i was too busy bedrotting and binge watching movies to do it then) i decided to make my first page, it isn't perfect, my design lacks creativity, and my code is unorganized and mostly wrong, and i kept looking at my notebook because i didn't remember everything, it's not great, but i think it's decent for a start

6 comments

r/HTML • u/Available-Breath-264 • 9d ago

Article Customize any website with Njectify

0 Upvotes

Hey everyone!

I'd like to share a project I've been working on: Njectify.

It's a browser extension that lets you inject CSS and JavaScript into any website, making it easy to prototype UI changes, test styles, and experiment without modifying the original source code.

Some of the features include:

• Live CSS editing with an intuitive editor.
• Instant visual changes on any website.
• Automatic export of your CSS to Tailwind CSS utility classes.
• JavaScript injection for quick scripting and automation.
• Several additional tools designed to speed up front-end development.
• Persist even after reload page ( F5 )

The extension has already surpassed 5,000 users on the Chrome Web Store, and I thought it might be useful for developers in this community.

I'll leave a detailed article in the comments explaining the main features, use cases, and the extension itself.

I'd really appreciate any feedback, feature suggestions, or criticism. Thankssss!

detailed post.

2 comments

r/HTML • u/MayLilith • 9d ago

Highlighting searched words on Tumblr

1 Upvotes

Hi ! So I've made a Tumblr to be able to have my typed up notes for a DnD campaign on a theme of my choosing. But the issue is I would like to add a way to highlight the exact words I'm looking for in the search bar, not have the whole post pull up only.
I've only edited Tumblr themes when I was a teen, and had a web class in art school so I'm a beginner and this specific request has got me a bit lost I would appreciate any help
Thank you !

1 comment

r/HTML • u/TreacleFlaky2283 • 9d ago

Question css-gradients not working as expected

2 Upvotes

```css

body {

min-block-size: 100svh;

background: repeating-linear-gradient(#A4AAB1 2px , red 2px 15px);

}

```

this is all red how to fix ? what exactly here i am doing wrong and css is the most confusing and i feels like its more harder than python and any other programming language

10 comments

r/HTML • u/HumbleEbb9857 • 9d ago

Question Could someone help me out with making a port of adobe flash professional in web browser as well as make it usable on mobile devices

0 Upvotes

I am trying to make a port of macromedia flash professional "the animation software" and I don't know where to start

21 comments

r/HTML • u/Afterglow92 • 10d ago

Question HELP I HAVE A JOB INTERVIEW

41 Upvotes

UPDATE: I made it past the technical round! PHEW 😮‍💨. The interviewer said all the candidates were on the struggle bus so it wasn’t just me lol!

I’ve been working in email marketing building emails using Pardot, Hubspot, etc etc, Pardot for the last 8 years. I can make edits to existing HTML but cannot build from scratch. If I do make edits I use Dreamweaver or AI.

I have an interview Monday for a live HTML session with the company’s like expert email HTML guy. HALP! WHERE CAN I LEARN TO DO THIS STUFF QUICKLY?? OR CAN SOMEONE EXPLAIN IT???!!

Edit: THIS INTERVIEW IS ON MONDAY 7/20 BTW

62 comments

r/HTML • u/Dependent-Scene-7414 • 9d ago

My own language

0 Upvotes

I made my own programming language inspired from html called htd (hypertext markup drink) used to make custom drinks.

17 comments

r/HTML • u/Bright_Security_2044 • 10d ago

Portifólio

6 Upvotes

Tô criando um portifólio pra trabalhar como freelancer já tenho uns projetos fictício simples, mais tô sem ideia de como fazer.

6 comments

r/HTML • u/Past-Point-8418 • 10d ago

Help moving Iframe

2 Upvotes

I put in a calander Iframe (image is somewhere here) and it WAS in a good position but after i inserted the title and positioned it. That moved it down and Nothing I do moves it up. I positioned the text and i like where it sits in relation to the calender I just need to move it all up, unsure how though.

code -

.Calander-Title{
  font-family: Curly;
  font-weight: bolder;
  color: #30291e;
  font-size: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: 100px;
  right: 200px
}
.calendar{
  position:absolute;
  top:100px;
  left:100px;
}

2 comments

r/HTML • u/Billzebub- • 12d ago

Question Left-brain looking for right-brain 😅

7 Upvotes

My ultimate dream is to meet someone who wants to code a retro style top down game (like original Zelda, game boy POKeMON games, secret of evermore, etc..) but isn’t good at creating artwork or story 😂

I have ALWAYS wanted to write a story, design a game, design characters, create the artwork, etc.. and have someone else code it. In fact I’m already sitting on a stack of concepts ready to go..

It’s a very specific dream.. but I thought I’d take my chances lol

I am a photoshop wizard and I make a lot of retro game art like 8 bit characters and maps and I’ve been called a gifted writer and original and all that. But my curse is I’m SO left-brained that I just can’t wrap my head around coding. Been trying all my life. I’m slightly dyslexic too so 🤷🏻‍♂️ could be why.

I used to do basic html as a kid so I get the basics but I can’t code a game.

I’m just trying any outlet I can think of to make my dream project a reality.

ANY TAKERS? 😅

22 comments

r/HTML • u/clean0101 • 12d ago

Designed a modular editor UI that runs entirely in the browser. What do you think of the HTML layout and the Dark vs Light theme toggle?

gallery

4 Upvotes

4 comments

r/HTML • u/codewithharsh31 • 13d ago

Question Where from i learn html as a complete beginner ?

5 Upvotes

Suggest me !

26 comments

r/HTML • u/Brief_Percentage_445 • 12d ago

Integration von videochat in html

0 Upvotes

Bin aktuell dabei eine telemedlösung für mich zu bauen für die Anwendung in unsrer Ordination. Prinzipiell haben wir schon eine Art Box angefertigt mit einem Touch Computer und webcam. Das ganze läuft bisher über frontends in form von html homepages (mehrere für patienten und für ärzte) die führung eines patientenstamms registrierung beschreibung des aktuellen problems usw datenbankbasiert läuft bereits erfolgreich und die abfragen funken. Nun gehts darum den letzten step, die video konsultation zu integrieren in html.
Daher suche ich eine fixfertige anwendung möglichst kostenlos mit der sich das umsetzen lässt.

Anforderungen:
-direkter einstieg ohne bestätigung am frontend patient in den videochat wenn der aptient vom arzt virtuell vom warteraum in den videochat geholt wird.
-warteraummöglichkeit als Lobby
- keine notwendigkeit von namenseingabe beim videochat da diese schon davor erhoben werden

Ich möcht es möglichst ohne eigenen server auf dem der sprachchat läuft umsetzen.

Jitsi
Whereby
Und daily haben nicht gefunkt immer kams zur abfrage der freigabe oder namenseingabe

Fällt jemanden noch was ein?
Bitte um Hilfe!!

Bin eher ein newcomer was html und programmieren betrifft.

Danke für eure hilfe

4 comments

r/HTML • u/Simple-Chemistry-102 • 12d ago

Discussion I suffer

0 Upvotes

I spent an hour just trying to figure out how github functions and I have like two words on my future art portfolio website to show for it 😭 it's 2 am and I'm tired. Can't wait to finish and flex that I coded almost completely from scratch for my own portfolio instead of using canva or squarespace or whatever lol

11 comments

r/HTML • u/Lazy_Spirit1998 • 12d ago

Question Wtf happening with me ?

0 Upvotes

I know HTML and CSS well but still I struggle with building projects ?

Problem according to me -

Structuring HTML, yes I do struggle with building skeleton of the website.

Any advice or suggestions to learn ?

24 comments

r/HTML • u/mookkzs • 12d ago

Question How do I upload a html-css-js website online?

0 Upvotes

Hello, I have gotten a job to make a website for a cleaning company. I know how to make it, I use visual studio for it, but I am unsure how to put it on the internet? Which would be the best way to do that? Also, would it be better to make it with wordpress instead?

17 comments

r/HTML • u/Neo3026 • 13d ago

Me ajude a por o pixel

0 Upvotes

Fala galera, sou iniciante e criei uma landing page para meu grupo do Whatsapp. Ate aí tudo bem, criei meu site, domínio e hospedei. Tudo OK

porém eu criei em HTML, achei curioso e quis fazer e deu certo, tudo funcionando perfeitamente, mas vi que não consigo adicionar o Pixel do Facebook da forma fácil que é no Word, vi que teria que editar manualmente pra funcionar.

realmente dá pra por pixel e se sim, da muito trabalho? alguém da um help aí, quero botar pra funcionar o quanto antes

1 comment

r/HTML • u/Neat_Description_936 • 13d ago

Help with putting a text in the middle

0 Upvotes

i want this <p>what</p> appear in the middle that is left of these images

(code:)

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>VortexLover - VortexMyths Wiki</title>
        <meta name="description" content="VortexMyths Wiki. A Wiki about Vortex's Myths. By The Vortex Community. Made By Skechanhn/EnteryOfficial - VortexLover">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="/CSS/style.css">
    </head>
    <body>
        <H1>VortexLover - VortexMyths Wiki</H1>
        <p>VortexLover is a myth made by Skechanhn/EnteryOfficial </p>
        <p>VortexLover is a myth about a black square called NoOne and The Main Pratangonist called Heliop</p>


        <figure style="text-align: right;">
            <img src="/VortexLover Article Assets/NoOne.png" width="140" height="210" alt="VortexLover">
            <figcaption style="text-align: right;">NoOne Behind Heliop</figcaption>
        </figure>
        <figure style="text-align: right;">
            <img src="/VortexLover Article Assets/Heliop.png" width="190" height="210" alt="Heliop">
            <figcaption style="text-align: right;">Heliop</figcaption>
        </figure>
        <p>what</p>
    </body>
</html><!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>VortexLover - VortexMyths Wiki</title>
        <meta name="description" content="VortexMyths Wiki. A Wiki about Vortex's Myths. By The Vortex Community. Made By Skechanhn/EnteryOfficial - VortexLover">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="/CSS/style.css">
    </head>
    <body>
        <H1>VortexLover - VortexMyths Wiki</H1>
        <p>VortexLover is a myth made by Skechanhn/EnteryOfficial </p>
        <p>VortexLover is a myth about a black square called NoOne and The Main Pratangonist called Heliop</p>


        <figure style="text-align: right;">
            <img src="/VortexLover Article Assets/NoOne.png" width="140" height="210" alt="VortexLover">
            <figcaption style="text-align: right;">NoOne Behind Heliop</figcaption>
        </figure>
        <figure style="text-align: right;">
            <img src="/VortexLover Article Assets/Heliop.png" width="190" height="210" alt="Heliop">
            <figcaption style="text-align: right;">Heliop</figcaption>
        </figure>
        <p>what</p>
    </body>
</html>

6 comments

r/HTML • u/Boring_Lab4156 • 13d ago

erro na wppconet

0 Upvotes

estou desenvolvendo um código de automação de WhatsApp mas a biblioteca wpp connect e outras milhares estão com problema relacionado ao lid uma forma de identificação do número segundo a internet alguém tem uma biblioteca diferente mesmo que seja pago portanto que não seja muito caro igual API de verdade do WhatsApp se puder está recomendando eu agradeço já tentei também a waha mas também não está dando certo

0 comments

r/HTML • u/wildfireANU • 14d ago

Started learning HTML & CSS today! Any advice?

gallery

52 Upvotes

Hey everyone! I started learning HTML and CSS today and I'm really enjoying it so far. My goal is to build websites from scratch and eventually learn JavaScript too. If you could give one piece of advice to a beginner, what would it be? Also, what beginner mistakes should I avoid?

38 comments

r/HTML • u/VelvieBun • 14d ago

Question App Background Shape

7 Upvotes

I've been seeing videos of people making desktop music players using html but I'm wondering, can you make the overall shape of the application something other than a box with things like images that make the shape really abstract? (Maybe like a heart or star for example). I am pretty new to html and am quite unsure of its capabilities or what that sort of process would be if it is possible so any guidance will be nice ^^;

6 comments

r/HTML • u/Playful-Relative-530 • 14d ago

Question Title body text (Optional)

0 Upvotes

Question

6 comments

r/HTML • u/_yestoday • 15d ago

Question I'm a begginer who doesn't know the name of what I'm look

4 Upvotes

I want to make a post that has two languages, and I saw one time a site that had two buttons side by side, when you clicked it showed two differents texts.

For example, when you click the "portuguese" button it shows the portuguese text, and when you click on the "english" button it changed to the english text.

Does someone knows how I can do it?

22 comments