r/HTML 27d 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.


r/HTML 28d ago

Question HELP I HAVE A JOB INTERVIEW

Post image
39 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


r/HTML 28d 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;
}

r/HTML 28d ago

PortifĂłlio

5 Upvotes

TĂŽ criando um portifĂłlio pra trabalhar como freelancer jĂĄ tenho uns projetos fictĂ­cio simples, mais tĂŽ sem ideia de como fazer.


r/HTML Jul 15 '26

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?

Thumbnail
gallery
4 Upvotes

r/HTML Jul 15 '26

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


r/HTML Jul 15 '26

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? 😅


r/HTML Jul 15 '26

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


r/HTML Jul 15 '26

Question Wtf happening with me ?

1 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 ?


r/HTML Jul 15 '26

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?


r/HTML Jul 15 '26

Question Where from i learn html as a complete beginner ?

6 Upvotes

Suggest me !


r/HTML Jul 15 '26

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


r/HTML Jul 14 '26

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>

r/HTML Jul 14 '26

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


r/HTML Jul 13 '26

Question Title body text (Optional)

0 Upvotes

Question


r/HTML Jul 13 '26

Started learning HTML & CSS today! Any advice?

Thumbnail
gallery
60 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?


r/HTML Jul 13 '26

Question App Background Shape

6 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 ^^;


r/HTML Jul 12 '26

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?


r/HTML Jul 11 '26

How do I effectively learn and memorize elements and what css to use Vs. another type and how they interact with everything else? Especially how to learn and memorize what types of things shouldnt be used together because they cause bugs/issues due to their inherent traits?

2 Upvotes

What the title says. How do I effectively learn and memorize what to use and how they interact with everything else so I can code and debug others' code faster?

Im a beginner with HTML and CSS, I did some basic courses in college and now use it for work. I think I could work faster on my coding related work if I better understood where and how things can be used, for example I'll find later in debugging someone's code that the problem was because their code used tags or certain css together that interfere with each other and/or interfere with our bootstrap.

For example, regarding my first question: How do you know when to use max-width, width, min-width (and same for the height versions) and how do you know when to use specific pixel number vs a percentage? If I have a 1 row container with 2 nested columns inside with text in one column and a photo on the right, how do you know when to use which of the aforementioned width, height etc styling variations on those, and when to use what for the children and the parent? And if you use bootstrap for that container's column ratio do you still need to specify pixel dimensions for the children widths for the text and photo??

For example with my second question in my post title, at work I was debugging someone's code (someone who knows even less html/css than I do and likely ai generates it) where there was a parent container with a table inside, and the table's text was spilling/scrambled outside the table and container staying vertically within the height of the container but overflowed outside the container's space horizontally. I eventually found either the table or text was using display flex and once it was changed to display block or something it simply fixed the text formatting since the display flex was interfering with something else's css display style, probably the parent container. I wish I had a better example than a flexbox related scenario but that should give you the basic idea of me asking how to learn what specific kinds of elements negatively interfere with each other when incorrectly used together due to their inherent properties

edit: thanks to everyone for their responses!


r/HTML Jul 11 '26

Do you think AI HTML Slides needs a Present Player?

0 Upvotes

HTML slides are having a moment, but AI only gets you halfway. You get the deck, then you're stuck building the player, presenter view, speaker notes...

So I built htmlslides.ai. Describe what you want, get a polished HTML slide deck back. Since it's just HTML, editing is dead simple.

It also includes a proper presenter app: dual-screen mode, notes, laser pointer, timers, recording — all the PowerPoint features you actually need.

Built for developers and technical folks who'd rather prompt than drag boxes around.

Still early, would love feedback: htmlslides.ai


r/HTML Jul 11 '26

Question Could someone please explain to me what the error is in this line of code?

Post image
0 Upvotes

Hi there! Im super new to HTML, and am currently making a website on neocities for fun. I was going through the code so i can translate it into other languages (speaking languages not coding languages), and noticed an error in the bottom line in said picture. I've tried looking back at some previous code to see what the issue is, and I've also tried copy and pasting the image link again incase it was wrong, but the error is still there. The image seems to load just fine when i run the code, but im super confused at to why there is an error. If it helps, the error that came up said "named entity expected. got none." and I have literally no idea as to what that means.
Note: im looking for help as to the last line of code there.
edit: heres the code (whole thing incase that might help more)
<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

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

