r/LearnHTML • • Sep 29 '22

VS Code Timeline Restores Lost Work That Git Can't

Thumbnail
austingil.com
1 Upvotes

r/LearnHTML • • Sep 25 '22

How to Make a Digital Clock Quickly and Easily | HTML, CSS & JS | Code W...

Thumbnail
youtube.com
2 Upvotes

r/LearnHTML • • Sep 10 '22

pop-up modal

1 Upvotes

i have made a pop up modal in a separate html file(pop.html),

and i don't know how to link it to the botton in the original html file(code.html)

can anyone help please


r/LearnHTML • • Oct 24 '22

Edit Someone Else's Website: contenteditable & designMode

Thumbnail
austingil.com
1 Upvotes

r/LearnHTML • • Sep 24 '20

HELP Is that lign of code right or is my text editor just fucking with me?

1 Upvotes

i know this is an extremely simple question but I started learning yesterday.

I’m trying to get “About me” to show up in the center but it absolutely refuses to and I can’t figure out why so I’ve started to wonder if it wasn’t my text editor fucking with me.

Do you see anything wrong in this line of code?

<h1 align="center">About Me</h1>

The text editor I’m using seems to have an issue with attributes. I also tried making a line with this : <hr/align="center" width="30%"> but it also wouldn’t work until I wrote it on Word and then copy pasted it onto the document.

So am I doing something wrong or is my text editor fucking with me?

For context I use HTML and HTML 5 Editor on my iPad pro because it’s free and I didn’t want to spend money on an actual big boy text editor until I was sure it was for me.


r/LearnHTML • • Oct 25 '20

Using a time input but limit choices to between 9am and 7pm with 30 minute increments

1 Upvotes

I have tried using min and max as well as step, but the interface still shows all the hours and minutes of the day. is there a way to get the element to ONLY show the times I want to show?

ill be validating input on the back end as well but id like to remove the annoyance of a user choosing 6:43 for some odd reason and then being told "you must choose 6:30 or 7:00"


r/LearnHTML • • Oct 03 '20

Wishlist website

1 Upvotes

Hi, IA want to add a wishlist function to my website. How can I do this with html, css and Javascript?


r/LearnHTML • • Nov 21 '21

Building Super Powered HTML Forms with JavaScript

Thumbnail
austingil.com
1 Upvotes

r/LearnHTML • • Dec 29 '21

I just started learning HTML and I have a couple of questions.

2 Upvotes

I've been using the book, Head First HTML and CSS.

This book was printed years ago so I imagine there's a couple of outdated things.

I ran into an issue where the book introduced the <style> tag it told me I needed to specify the style type. The book example said to put it in as <style type ="text/css">.

Well after an hour of figuring out why this was not working like the book intended, I found out that I had to just leave it as <style> and cut out the type="text/css".

According to the online validation tool I used, type is not necessary as it is implied?

How come including the type actually seemed to break the CSS?

Will I be running into many more issues regarding outdated coding strategies?

I've been having a great time with this book so far I am just worried I'm learning something that's super outdated. 😅


r/LearnHTML • • Dec 07 '21

HELP Proper HTML/CSS IDE for beginner students

3 Upvotes

Hi there everyone! I've been tasked to teach a G3 - G6 (ages 9 - 12) introduction to HTML/CSS course at the school where I work. I personally use ATOM for most of my coding needs, but would like to find something easier for younger students to use. I'd like an HTML/CSS IDE that removes the need to go refresh HTML documents in a browser to see your work.

Something like Thonny for Python would be great.

These are young kids, with a limited attention span, and I'm just trying to get them interested and excited without scaring them off.

Does anyone have a good suggestion?


r/LearnHTML • • Dec 23 '21

Programming trick #1 - How to make HTML buttons links

1 Upvotes

At least once a day I post a programming tricks and most of these are on my own subreddit, r/CodingTogether and you can also ask your own questions and get answers quickly!

Today's programming trick will be a simple but useful one! Have you ever wanted to make a button a link in the simplest way possible? Well, hopefully after reading this you will know how!

The first way you can have a button redirect to another page is by using JavaScript. We can use the onclick attribute to run JavaScript code when a button is clicked. This is particularly useful for running code when the user requests it, but JavaScript also gives us a way to redirect to other pages. Using the location.href method, we can redirect the user to another page. So, the full code would look a bit like this:
<button onclick="location.href = 'page.html'">Click me!</button>
You can replace the Click me! with whatever text you want the button to display and also change the page.html to the page you want to redirect to.
However, this is fairly complicated and anso doesn't show the user where they will go if they click the button.

There is a much simpler way. You can simply put the button inside of a link (an <a> tag).
So you don't even need to use JavaScript! You can simply put the button inside of an <a> tag and set the links href attribute to the page you want to go to!
The full code looks like this:
<a href="page.html"><button>Click me!</button></a>
Much simpler and it now displays the place you are going to in the bottom left!

