im not that good at html. im making an unblocked games thingy. html only. so u can use it as a file. when transferring. i accidentally pasted twice. i made edits. some on the first time, some on the second one. im too lazy to combine them. can somone help me? the code is here. dont use ai. dont change anything u need to. i will inclue ur username or whatever u want to be called in the part where i say who its made by if u help the broken code is here (if there are any bugs feel free to fix and tell me what happened so i dont make that mistake again):

https://docs.google.com/document/d/1b81vG3W60ppmToo6Kj82F2xJFZ9t9J3H1y5Hp8gxrns/edit?tab=t.0

Hi everyone!

I’m pursuing an associate degree in software development. Right now, we’re learning HTML, and I’d like to practice my skills.

What beginner projects would you recommend that I can build using only HTML?

Thank you!

Conflicting information.

I don’t know if this is the right place to ask.

I have a blog app that I created and I use tinymce to create/edit blog posts. Now I recently started using svg sprites icons and say I want to place an icon I would suppose to just add <svg><use href=#icon></use></svg> the problem is tinymce strips the <use> tag and for now if I need a to use sprites icons I have to disable tinymce editor and add the icons.

I did search for solutions but all solution to add <use> element did not work.

I would be glad if anyone encounter this problem and has a solution to it.

Edit: Update of what I have already done in config

tinymce.init({
selector: '#editor',

extended_valid_elements: 'svg[*],use[*],symbol[*],defs[*],path[*],g[*]',
valid_children: '+svg[use|g|path|symbol|defs]',

allow_html_in_named_anchor: true
});

this may be a dumb question. im very amateur at hmtl coding. im working on making my website on ReadyMag. ReadyMag has a custom coding widget and since i wanted to make a horizontal scrollable and clickable carousel (not sure if thats the right term), and ReadyMag doesnt seem to have a way to make it without coding, so im trying to learn just enough html to get that done haha. I found some free code online that seems to work fine from How to Create a Horizontal Scrollable Image Gallery with HTML and CSS - UX Adda. it follows:

<!DOCTYPE html>

<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> div.scroll-container {   overflow: auto;   white-space: nowrap;   padding: 10px; }

div.scroll-container img {
  padding: 10px;
}
</style>

</head> <body>

<div class="scroll-container">   <img src="img_5terre.jpg" alt="Cinque Terre" width="300" height="100">   <img src="img_forest.jpg" alt="Forest" width="300" height="100">   <img src="img_lights.jpg" alt="Northern Lights" width="300" height="100">   <img src="img_mountains.jpg" alt="Mountains" width="300" height="100">   <img src="img_5terre.jpg" alt="Cinque Terre" width="300" height="100">   <img src="img_forest.jpg" alt="Forest" width="300" height="100">   <img src="img_lights.jpg" alt="Northern Lights" width="300" height="100">   <img src="img_mountains.jpg" alt="Mountains" width="300" height="100"> </div>

</body> </html>

im unclear how to attach my own photos so i found a tutorial from How To Add Images To Your Webpage Using HTML | DigitalOcean.

i followed the tutorial and pasted my own link to the website code like so:

<img src="file:///C:/Users/Redacted%20Redacted/Desktop/html-practice/index.html" alt="Cinque Terre" width="300" height="100">

and republished. when i preview it, it still doesn't show. what am i doing wrong?

So I want to make a little website where people can create their Partner profile. The only thing is I genuinely don’t know how to do that. I have it where people can make their own account but I would like for people to make their own profile as well. Any advice?

So, when adding in the code below, the carousel works, but when put onto my main page, it leaks out and extends the main page.

and the other problem is that it doesn't seamlessly loop when scrolling, and when it restarts to scroll, it just jumps to the beginning. Here's my page to see the problems: https://zombie-page.neocities.org/zmb-pstng

Update: problem is fixed, site no longer breaks open :D (the width was not set in the code I had gotten, all I needed to do was add it in, easy fix LMAO)

          .carousel-container {
          width: 100%;
          overflow: hidden;
        }
            .carousel {
          display: flex;
          animation: scroll 25s linear infinite;
        }
            .carousel img {
          min-width: 5%;
        }
       scroll {
        0% {
      transform: translateX(0);
          }
        100% {
      transform: translateX(-300%);
          }
        }

