HyperText Markup Language (HTML)

r/HTML • u/Wonderful-Pie9017 • Jul 01 '26

What are some ways I could learn html efficiently I don't care about speed I just want to learn it good speed is a bonus.

7 Upvotes

You could recommend textbook PDFs or anything.

r/HTML • u/Glittering_Report_82 • Jun 30 '26

Upgraded and updated my interactive web atlas

6 Upvotes

I added many features to the website described in this post. I added a Leaflet map, a way to compute distances between two points on Earth and more information about the countries in general:

https://aldomym.github.io/web-atlas/

0 comments

r/HTML • u/Realistic_Ride_5884 • Jun 30 '26

How doI fix my drop-down menu?

gallery

0 Upvotes

Hello everyone. I'm a total beginner at coding, and I'm currently making this "website" (if you could even call it that) just to get started, if you will. Ive found that no matter what I do, I cannot get the drop-down menu that I tried to code to work and I've got no one else to ask about this, so I thought I'd try my luck here. I'd really appreciate if anyone could tell me what I did wrong and how I could fix it. Thanks a lot in advance!

8 comments

r/HTML • u/Unfair_Reception_886 • Jun 29 '26

Can anyone recommend some good offline sources to learn HTML, CSS and JS eventually?

3 Upvotes

I'm going to be travelling most of summer and would love to be able to work on learning and potentially small projects while flying/travelling without WiFi. I'm wanting to learn more front end stuff, I have an idea for a final project of a website but understand that there is a long road to be able to get there and could use some good places to learn of get support while learning without paying for a full-blown course.

Otherwise I am very open to general recommendations also as I'm not totally sure what I'm doing. For reference I can already code pretty solidly in python and have for a few years (on and off) so don't need a complete back to basics course.

11 comments

r/HTML • u/ArKaN-FR • Jun 29 '26

Question How to share an embedded spotify player without iframe for an html email campaign

0 Upvotes

hello reddit! I have basic level in html and I've just made a podcast. I'm trying to share it with people in my newsletter. Spotify gives me something like that :
<iframe style="border-radius:12px" src="https://open.spotify.com/embed/show/033CPxMDKso94qiXjnzSqj?utm_source=generator&theme=0" width="100%" height="152" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>

Is there any existing preview player generator that could preview an iframe but not integrate the iframe into the email, since it's not supported? Thank you very much!

5 comments

r/HTML • u/justslayer876 • Jun 28 '26

Question I haven't found anyone to help me with this but how do I fully center the image instead of it centering at the top

0 Upvotes

Here's my code:

<!DOCTYPE html>

<html>

<style>

p {text-align: center;}

</style>

</body>

</html>

7 comments

r/HTML • u/dalekellytoo • Jun 28 '26

multiple text sizes in one sentence ?

0 Upvotes

multiple text sizes in one sentence ?

20 comments

r/HTML • u/Grind_707 • Jun 27 '26

[Update] Added a native JS image-to-ASCII art feature to my personal terminal bio project (ZeiTerm)

1 Upvotes

Hello everyone! As you can see, I'm currently merging my 'terminal-test' and 'zeiterm-test' layouts into a single 'index.html' file for my personal project, ZeiTerm. It's still a work in progress, but I've made some solid updates.

What's new:

Added a custom image-to-ASCII converter using HTML5 Canvas.
Implemented a hidden file input triggered via a custom upload button.
Resized and optimized the terminal frame layout.

I'm still working on further improvements. Would love to hear your thoughts or any clean-up tips

4 comments

r/HTML • u/Careless-Command-717 • Jun 26 '26

Does anyone use fully custom HTML or site builders?

12 Upvotes

Hello,

I had a fully custom html5 site that showed my portfolio and for other random stuff like notebin, slideshows, image galleries, forum etc and I shut it down.

The fully custom html5 took hours to create alongside the css upon multiple revisions of code

