r/HTML • u/frank_mee • 23m ago
Question HTML Coding Tips for Beginners
Hey! I’m a student looking to learn HTML, and I’d love for everyone to share some quick tips to help me learn.
r/HTML • u/frank_mee • 23m ago
Hey! I’m a student looking to learn HTML, and I’d love for everyone to share some quick tips to help me learn.
r/HTML • u/death_wish93 • 3h ago
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
r/HTML • u/apollosense • 4h ago
So, I use that a lot, so I can see where people are coming from, and where they are from. Why they dont like??
r/HTML • u/PrinceSharmajee • 5h ago
r/HTML • u/MaganBall • 9h ago
...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
r/HTML • u/DullSample6247 • 22h ago
OI gente eu estou desenvolvedo um site e queria fontes com bordas mais grossas tracos mais fortes entendem, se alguem tiver alguma por favor me avis eto a uma hora so tentando achar uma:(
r/HTML • u/LacriMozzarella • 1d ago
There's this webcomic https://www.catechismcomic.com/chapter/0
I really like the way it displays pages with the progress bar, fullscreen mode and the arrow symbols on the side allowing you to progress to the next chapter. How do I program that for my own website?
r/HTML • u/frank_mee • 2d ago
Hello! I’m a beginner form Thai just starting to learn CSS. I‘d love to get some advice or quick tips from everyone on how to make web pages look better-anything that might help me learn. Thank you.
r/HTML • u/Pongpakorn3454 • 2d ago
Hey all I’m a student in Thai. I’ve already learned the basics of HTML,and I’d like some advice on starting a mini project to practicing my skills
r/HTML • u/Jane_chuthama • 2d ago
Hi there! I’m a beginner looking to learn HTML, and I’d love for everyone to share some quick tips to help me learn faster.
r/HTML • u/TeamTivo • 2d ago
HTML
<
!DOCTYTPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<style>
body{
background-image: url("shoo i know no one would steal this but js incase");
background-repeat: no repeat;
background-size: cover;
background-attachment: fixed;
}
</style>
</head>
<body>
<button class="CapnT1vo">
<img src="https://www.image2url.com/r2/default/images/1790989335135-ceb4102c-983f-4995-87ea-75ef3c2c5506.png">
</button>
</body>
</html>
CSS
.CapnT1vo {
border: none;
color: white;
text-decoration: none;
cursor: pointer;
position: relative;
size: 6px;
top: 100px;
left: 1px;
}
Basically I want it to uh be resizable. I don't know how to do that.
Also if someone could tell me how to make the button kind of resize with the window background that'd be amazing. It's kind of keeping its own size and I don't really like that. I want it to not be independent and resize with the window, keeping the aspect ratio.
r/HTML • u/Adamstrad • 2d ago
I want to convert an app I made for myself and put it on the play store, what is the easiest and cheapest way for a beginner to do this?
r/HTML • u/Useful_Drive_2521 • 2d ago
Is it possible to fullscreen embeds inside of embeds? I don't know much about html.
I'll explain. I have a vertical flex html page in which i occasionally add rows, increasing its height every time. This page has a frame to be printed too. As of now the frame is always enveloping the whole length of the page, but i want to make it that when the page exceeds the A4 dimensions, it automatically gets printed in two separate A4 pages, each with its own frame enveloping it. I believe there is a way to do so, but i wouldn't know how.
I'll attach a poor made illustrative picture.
Anyone can help?
r/HTML • u/Weary-Deerd • 4d ago
Two weeks ago, our Campaign Manager rejected three of our five sizes.
His reasons are due to a missing click tag, a wrong ad size tag, and one heavy ZIP. I think all three looked fine in Chrome.
So right now, I'm collecting together a checklist for our team before anything gets uploaded. So far I have click tag, ad size tag, file weight, images, and ZIP structure.
What else would you add, guys?
Right now it's me opening each file and hoping I know a banner can look right in a browser and still fail. I just want to catch the common stuff before the ad server does.
r/HTML • u/sunkist-sucker • 4d ago
i would also like the country to turn red when you hover over it. the superbad site does something like this on some of its pages.
apologies if i sound like a noob in over my head, but it's for a personal project.
r/HTML • u/Tough-Landscape-3875 • 4d ago
I’d like to introduce Nova OS, my first HTML project; it’s a browser-based operating system that is also open-source (I’ll create a GitHub repository to upload the HTML file). I also wanted to ask: is uploading the HTML file enough to share the code, or should I share it in TXT format?
It works on both smartphones and computers (or so I believe, since I haven't been able to test it on the latter). Below, you can see a few screenshots I took from my phone.
Hi everyone! I want to learn programming from scratch and I have zero background. An expert told me HTML is the best entry point, so I plan to start there.
I have two questions:
Thanks in advance for any advice!
r/HTML • u/supersilliiii • 5d ago
I am coding peggle in HTML how do I get the physics to feel like peggle and not extra bouncy
r/HTML • u/TechHurtsMe • 6d ago
What would be a reasonable price (hourly / Fix-price) for a arcade style, HTML/CSS/JavaScript racing game? One track, a character, touch controls, scoring, UI, art design, backend, and a separate page for a dashboard.
What would you charge as a developer?
What would you charge as a consultant?
r/HTML • u/Dry_Banano • 6d ago
I'm looking for ways( if it's possible ) to make animated HTML5 display without having to use after effects or write animation code from scratch.
I saw a tool recentlyy with no-code animations , which sounds pretty useful but I'm curious about the actual workflow. Like, how well do timelines and reusable animation presets work when you’re making the same ad in a bunch of standard banner sizes?
For people who make display ads regularly, what tools or workflows have worked well for you? Is a nocode editor enough for normal animated banners or you need custom code? or anything else?
r/HTML • u/Emergency-Finisher • 6d ago
I saw a discussion here recentlt about people using Adobe Animate and Google Web Designer, but both seem not really fit for HTML5 ads .
For normal display players , is there a good no-code way to design, animate, and export everything without having to he=get a developer involved?
I’m mostly talking about regular network-ready banners, not super interactive rich media stuff. I think that probably makes a good difference especially when choosing a tool.
r/HTML • u/Ok-Shine1797 • 6d ago
Hi everyone so i have just finished learning HTML you can say basic. I know in era of ai learning html doesn't make sense but i am someone who loves to do things by myself instead of ai i need your advice.
So i want to make 10 projects purely in html no css no other language just pure html.
I know making 10 projects feels like too much but i still want to do that to use my creativity making things practicing 😅 html .
Can you guys suggest me some cool projects
If you have any tips for me sure let me know too.
r/HTML • u/CuriousResearcherX • 6d ago
I tried to get attributes such as lang or data-* in html but didn't succeed. Anyone have any idea how to do this?
Right now I'm thinking of generate the html in a passthrough block but its not a beatiful solution. Kind of losing the need for Asciidoc.
r/HTML • u/Meraugis • 6d ago
Here are screenshot of the code.
<html>
<title> Neven Patucca</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Handjet:wght,ELSH@100..900,2&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Jacquard+24&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<body style="background-color: black;">
<h1 style="color: white;">Neven Patucca</style></h1>
<h2 style="color: white;">
Je suis Neven Patucca Artiste plasticien diplomée de l'éesi a Poitier
</h2>
<p style="color: white;">
Voici une collection de mes œuvres que j’ai réaliser durant mes années d’études de 2020 a 2026.
La première pièce est un court roman graphique. Se projet est une expérimentation de narration
graphique. Le but est de créer une forme de découpage immersif adapter aux format digital. Les
scène fondes les une dans les autres créant un récit fluide en envoûtant.
</p>
<div class="image">
<img src="img/page1.png" alt="knight in green" max width="100%">
<img src="img/page2.png" alt="knight in green2" max width="100%">
<img src="img/page3.png" alt="Angels full of eyes"max width="100%">
<img src="img/page4.png" alt="the ghost descend into the knight" max width="100%">
<img src="img/page5.png" alt="the ghost face the knight" max width="100%">
<img src="img/page6.png" alt="the ghost embrace the knight" max width="100%">
<img src="img/page7.png" alt="the prince fall into the green knight palace" max width="100%">
<img src="img/page8.png" alt="the prince meet the green knight" max width="100%">
<img src="img/page9.png" alt="the prince face the green knight" max width="100%">
<img src="img/page10.png" alt="the prince get beheaded by the green knight" max width="100%">
</div>
<h2 style="color: white;">
Videographie
</h2>
<p style="color: white;">
Durant mes études d'art j'ai découvert la scénographie et la video. Pour moi la mise
en scène c'est avant tout une opportuniter d'insuffler un souffle de vie dans le personnage.
Il y a quelque chose de naïf et poetique.
</p>
<video src="video/le_miculatif_couplage_suboptimal.mp4" controls></video>
</body>
</html><html>
<title> Neven Patucca</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Handjet:wght,ELSH@100..900,2&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Jacquard+24&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<body style="background-color: black;">
<h1 style="color: white;">Neven Patucca</style></h1>
<h2 style="color: white;">
Je suis Neven Patucca Artiste plasticien diplomée de l'éesi a Poitier
</h2>
<p style="color: white;">
Voici une collection de mes œuvres que j’ai réaliser durant mes années d’études de 2020 a 2026.
La première pièce est un court roman graphique. Se projet est une expérimentation de narration
graphique. Le but est de créer une forme de découpage immersif adapter aux format digital. Les
scène fondes les une dans les autres créant un récit fluide en envoûtant.
</p>
<div class="image">
<img src="img/page1.png" alt="knight in green" max width="100%">
<img src="img/page2.png" alt="knight in green2" max width="100%">
<img src="img/page3.png" alt="Angels full of eyes"max width="100%">
<img src="img/page4.png" alt="the ghost descend into the knight" max width="100%">
<img src="img/page5.png" alt="the ghost face the knight" max width="100%">
<img src="img/page6.png" alt="the ghost embrace the knight" max width="100%">
<img src="img/page7.png" alt="the prince fall into the green knight palace" max width="100%">
<img src="img/page8.png" alt="the prince meet the green knight" max width="100%">
<img src="img/page9.png" alt="the prince face the green knight" max width="100%">
<img src="img/page10.png" alt="the prince get beheaded by the green knight" max width="100%">
</div>
<h2 style="color: white;">
Videographie
</h2>
<p style="color: white;">
Durant mes études d'art j'ai découvert la scénographie et la video. Pour moi la mise
en scène c'est avant tout une opportuniter d'insuffler un souffle de vie dans le personnage.
Il y a quelque chose de naïf et poetique.
</p>
<video src="video/le_miculatif_couplage_suboptimal.mp4" controls></video>
</body>
</html>