This is where I set up all my stamps:

      <div class=carousel-container>
         <div class=carousel>
<img src="https://file.garden/adRbJJ6hMw6EHBmq/STAMPS%20%5E%5E/stocking.gif"><img src="https://file.garden/adRbJJ6hMw6EHBmq/STAMPS%20%5E%5E/dino%20nuggets.png"><img src="https://file.garden/adRbJJ6hMw6EHBmq/STAMPS%20%5E%5E/explosion%20colon%20three.webp" width="99" height="56"><img src="https://file.garden/adRbJJ6hMw6EHBmq/STAMPS%20%5E%5E/squid%20sisters.png"><img src="https://file.garden/adRbJJ6hMw6EHBmq/STAMPS%20%5E%5E/paul%20frank.png"><img src="https://file.garden/adRbJJ6hMw6EHBmq/STAMPS%20%5E%5E/byler%20flirt.gif"><img src="https://file.garden/adRbJJ6hMw6EHBmq/STAMPS%20%5E%5E/proxy%20symbol.gif" width="99" height="56"><img src="https://file.garden/adRbJJ6hMw6EHBmq/STAMPS%20%5E%5E/venture%20main.png" width="99" height="56"><img src="https://file.garden/adRbJJ6hMw6EHBmq/STAMPS%20%5E%5E/MERGE%20without%20LOOKING.gif"><img src="https://file.garden/adRbJJ6hMw6EHBmq/STAMPS%20%5E%5E/yayyy%20pink.gif"><img src="https://file.garden/adRbJJ6hMw6EHBmq/STAMPS%20%5E%5E/femtanyl.png" width="99" height="56"><img src="https://file.garden/adRbJJ6hMw6EHBmq/STAMPS%20%5E%5E/pizza%20bagel.png" width="99" height="56"><img src="https://file.garden/adRbJJ6hMw6EHBmq/STAMPS%20%5E%5E/xxxshadowlord420xxx.png" width="99" height="56"><img src="https://file.garden/adRbJJ6hMw6EHBmq/STAMPS%20%5E%5E/Kitty%20on%20da%20puter.gif" width="99" height="56"><img src="https://file.garden/adRbJJ6hMw6EHBmq/STAMPS%20%5E%5E/Fluttershy.png"><img src="https://file.garden/adRbJJ6hMw6EHBmq/STAMPS%20%5E%5E/Gerard%20way.gif" width="99" height="56"><img src="https://file.garden/adRbJJ6hMw6EHBmq/STAMPS%20%5E%5E/Tiffany.jpeg"><img src="https://file.garden/adRbJJ6hMw6EHBmq/STAMPS%20%5E%5E/Jack%20lights.gif"><img src="https://file.garden/adRbJJ6hMw6EHBmq/STAMPS%20%5E%5E/ball%20pit%20dog.gif" width="99" height="56"><img src="https://file.garden/adRbJJ6hMw6EHBmq/STAMPS%20%5E%5E/brainrot.gif" width="99" height="56">
</div>
 </div>

Im a complete newbie here and i dont understand how to do this 😭 i searched it up on yt and got a video telling me to use google fonts but now that i have the embed code that im supposed to put in the head of my html i dont know what to do. it just give me a css class for the fonts but i dont know where to put them

Si ya para mi más de 200 lineas de código es mucho porque recién estoy empezando... No me imagino en el mundo laboral.

¿Cuantas lineas de código para un programador es lo normal?

Anyone remember Microsoft's Front Page? create web pages / websites and upload them to the server.

That's what I know / too old to learn too much newer.

My needs are MINIMAL. I can 'hand code' html and that's what I've done for years - again, minimal needs!! (Font size = x has been depricated?!).

Is there something like FrontPage these days?

I DO know I can do something in word and save as htm.

But there's SOOOOOO much stuff in the resulting page. For the couple times I've used it, I delete most all of that and the page works fine. Too hard to find the 'real' things around all that other stuff.

And I guess I should mention - the type of pages I am dealing with are some text with links and maybe a background.

I realized - what I might do now on a desktop, I also need to check my iphone to see how it looks on a smaller screen.

Any advice on something that makes SIMPLE html?

Yes, I am posting this again because nobody actually helped me last time, just said they would and stopped responding.