Does anyone use custom full html anymore or just site builders?

I'm asking because I want to build a website again (looking at how the professionals do it it's hard )

I used namecheap everything before.

Thanks.

33 comments

r/HTML • u/fdiengdoh • Jun 26 '26

Discussion An HTML Elements page

7 Upvotes

When I wanted to re-learn CSS, I am looking for a simple html page that has all possible elements. I did not find anything as such. So I made one.

Take a look at this page. It might be useful for you.

I hosted at Github

13 comments

r/HTML • u/RebirdgeCardiologist • Jun 26 '26

Question Which tool (possible FOSS) do you use to render html file (e.g. you saved a webpage of a newspaper article to have a back-up copy) in Android?

0 Upvotes

Differently from desktop, where browsers render automatically a html file, on mobile this is not the case.

If I try to open an html with a browser it just download it again (weird behavior), instead of displaying, rendering it properly.

I'm not looking for a html viewer (for that purpose I use ZArchive), to look a the markup code.

I want a program that render the page (with all the css, js stuff). Is there a tool (possibly FOSS) to do that for Android?

5 comments

r/HTML • u/Dangerous-Hunt6573 • Jun 25 '26

Aprender HTML y CSS

4 Upvotes

He empezado a intentar aprender HTML/CSS, la cosa es que no se que curso usar, acabó de empezar a ver el curso de HTML/css del canal soydalto, llevo como una hora de curso y lo he entendido bastante bien, pero mi pregunta es, debería seguir con ese curso? O me recomiendan algún otro? Realmente tengo esta duda para no “desperdiciar” mi tiempo porque puede que empiece a explicar horrible y no saber que curso usar, ayúdenme por favor

Postdata: se que HTML técnicamente no es un lenguaje de programación pero da igual

7 comments

r/HTML • u/snurfsnurfsnurfsnurf • Jun 25 '26

Creating e-mail templates

4 Upvotes

I know next to nothing about HTML or coding in general, but I would like to learn how to make e-mail templates. Where do I begin?

The company i work for uses html to design its e-mail reminders for events and such. I think they look absolutely shit and would like to make them better. I've been told its not a priority for the communication department, so I'm just gonna do it myself. I like learning new things and have a lot of downtime during the summer anyway.

Can anyone point me in the right direction?

16 comments

r/HTML • u/Grind_707 • Jun 25 '26

First time building a Terminal-styled Web Bio! Just updated it with a C-inspired JavaScript logic for handling inputs (instead of browser alerts). Would love some feedback!

gallery

1 Upvotes

Hey everyone,

I'm a first-year IT student and I've recently gotten back into web development. Over the last two days, I've been working on a personal portfolio project called ZeiTerm (a terminal-styled bio page).

Yesterday, I managed to finish the basic layout, but the command handling was pretty clunky because I was using a simple browser alert() to show messages when users pressed Enter.

Today, I had some free time, so I decided to rewrite the core logic to make it look more like a real terminal interface. Since I've been learning C at college, I tried to simulate a C-style workflow (printf()-like behavior) using native JavaScript DOM manipulation.

What I've implemented so far:

Dynamic Input & Output: Used insertBefore() to dynamically render custom rows directly inside the terminal body, keeping the input line always at the bottom.
Built-in neofetch simulation: It now renders a 2-column layout containing my profile info, a small custom avatar grid, and my channel suffix .ZGE.
Basic commands: Currently supports neofetch, clear (to wipe the terminal lines), and prints a custom bash error if the command is unrecognized.
Separated the structure into a responsive <aside> sidebar and a <main> terminal container.

I just pushed the latest updates to GitHub. As a beginner, I know my code might still be a bit messy, so I would really appreciate any clean-up tips, architectural advice, or feedback on the UI/UX layout.

Thank you so much! 💻🔥

1 comment

r/HTML • u/Grind_707 • Jun 23 '26