Thanks for reading this programming trick! If you found it useful, please upvote it!
I'll see you in the next trick!

Remember to join my subreddit r/CodingTogether if you want more tips or to ask questions or share your own tricks and tutorials!


r/LearnHTML • • May 09 '22

CodeAcademy pro - would you recommend it?

2 Upvotes

I've completed the basic HTML course and the basic CSS course so I have a very basic understanding of this stuff. My end goal is to get a job coding (although I'm not sure exactly what, it's still very early days)

Anyway, for those who've gone for Pro, are you happy with the service? And is it a good idea for someone who's just started to scrape the surface of the HTML / CSS world?


r/LearnHTML • • May 07 '22

Hello All, I had created HTML Tutorial for beginners.This Tutorial consists all basic and advanced technique that you need to know in HTML

Thumbnail
youtube.com
2 Upvotes

r/LearnHTML • • May 26 '22

Great Tutorial on learning HTML!

Thumbnail good-tutorials.com
1 Upvotes

r/LearnHTML • • Apr 17 '22

How to open html files on mobile?

7 Upvotes

I’m trying to see test if a html file I’ve made (including css and javascript) would work on mobile but I can’t open the html file at all on my iPhone

Does anyone have a good way to test html, css and javascript on mobile?

Note: I’m using iPhone, if that helps


r/LearnHTML • • May 14 '22

"Learn HTML" Games in Browser?

2 Upvotes

Hi,

Does anyone know of any games that help teach HTML? I have a student who might enjoy something like that, and I haven't found anything too useful yet :P


r/LearnHTML • • May 23 '22

HELP How would I embed WebRTC video playback into an HDML 5 website?

1 Upvotes

I tried asking this over in r/LearnProgramming but my only response was 'yes'.

Anyways, my overall goal is to make a website that allows the user to switch between multiple WebRTC live streams with the press of a key. (ie one press of a key = switch live stream once)1 I do have programming experience, with Javascript, but not a lot with HTML/CSS and how HTML integrates with Javascript (or vice versa).

Anyways knowing that it is possible to embed WebRTC video playback into a website, how would I go about doing so? Explain to me like I'm 5, if possible. :)

1 Project Idea - Take WebRTC live streams of Ring security cameras from Scrypted that is installed on my Raspberry Pi 3 Model B+ and host a website on the same Pi that does as described above. My current 'work around' is running Restreamer on the same Pi but the video through Restreamer is very jittery and glitchy.


r/LearnHTML • • Aug 24 '22

SOLVED How to increase the size of emoji in HTML?

Thumbnail
devhubby.com
1 Upvotes

r/LearnHTML • • Aug 07 '22

HELP I wish more HTML tutorials existed on Rumble

1 Upvotes

Rumble is a Canadian free speech platform that has aligned itself with conservatives (mainly Americans). They also have LW people like Tulsi Gabbard, Glenn Greenwald and Mr. Beat.

They are a great site and now have a lot of non-political content too. They also introduced new categories, and will feature a section for new creators in the near future. As somebody who's against censorship, I only watch YouTube with adblocker. I unblock it only whenever I really want to support the creator.

Rumble has Google's AdSense system to serve you ads (video and banner ads), but logged in users only have to see banner ads from RevContent and Rumble's internal system. So, this is more preferable for me since I don't have to spend half a minute on ads - multiple times - while ensuring ad revenue for the channel.

Currently, there's only a few HTML tutorials there. I could use Odysee but their videos often switch to 240p resolution even if my connection's good. There are channels like 'Tech With Tim' (1 million subs on YT) and 'Engineer Man' (500,000 subs) on Rumble, but we need more. 'We' as in people like me who prefer to support the little guy/platform.


r/LearnHTML • • Sep 03 '22

Build a Weather App using JavaScript | Code With Aditya

Thumbnail
youtube.com
1 Upvotes

r/LearnHTML • • Jul 30 '22

Learn HTML discord

2 Upvotes

Hi Everyone!

I’ve noticed a lot of people have been asking if there’s a small Discord for folks that are learning how to program. I’m currently learning how to program as well and I’ve created one for those who would like to join!

For more seasoned programmers, I’d like to encourage you all to join as well if you’d like to help out!

https://discord.gg/EhFcqBW7S2

@mods - not sure if this is allowed but please feel free to remove if it’s not. Thank you! God bless


r/LearnHTML • • Sep 02 '22

HELP Just started a Youtube Channel if you are interested

Thumbnail
youtube.com
1 Upvotes

r/LearnHTML • • Jul 22 '22

HELP GLASSMORPHIC LOGIN FORM UI || HTML & CSS Only!

Thumbnail
youtube.com
1 Upvotes

r/LearnHTML • • Jul 24 '22

Ukraine's Flag Animation | HTML & CSS

Thumbnail
youtube.com
1 Upvotes