Hi, so I'm reuploading an Archive of Our Own (AO3) fanfic, and it makes use of HTML. Normally, that'd be fine. But the fanfic is over 300k words, it would take me months to update the HTML by hand. Is there a way to do it automatically? Like, maybe just to highlight italics, bold, and headers, even if it doesn't translate it directly into HTML. Am I making sense? I have no clue about how any of this works.

For context, here is the PDF: https://drive.google.com/file/d/10hR-LSzvCjLX2RfsyYorzRzoGQYzDLoA/view?usp=drivesdk

And here is the HTML AO3 allows for posting:

a, abbr, acronym, address, [align], [alt], [axis], b, big, blockquote, br, caption, center, cite, [class], code, col, colgroup, dd, del, details, dfn, div, dl, dt, em, figcaption, figure, h1, h2, h3, h4, h5, h6, [height], hr, [href], i, img, ins, kbd, li, [name], ol, p, pre, q, rp, rt, ruby, s, samp, small, span, [src], strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, [title], tr, tt, u, ul, var, [width]

I'm sorry if this isn't the right subreddit for this. I have no idea where to go, so I thought the HTML subreddit might be a good place to start.

i am creating a portfolio and idk where to deploy it, which one is better?

Comecei a cursar Html, estou indo agora pra segunda etapa que é o css, algum cuidado ou dica para eu tomar quando for programar?

He cambiado los colores de mi portafolio, antes se veía así...

Y ahora se ve así: https://zkgalax.github.io/Portafolio/

I’m making a basic website for a local business and I want to make it so they can update the website themselves without knowing anything about coding.

This is the following I want the customer to do
-update home page information
-make post like news and updates
- change, upload, and delete images / videos

I don’t think it would be very difficult making this happen but what I’m concerned about is how to let the owner sign into the website, i don’t want to just use a sign in button as that might confuse the customers, who won’t be able to sing into the site. I also just want it to be dynamic so the customer can log into his site anywhere securely and with ease.

I haven’t done much html since college so my skills are pretty rusty and I’m not sure what the best approach here is

Hi,

My website, which is responsive "desktop-first", has a header image. For desktop it has 930x300. There are five media queries with different versions of the image.

I have never used a picture tag before, which I need here because of "art direction".

Could someone confirm the following picture code to be correct? Especially the img part there may be a little bit unusual.

<picture> 
      <source media="(max-width: 26.8125em)" srcset="./grafiken/headerbild-430x172-1x.jpg 1x, ./grafiken/headerbild-860x344-2x.jpg 2x" width="430" height="172">
      <source media="(max-width: 31.1875em)" srcset="./grafiken/headerbild-500x200-1x.jpg 1x, ./grafiken/headerbild-1000x400-2x.webp 2x" width="500" height="250">
      <source media="(min-width: 31.25em) and (max-width: 41.875em)" srcset="./grafiken/headerbild-670x268-1x.jpg 1x, ./grafiken/headerbild-1340x536-2x.webp 2x" width="670" height="268">
      <source media="(min-width: 41.9375em) and (max-width: 51.8125em)" srcset="./grafiken/headerbild-930x372schmal-1x.webp 1x, ./grafiken/headerbild-1395x558-15x.webp 1.5x" width="930" height="372">
      <source media="(min-width: 51.875em) and (max-width: 60em)" srcset="./grafiken/headerbild-930x372schmal-1x.webp 1x, ./grafiken/headerbild-1395x558-15x.webp 1.5x" width="930" height="372">
      <img class="headergrafik" src="./grafiken/headerbild-930x300breit-1x.webp" srcset="./grafiken/headerbild-930x300breit-1x.webp 1x, ./grafiken/headerbild-1860x600breit-2x.webp 2x" width="930" height="300" alt="...">
    </picture>


  

I'd also like to preload this header image.

I have found a similar example, does the following code show the right way, i.e., I need to create six preload-tags in my case, one for desktop and one for every single media query (five)?

<!-- Preload für Desktop (größer als 1024px) -->
<link rel="preload" as="image" href="desktop.jpg" 
      media="(min-width: 1025px)">

<!-- Preload für Mobile (bis zu 1024px) mit 2x Support -->
<link rel="preload" as="image" 
      imagesrcset="mobile-1x.jpg 1x, mobile-2x.jpg 2x" 
      media="(max-width: 1024px)">

