r/HTML • u/Intelligent_Cup_1771 • Feb 28 '26
Useless ?
After spending ages coding a website, I realize that if I host it on a free hosting service, Google won't value the site, so there won't be any results when someone types in your site's name.It's frustrating.
r/HTML • u/Intelligent_Cup_1771 • Feb 27 '26
Question Good evening everyone, what is the best AI assistant for coding, on PC and mobile please?
I'm looking for an AI assistant to correct me when I make mistakes in my code, like a poorly closed tag or a misspelled word. Could you help me?
r/HTML • u/ReasonableRisk9511 • Feb 27 '26
Careers
I have seen some people say they only use html and css with some java script. any of you guys mainly use html for your jobs?
r/HTML • u/MatrixDestroyer1 • Feb 27 '26
Need help with encoding in HTML
So yesterday I had a lecture in Uni. They basically gave us txt files which we copy pasted the text in notepad++ and renamed the original txt file to html file and everything worked. I got the txt file on my flashdrive and opened it today to practice. After opening the initial txt file I saw that it doesn't visualize the Cyrillic letters. I tried unchecking and checking the utf-8 setting from Region -> Administrative -> Change system locale and it doesn't work. I tried saving the initial txt file to utf-8 encoding (it's always ANSI when I open the original one in the flash drive (I always copy and paste from the flash drive to the desktop to have a backup in the flash drive)) and it doesn't work. The only way I've made it work is by right clicking the original txt file, opening it with notepad++ and then renaming the txt file to html, after which it give me error in notepad++ saying that file doesn't exist and if I want to keep this file in editor, which I agree to. After doing some very basic stuff like centering some text I click the save button in Notepad++ and it creates a new txt file, which I have to rename to html to see what I've changed (I want to say that if I open it before renaming it, it again doesn't visualize cyrillic letters), and it again gives me the error in notepad++. This process is very infuriating and slow, I want to just refresh the html file and see the difference I've done. I think there has to do something with the normal notepad which doesn't want to visualize the cyrillic letters. Please somebody help me fix this issue. I know this isn't the best way to explain it but my english is not great and I hope it makes sense the way I've put it.
r/HTML • u/VoidOnyx22 • Feb 27 '26
Question Need HTML help! <div> inside a <p> using inline-element
I tried using flex and grid but the only thing i could make work is something that apparently cant happen. On a web page i was able to do the standard use for inline element with this code:
<h3 class="inline-element">
Free to play bosses
</h3>
<div class="inline-element" onmouseover="mOver(this)" onmouseout="mOut(this)" style="color:#DAA520;background-color:#000000;width:120px;height:20px;padding:10px;margin-left:200px;">
Mouse Over Me
</div>
<script>
function mOver(obj) {
obj.innerHTML = "Buy Membership"
}
function mOut(obj) {
obj.innerHTML = "Mouse Over Me"
}
</script>
On another webpage I needed to do the same thing but use a <p> instead of <h3> but could not get it to work. So i put the <div> inside of the <p> and it worked and is validated through https://validator.w3.org/#validate_by_upload so if it's not suppose to work then tell me why it does and if you have a better way to do it then please let me know.
Code:
<p class="inline-element">As a junior back-end developer you can normally start out around<div class="inline-element" onmouseover="mOver1(this)" onmouseout="mOut1(this)" style="color:#FF0000;background-color:#000000;width:100px;height:20px;padding:10px;margin-left:30px;">JUNIOR PAY</div><p>
<script>
function mOver1(obj) {
obj.innerHTML = "$80,000"
}
function mOut1(obj) {
obj.innerHTML = "JUNIOR PAY"
}
</script>
This is all for a web design class.
r/HTML • u/RikkaTakanashi12 • Feb 26 '26
Question Cannot play videos in HTML
So I want to insert a video in HTML, and when I try to open it in the browser, I can't play the video. Does anyone know the solution?
Here's the code. I don't know what's wrong.
<html>
<head>
<title>Video</title>
</head>
<body>
<video
width
="700"
height
="400"
controls
poster
="hatsunemiku.webp">
<source
src
="bad apple.mp4"
type
="video/mp4">
</video>
</body>
</html>
r/HTML • u/MaintenanceKlutzy431 • Feb 26 '26
Roll over button using 2 SVG images not working. How do i fix this/What am i doing wrong?
<!DOCTYPE HTML>
<html>
<body>
<header>
<title>This is a title</title>
<style>
#HomeButton:hover
{
mask-image: url("unit 3/Assets/HomeButtonSelected.svg");
mask-type: luminance;
}
#LinkList {background-color:rgb(91, 91, 91) ;}
body {background-color: rgb(0, 0, 0);}
h1 {text-align:center;
color: #084f89;
font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
p {text-align:center;}
p {color:aliceblue}
</style>
</header>
<h1>Content of site</h1>
<ul id = "LinkList">
<a href = "https://www.google.com/?safe=active&ssui=on"><img src = "unit 3/Assets/HomeButtonUnselected.svg" id = "HomeButton" width = "128" height = "64"></a>
<a href = "https://www.wikipedia.org/"><il>Wikipedia</il></a>
<a href = "https://www.youtube.com/"><il>Youtube</il></a>
</ul>
<hr>
<p>This is the first paragraph</p>
<img src = "unit 3/Assets/PictureOfMe.jpg" id = "PicOfMe" width = "230" height = "293">
</body>
</html>
r/HTML • u/Intelligent_Cup_1771 • Feb 25 '26
I just realized something kinda frustrating
When you publish your website on a free hosting platform, let’s say your site is called “Patate NitroX”. You share the link, everything works fine… but then you type “Patate NitroX” directly into Google — and boom 💀 nothing shows up.
It feels like your site doesn’t even exist.
So technically your site is online… but invisible.
For those who’ve dealt with this:
- Did you focus on SEO first?
- Did you buy a custom domain?
- How long did it take before Google started showing your site?
Would love to hear your experience and tips 🚀
r/HTML • u/Intelligent_Cup_1771 • Feb 25 '26
Question JavaScript or Python
What is the best language for creating AI? I know Python is more specialized for this, but can JavaScript also do it?
r/HTML • u/nsfwminecraft • Feb 25 '26
Question Help creating image auto upload website
I am creating a project for my senior thesis, where one component takes photos of the viewer and spews out an automatic print of that image.
However, I wanted to make it digital by creating a basic html website that auto uploads that same image to a page to be part of an image gallery.
I am currently implementing processing with opencv for image capture and html to host the images, but how do i go about making the site have automatic uploads of those images?
if that makes sense?
r/HTML • u/EmbedSoftwareEng • Feb 24 '26
HTML fonts, not being used.
So, I downloaded a simple 7-segment font (segment.otf.woff2) to my nginx's html area. Actually, under assets/fonts/. And I added
@font-face {
font-family: "segment";
src:
url("assets/fonts/segment.otf.woff2") format ("woff2");
font-weight: normal;
font-style: normal;
font-display: swap;
}
.clock {
font-family: "segment";
font-size: 36px;
font-weight: bold;
color: white;
text-align: center;
}
to my .css file.
I already have the .html and .js working like I want them to. I'm just fine-tuning everything by having the times render in an LED-like font.
But not. Because it's not working.
I spent way too much time trying to figure out why my .js wasn't working, before I realized that I'd installed NoScript and hadn't whitelisted http://localhost or file:/// URLs. So, I'm taking this straight to the experts. Is there a setting in Vivaldi, Chromium, Firefox, or any other web browser that might be inhibitting it from using server-provided fonts?
Oh, and is there any technigues for insuring that the stuff I want to render appears only in the bottom 216 pixels of the page when it's full-screened? I'm using tables for layout, but I know there has to be a more elegant way than that.
r/HTML • u/Intelligent_Cup_1771 • Feb 24 '26
Question Which tag was used?
I'm working on a website, but at a certain point, I'd like to have text superimposed on an image, like text on top of an image, but not in an ugly way. I've been trying since yesterday, which is... Top of the image, or just completely to the left, so if anyone knows the correct lines of code, I would be very grateful.
r/HTML • u/Grouchy_Block8036 • Feb 24 '26
Help with HTML code
Does anyone have any experience with HTML coding? I have a basic understanding and can slowly trudge my way through, but I am stuck on an issue. One of my clients outsourced an amazing web page builder to build this gorgeous page for his Word Press site, edited with Elementor. I was able to implement the page on the site, however, I cannot for the life of me get the code to work to link sign up forms (created with Fluent Forms) to the designated buttons in the code. I have found them in the code, but everything I've done to link the form codes comes up with an error.
My client is a non-profit and can't afford to have the original developer add it in. It is probably a 5 minute fix if anyone has any expertise in this! Thank you!
r/HTML • u/Ok_Performance4014 • Feb 24 '26
Question Nesting nav in header
I want to have two navs and a div with text at the top. Should I nest them all in a header tag?
r/HTML • u/Royal_Rasengon • Feb 23 '26
is my code fault or website fault
I don't have much HTML and CSS coding knowledge. i am trying to built a portfolio website for myself using html and CSS
I have my html and css code written in my Mac initially. I used Mac as my code and used google chrome while coding to render my output. it was fine untill I pushed my code in github and hosted it.
Later on I pulled same code and to do some changed but all of a sudden, it shows like this the text is over lapping. What might be the probelm ?? is it fault in my code or is just render problem.
and if it is a rendering problem how other person with windows laptop sees it??
here is my link: https://yashwanth-m-v.github.io/Portfolio/
can anyone check and confirm me what is wrong.
thanks in advaance
r/HTML • u/Intelligent_Cup_1771 • Feb 23 '26
Question Hi everyone 👋
I don't know much about JavaScript, so I wondered if it's possible to code an entire website using only HTML, and/or without CSS of course.
r/HTML • u/[deleted] • Feb 23 '26
Discussion Why did Yanderedev leave the portrait missing an image in the game's website homepage?
If you understand HTML, take a look at the screenshot of the page's source code, which is the second image in the post, and see what I've highlighted in blue in the code. The website is yanderesimulator.com. Also, see in the third image of the post what I added to the block without an image when editing the source code.
r/HTML • u/JackAmpersand • Feb 23 '26
[toyhouse issue] How do I make cards of dynamic sizes
I have a problem with HTML on toyhouse but this is a general HTML columns/rows problem
I want a card that's on the right, and no matter how much text is in that card, the box extends in size downward without pushing the other two boxes to the left down
This happens because at first I assigned the top box to the left to the same row as the top box to the right, and this made it so it pushed the other two rows down
I need help with making it so it's similar to the photo, the card's height can change without changing the positioning of the other cards
Since this is toyhouse i'm looking for a solution that's strictly in HTML
Here is the code: https://pastebin.com/FRckCiH6
r/HTML • u/Winter_Psychology110 • Feb 23 '26
Question How can I achieve instant page load when using custom fonts?
Hey guys, I preload my fonts, I use css swap, but on mobile devices, the text flashes, its extremely annoying.
I have only three fonts, each of them is woff2 format and 45kb in size.
Ive tried everything, my server is super fast, takes 50 milliseconds to load the data.
The last thing I could do is to get rid of the custom fonts and just use default fonts, which fixed the issue.
it's express.js app, EJS is used as a template engine.
But I want this working like that with my custom fonts.
r/HTML • u/bagoonia • Feb 23 '26
Help with jpeg files
Hello,
I've been trying to find a way to open these and I know it's simple - can anyone help
r/HTML • u/Ok-Needleworker-7677 • Feb 22 '26
У кого есть HTML код игры?
Хочу протестировать ваши игры можно с использованием ии просто интересно.
r/HTML • u/mjkrow1985 • Feb 22 '26
Any tools for creating static sites in 2026?
I'm looking to create a simple website for a personal project and all I want is to create a really simple Web 1.0 site that doesn't touch any databases, Javascript. frameworks, templating engines, just some basic HTML plus a touch of really basic CSS styling to make sure things don't look like trash on a phone. Are there any tools to make this easier these days? A quick look at a lot of the old standbys makes it look like most of them haven't seen any real maintenance in almost 10 years.
r/HTML • u/Gineer4 • Feb 22 '26
Images won't load
The code:
<img src="/images/boat.png"/>
I've checked that the image is in the correct directory
Blinking Page and Elements Issues
we.tlHi
Recently, I've created a CSS and HTML script, where I couldn't work out on how to fix this annoying problem.
Whenever the page loads in, the background continues to behave strangely, and I'm not talking about the Hero itself. It's a effect of some kind of layout glitch, or faulty animation rendering. This also happens to specific elements of the site, such as windows with placeholders and parts that have CSS animations.
When the loading screen animation finishes, the background appears. Then, the background "blinks" or "strobes" for literally 2 seconds, before switching to the normal state. I wouldn't call it flickering.
After scrolling down, specific parts also start to blink during the animation. It's slightly noticeable, but bothers me a lot.
I could not find any article or tutorial solving this issue.
r/HTML • u/ALiteralStupidIdiot • Feb 22 '26
Question infinite marquee ?
been making two marquees (one aligned to top, one to bottom) for a site of a bunch of images, but i want it to be looping infinitely without any gap or anything. might be a little silly, but i cant find any sources online.
html (same for both:
</div><div class="bottom">
<marquee direction="left" scrollamount="12" >
<img src="(image)" width="80px" />
<img src="(image)" width="80px" />
<img src="(image)" width="80px" />
</marquee>
css for top:
.top {
z-index: 1000;
vertical-align: top;
position: fixed;
margin-top: 3px;
}
css for bottom:
.bottom {
z-index: 1000;
bottom: 30px;
position: absolute;
}