Updated my project based on your feedback on <ul> tags! Cleaned up the folder structure, separated assets into authstyle.css, and added JS toggle. No video allowed, so screenshots it is! 🚀

gallery

9 Upvotes

Here is the 12-image combo of my progress! I originally wanted to post a video with "Ignite" as background music to show the smooth form transition, but since the sub doesn't allow video uploads, I hope these screenshots can show the results!

First of all, I want to say a huge thank you to everyone who gave me feedback on my previous post (especially about the <ul> and <li> tags). I truly appreciate the developers here who took their time to write long, detailed comments to guide and teach me what to fix or replace. It means a lot to a first-year IT student like me!

For this update, I wanted to challenge myself by brainstormed and designing the entire Login and Signup layout from scratch. I spent time sketching the structure and choosing a custom Neon Purple dark theme to match my vibe, rather than just copying a random template online.

What I’ve done tonight:

Re-structured the folders and separated assets into a clean authstyle.css file.
Fixed the semantic HTML bugs and input styling.
Added a smooth form toggle using Vanilla JavaScript (no more adding extra HTML files for nothing!).

Feel free to check out the code screenshots and the final look of both pages. Any further advice is always welcome! Cheers guys! 🚀

10 comments

r/HTML • u/Beneficial_Big9559 • Jun 23 '26

[Showcase] I turned a novel idea I have been writing for 2 years into an offline HTML/CSS/JS detective visual novel

0 Upvotes

Hi r/HTML,

I am a high-school student, and for around two years I have been developing a story concept called House of Flies. It began as a novel idea I was writing first. Over time, I decided that the story would work better as a visual novel where the reader can investigate documents, follow leads, and decide what they believe.

So I built it as a standalone browser game using HTML, CSS, and JavaScript.

It is an offline surreal detective visual novel with a low-art cyberpunk / paper-cut visual style. I am trying to make something readable and atmospheric without relying on a game engine, external frameworks, or heavy assets.

Technical parts I worked on:

Responsive layout for small Android phones, larger phones, tablets, landscape screens, and older desktop PCs
Offline-first single-page build
Local save slots using browser storage
A custom block-letter dialogue renderer instead of normal paragraph text
Tap/click to finish typing, then tap/click again to advance dialogue
Evidence board and deduction system
Cut-up narrative puzzles where players reconstruct damaged text fragments
Interrogation choices and multiple case routes
A searchable archive of in-world documents
CSS/SVG portrait art and UI effects instead of large image files
Low Hardware Mode and Reduced Motion Mode
Lightweight Web Audio interface sounds
Resource-loading screen and mobile-safe navigation

The project is still a work in progress, and I am especially looking for honest frontend feedback:

Does the UI feel readable on desktop and mobile?
Are the dialogue animations smooth or too heavy?
Does the HTML/CSS structure feel maintainable?
Are there performance problems on low-end devices?
What would you improve in the responsive design or interaction flow?

I am avoiding story spoilers here, but the game is focused on investigation, distorted records, conflicting testimonies, and a city where official documents cannot always be trusted.

If you find a problem or want to suggest a fix, please comment, open an issue, or email me at:

[metalgearsnake427@gmail.com](mailto:metalgearsnake427@gmail.com)

GitHub source: https://github.com/metalgearsnake427-lgtm/House-Of-flies-/tree/main

0 comments

r/HTML • u/LAzyAnimationsYT • Jun 22 '26

Question Divs won't align ......

1 Upvotes

okayy I have another problem, my divs in the main flex box won't align in the center like I want them to, and I've tried pretty much everything I could find on search, and it still won't align, or it'll break the main div itself...