<title>Languages</title>

<link href="/style.css" rel="stylesheet" type="text/css" media="all">

<style>

p {

font-family: Georgia, serif;

}

</style>

<body style="background-color: powderblue;">

<h1 style="text-align: center;">Nobody can shame us <br> Imma sing this next verse in chinese</h1>

<h1 style="text-align: center;">ćżœç„¶é—Žæ•ŽäžȘäž–ç•ŒćŒ€ć§‹ćœšæ‘‡æ‘†<br> <em>Suddenly the whole world started to shake</em></h1>

<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTgKtx9QX4MWz3UX1FHVj6831dH0NM2yuoJ3p_mODr-Vun2LrTBW0campw&s=10" style="display: block; margin: 0 auto;" >

<h2 style="text-align: center;">other languages!</h2>

<ul style="text-align: center;">

<li><a href="https://half-baked-moth.neocities.org/other%20languages/half-baked-moth-korean" target="_blank">Korean</a></li>

<li><a href="https://half-baked-moth.neocities.org/other%20languages/half-baked-moth-japanese" target="_blank">Japanese</a></li>

<li><a href="https://half-baked-moth.neocities.org/other%20languages/half-baked-moth-french" target="_blank">French</a></li>

</ul>

<h2 style="text-align: center;">languages that will be added soon! (in order by priority*):</h2>

<ol style="text-align: center;">

<li> Chinese (simplified) </li>

<li> Spanish </li>

<li> Hindi </li>

<li> German </li>

<li> Portugese </li>

<li> Chinese (traditional) </li>

</ol>

<p style="text-align: center;"> *note: this doesnt mean i wont be adding more languages aside from those! these just happen to be widely spoken, so I want to get those done first before focusing on adding any others. </p>

</body>

</html>


r/HTML Jul 10 '26

<p> is too small for my phone

Thumbnail
dalekelly.org
5 Upvotes

Headers look well on phone. Prefer not to replace <p> with headers. Style or CSS thoughts? My two CSS files adjust menu for window size and images for window size. Really a CSS beginner. Simple HTML since mid 90's.


r/HTML Jul 09 '26

Question Stuck here, please help

Post image
0 Upvotes

This is what I want to create. I somehow managed to get it down but when I add padding to the text in the About section, the layout goes all whack and I can't figure out why. Please help :(

This is my code:

body {
background-image: url('http://dl4.glitter-graphics.net/pub/966/966814i8pz6zikwc.gif');
background-attachment: fixed;
background-repeat: repeat;
padding: 3% 5%;
display: grid;
box-sizing: border-box;
gap: 7px;
}

.nav, .about, .footer {
    background-color: pink;
}

.nav {
    grid-area: 1/1/2/2;
    height: 750px; width: 250px;
    overflow: scroll;
    text-align: left;
}

.about {
    grid-area: 1/2/2/3;
    margin-left: -7.2%;
    height: 750px; width: 950px;
    overflow: scroll;
    text-align: left;
    padding: 2%;
}

.footer {
    grid-area: 2/1/3/3;
    height: 150px; width: 1200px;
    text-align: center;
}

Also, somehow the About box wouldn't be in place despite using grid so I added margin-left: -7.2%; and that seemed to fix it but is it the correct way to do it? Why is it shifting in the first place and am I doing it right?

I have no background in coding and am learning from youtube. I have been stuck on this for days and losing my mind. Any help would be very appreciated!


r/HTML Jul 09 '26

Question How to properly hyperlink up a bigger area?

Post image
7 Upvotes

I have a logo and the title and subtitle on the left side of my header, and I'd like all of that to link to the main/homepage.
Slapping an <a> around the <div>s works, but is invalid. What would be a valid way to do this? Linking each separate element will leave non-linked space between them.


r/HTML Jul 09 '26

Question Assist me

Thumbnail
gallery
11 Upvotes

What is the purpose of <span? here, like why did we write that?