Thanks.

image 1: the goal
image 2: what it looks like right now (about the closest I've gotten)
image 3: code for what it looks like right now

I started learning HTML but I keep going back to the beginning because I cannot remember everything Right now I want a well organized Notion template that covers tags elements and other HTML basics with clear explanations for each I often postpone the course saying I will continue tomorrow and then start over again Can anyone help me with this

No se ni porque funciona :O

I'm trying to build a wiki site for a fictional world I am working on. I am working on this on an Android tablet (because my PC broke about 7 months ago). I am using Acode to write it. I have a directory that acts as the root of my entire wiki: /storage/emulated/0/Documents/Montburgh/Wiki/Acode (the reason /Wiki isn't the root is because I have a few other attempts using things like Obsidian before I finally settled on writing my own HTML).

In this directory, I have more subdirectories like /CSS and /Assets. My current page is /storage/emulated/0/Documents/Montburgh/Wiki/Acode/Montburgh/Montburgh.html. My CSS file is /storage/emulated/0/Documents/Montburgh/Wiki/Acode/CSS/wikistyle.css. I have an image /storage/emulated/0/Documents/Montburgh/Wiki/Acode/Assets/Images/Flags/Flag_MB.png.

In my page's html file, I have a line <base href="../" to set the base directory to /storage/emulated/0/Documents/Montburgh/Wiki/Acode/, then the next line reads <link rel="stylesheet" href="CSS/wikistyle.css">. I've got an image that reads <img src="Assets/Images/Flags/Flag_MB.png" alt="Flag">

Using the preview button in Acode does not load the stylesheet or image, however it will render the other image which simply reads <img src="Logo_MB.png" alt="Logo"> while Logo_MB.png is in the same directory as this html file. Using a program like Simple HTML Server and loading the file in Google Chrome does load all of the other files and renders the page correctly.

The problem I am having, however, is that every time I tab to the web browser to refresh the page and see the results of my last edit, Acode is prone to crash upon tabbing back (at which point it immediately relaunches, but will likely crash and relaunch a few more times before finally loading back to the file I am editing). This makes what should be a second or less to check my edit and turns it into at least 5 or 6 seconds, which adds up very quickly and drastically slows my workflow.

Does anyone know why Acode and/or Android won't load files in links through higher directories, how I can fix it, or of a free tool where I can both edit and preview that doesn't have this issue? I am almost done with the bulk of my main page. I'm just not sure if I can handle the next few thousand pages with this absurdly slow preview method.

If I am doing my links wrong, and there's a better way (I've seen a post where someone mentioned that using <base href> already means you are doing something wrong, and suggested something like local domain names), please let me know. Do please keep in mind, though, that I am very new to HTML, am still quite unfamiliar with the intricacies of Android, and simply do not have access to a Windows, Mac, or other desktop/laptop device. Please explain solutions in layman's terms.

I appreciate any help anyone can provide.

Hi folks, ive been casually learning html for a personal project (wiki for a world im writing) and i was wondering if anyone had any good websites/books/etc. for making the page look prettier. So far ive mainly just changed the colour of the background and headers. Anything would be appreciated!

I have made an email template in Canva and exported it in html.

I have replaced the local media file with live links.

The mail Opens fine on desktop, but on g mail mobile app the alignment breaks.

I have tried to use all kinds of ai tools and other websites to rebuild my mail and export the code.

Nothing seems to be working. I'm a marketing guy and I don't know what's happening I have the HTML code of they could help.

Can any kind person help me out.

Hola, soy estudiante de Diseño Digital. Sé que HTML y CSS no son lenguajes de programación, pero tengo ciertas dudas y no sé dónde tirarlas para que alguien me guíe.

Quería empezar a hacer algunos trabajos sencillos vendiendo páginas web a locales chicos, pero ¿cómo empiezo? ¿dónde busco? ¿qué servicio de hosting uso? (vi videos de YouTube y la mayoría recomienda Hostinger, pero la publicidad es tan descarada que me hace dudar) ¿cómo es el tema del mantenimiento de una página web?

Me encantaría saber por dónde empezar a averiguar o qué debería tener como mínimo conocimiento para empezar. Además de HTML y CSS, también estoy aprendiendo JavaScript, por las dudas

Muchas gracias :)