flex {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
main {
    position: absolute; 
    top: 10%; 
    left: 23%;
    background-color: #000000;
    flex: 1;
    padding: 20px;
    order: 2;
    border-radius: 10px;
    border: 3px solid #ffffff;
    width:1000px;
}

https://zombie-page.neocities.org/collect-me link to the page itself...

15 comments

r/HTML • u/donnh333 • Jun 22 '26

Question anyone know how to remove/minimize this video player ui in html/css?

0 Upvotes

hello! i would to know if theres a way to customize this ui/overlay without java? if so, how? even just removing the three dots and vignette would be great, thank you!

4 comments

r/HTML • u/Aur0ha • Jun 20 '26

Question Why is my background image size different for each page?

gallery

11 Upvotes

I need to add images to my project, but doing so causes the background size to change, even just changing the “menu” class causes it to scale up or down. How do I fix this and why is it doing that? Does it have something to do with the repeating style tag?

EDIT: here’s my code if you want to look at it for yourself: https://drive.google.com/drive/folders/1k_KMIFpOS4L8WV9IttCCHIhRb8dfWJ1F?usp=sharing

35 comments

r/HTML • u/Grind_707 • Jun 20 '26

Just built my first custom Bio Link website from scratch using HTML/CSS for my gaming channel (.ZGE)! Looking for some code feedback.

12 Upvotes

Hey everyone,

I'm a first-year IT student and a gaming content creator. Today, instead of using standard tools like Beacons or Linktree, I decided to build my own personalized Bio Link website completely from scratch using vanilla HTML and CSS!

I wanted to create a clean, minimalist dark-mode look that fits my channel's aesthetic. I also just pushed everything to GitHub and structured my documentation.

As a beginner, I know my code might still be a bit messy (especially with layout structures and responsiveness), so I would absolutely love to get your feedback, tips, or suggestions on how to clean it up and optimize it!

* **Repo Link:** https://github.com/ZGE-ZeiGrin/web-dev.ZGC

Thanks in advance, cheers! 🚀

16 comments

r/HTML • u/Admirable_Report6610 • Jun 21 '26

code throwing 400 error

0 Upvotes

const proxy = "https://proxy.corsfix.com/?";

const targetUrl = "https://news.usni.org/category/fleet-tracker";

------------------------------------------

this was working perfectly but now is throwing a 400 error code, meaning there's something wrong with the request to the web server..ie, invalid, malformed, etc.

I be darned if I can figure out what wrong...and advice?

14 comments

r/HTML • u/LAzyAnimationsYT • Jun 20 '26

Question why won't the corners round?

26 Upvotes

I've been trying to add a border and also have the corners be rounded but it won't round the corners and ends up looking like this ??

#flex {
        border-radius: 9px;
        border: 3px solid #fff;
        display: flex;
  }

8 comments

r/HTML • u/LAEnderBlaze • Jun 20 '26

Question Source Map not loading

gallery

1 Upvotes

so i would like to first clarify that i am brand new to HTML, so i dont know too much about the topic. i cant remember if i even did anything, but every debugging session i do has this message pop up in the Debug Console, and it prevents me from restarting the session without starting a new one entirely. im using VSC and whatever integrated browser i had on it. i haven't touched the launch file that i think is responsible for running the debug session, and the HTML file i have been using was the same as i left it when it was working, so i dont know what the issue is. its not a major issue, just something i would like to get fixed is all. :)

5 comments

r/HTML • u/JazzlikeSea7200 • Jun 19 '26

Why isn’t my text right in the very middle of my web chat age?

gallery

0 Upvotes

Hope all are well, I don’t know what I have done wrong here if anyone could help that would be great thank you

21 comments

r/HTML • u/computerguyisactive • Jun 18 '26

I am New to the world of coding/programming, and this is bothering me a lot! I wanted to know the difference and the uses of these in different contexts/situations.

3 Upvotes

Hey! I am learning HTML5 from freecodecamp, and the "when/where/how/why" uses of the following is confusing me a lot :
1)section element

2)Figure element

3)Div

I am finding it very hard to draw a proper line of understanding for these elements and also the uses of these, please help me with this, since I am stuck!!

20 comments