32: How to Create a 404 Page in HTML | Create a Custom 404 Page | Learn HTML & CSS | HTML Tutorial

Поделиться
HTML-код
  • Опубликовано: 8 сен 2024
  • How to Create a 404 Page in HTML | Create a Custom 404 Page | Learn HTML & CSS | HTML Tutorial. In this HTML tutorial you will learn how to create a custom 404 page on your website, which is used to show a alternative page to people who access a non-existing page on your website.
    ➤ GET ACCESS TO MY LESSON MATERIAL HERE!
    First of all, thank you for all the support you have given me!
    I am really glad to have such an awesome community on my channel. It motivates me to continue creating and uploading content! So thank you!
    I am now using Patreon to share improved and updated lesson material, and for a small fee you can access all the material. I have worked hard, and done my best to help you understand what I teach.
    I hope you will find it helpful :)
    Material for this lesson: / lesson-material-42361704

Комментарии • 122

  • @Dani_Krossing
    @Dani_Krossing  Год назад +3

    NEW UPDATED 2023 COURSE AVAILABLE! 🙂
    You can find it here: ruclips.net/video/v8jDnBYc0bs/видео.html&ab_channel=DaniKrossing

  • @frontendtesting
    @frontendtesting 6 лет назад +12

    thanks for doing this video! a lot of devs forget about the 404 page b/c it's not a "usual" path, but it can make a big difference in user experience when done well.

  • @burimislami1349
    @burimislami1349 5 лет назад +8

    Big respect. And please don't worry about the speaking/spelling mistakes! We are people, we all do mistakes. In this case, real people will value what you are teaching for free something that other people pay thousands of euros/dollars. Take this for all the videos. Tak! :D

  • @lukaphirtskhalava2449
    @lukaphirtskhalava2449 5 лет назад +5

    the best!! I watched this video only once and I remembered everything. Thank you for this video!

  • @jeffslegacy
    @jeffslegacy 4 года назад +1

    Too simple, thank you. I have been trying to bring my site up to current SEO Standards and the 404 page is one of the factors and I had code that worked as far as functionality but the SEO audits didn't recognize it, therefore telling me I needed a 404 page. Thanks alot!

  • @mojtabaarmstrong2372
    @mojtabaarmstrong2372 5 лет назад +22

    Bro it really works 😍
    Thank you man. Subscribe is the least thing i can do 👍
    P.S : Your accent is great that i could not realize you are not an English speaker

  • @nziggypatlechat3892
    @nziggypatlechat3892 5 месяцев назад +1

    Straight and simple ❤

  • @aliophelia949
    @aliophelia949 6 лет назад +15

    Dani i wish you make a tutorial on Laravel. i will be very grateful.

  • @campodasexatas5370
    @campodasexatas5370 4 года назад +7

    Your tutorials are amazing!!! You're helping me a lot!

  • @WOXZE
    @WOXZE 4 года назад +3

    I would never imagine that it was this easy. Thanks a lot, brother.

  • @olgabiletski701
    @olgabiletski701 3 года назад

    very very thanks! its working and i searching 2 full years how to make a custom 404!!!

  • @nikolasblues270
    @nikolasblues270 6 лет назад +3

    Love these html / css new series Daniel! Greetings from Greece!

  • @virsuryaircas
    @virsuryaircas 5 лет назад +12

    bro not working in my local host is it there any setting needs to be configured

    • @OPGAMER.
      @OPGAMER. 3 года назад +2

      it works only on apache server not any other else do it when your website is hosted online.

  • @InvierteenlaBolsadeValores
    @InvierteenlaBolsadeValores 3 года назад

    Your English is excelent

  • @DPro7
    @DPro7 9 месяцев назад

    You are a hero!

  • @fabichoon
    @fabichoon 2 года назад +1

    me ayudo mucho. gracias :D

  • @muhammadnawazseo3407
    @muhammadnawazseo3407 3 года назад

    very helpful thanku best wishes ahead

  • @solomontsaagane9659
    @solomontsaagane9659 2 года назад

    Your English is perfect 👌🏾

  • @SerenityWaves2.0
    @SerenityWaves2.0 6 лет назад +3

    Amazing, I'm waiting for your htaccess tutorials

  • @48_subhambanerjee22
    @48_subhambanerjee22 10 месяцев назад

    Thanks buddy I needed it

  • @nickwest778
    @nickwest778 6 лет назад +4

    thanks for the tutorial ^_^

  • @mathumathi9888
    @mathumathi9888 3 года назад

    Ya really very easy way thanks bro

  • @erikbmx478
    @erikbmx478 6 лет назад +1

    Amazing! I am gonna test it out tomorrow.

  • @nielsencs
    @nielsencs 6 лет назад +1

    Your English is waaay better than my Danish! :)

    • @john8998
      @john8998 6 лет назад

      Yeah that's basically true. It took me a long time to notice that u were not an American...

    • @nielsencs
      @nielsencs 6 лет назад

      My only Danish is 'Din fa elsker dig' (roughly dean far elska die) which means 'Your Father loves you'; also my father loves me; finally 'hello' and 'goodbye' ('hi' and 'hi hi'!) :)

  • @videkrajnc
    @videkrajnc 4 года назад

    Super awesome

  • @05renemar1
    @05renemar1 6 лет назад +1

    Thank you for all of your tutorials man! It's sad that you don't get much views :(

  • @viewvast
    @viewvast 4 года назад

    Your my programming hero!

  • @gabrielfono844
    @gabrielfono844 4 года назад

    thanks very much
    I still remember last year when I first writing my first line of code
    I was watching your project regarding html and css.
    today I am bout to be interviewed.
    I really appreciate your lesson.
    thanks so much.
    do I need to take your php course.
    is it still relevant in 2020 ???

  • @kubickipl__
    @kubickipl__ Год назад

    thank you for this, i really needed a guide like this :D

  • @aizazkhan2583
    @aizazkhan2583 4 года назад

    Hello sir its really awesome videos of HTML and CSS i am near to complete it ..and sir i am watching your videos since 5 months ....so now i want to learn php procedural so plz tell me from where i get start...

  • @mytech2704
    @mytech2704 3 года назад +1

    Thanks, A Lot!!

  • @leoheoro
    @leoheoro 6 лет назад +1

    Hi !
    Your videos're very good. Can you make video tutorial use LESS without use CSS in create web ?! :))

  • @regalrayquaza7609
    @regalrayquaza7609 4 года назад

    Thank you for this tutorial! Your videos are very good and easy to follow

  • @maivishnaaz3117
    @maivishnaaz3117 2 года назад

    Thankyou 🌈❤️

  • @aizazkhan2583
    @aizazkhan2583 4 года назад

    Hello sir its really awesome videos of HTML and CSS i am near to complete it ..and sir i am watching your videos since 5 months ....so now i want to learn php procedural so plz tell me from where i get start. (21-07-2020)

  • @luixz5388
    @luixz5388 3 года назад

    Thanks

  • @joepvandijk5850
    @joepvandijk5850 6 лет назад +4

    Hey, thanks for your tutorial, but I've a question... is it also possible to use a PHP file as error page? When I try to do that he can't be found... thanks

    • @Dani_Krossing
      @Dani_Krossing  6 лет назад

      Yes I have a video on it in my PHP playlist :)

    • @joepvandijk5850
      @joepvandijk5850 6 лет назад

      Thank you!

    • @joepvandijk5850
      @joepvandijk5850 6 лет назад +1

      Sorry... I'm stupid or something like that... I can't find the video...

  • @DrLifeGamer
    @DrLifeGamer 5 лет назад +3

    help it says
    Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.

    • @TheFlexXMLG
      @TheFlexXMLG 5 лет назад

      same

    • @ziphhy
      @ziphhy 5 лет назад

      Just figured out it. It's case sensitive I had error.html in the access file but the fike was Error.html

  • @keuba1
    @keuba1 4 года назад

    Very usefull lesson. Thanks!!

  • @dolittlediehard1670
    @dolittlediehard1670 5 месяцев назад

    The person who ran the website before me has created a 404.hml page and it works but I can't find the .htaccess file you are referring to. Oh well 🤨. Thanks for the heads up though because i had no idea how it was working.

  • @rodolfocoprodutor
    @rodolfocoprodutor 2 года назад

    TKS man

  • @KiliGraphics
    @KiliGraphics 4 года назад

    You should send a http Header with it. Google something thinks its a soft 404 or only a redirect.

  • @BoxOfBananas
    @BoxOfBananas 6 лет назад +1

    Amazingly helpful!! Also, what's that outro song?? sounds goooood.

  • @alertnikole
    @alertnikole 3 года назад

    You rock - thank you.

  • @niku683
    @niku683 6 лет назад

    That scary icon on the left side of the address bar, maybe later an idea to do a tutorial about SSL certificates.

    • @Dani_Krossing
      @Dani_Krossing  6 лет назад

      Νιψκ That scary icon is there because I don't use my website for handling sensitive data and because I am not trying to boost my website SEO ranking :) but yes a SSL certificate tutorial would be an idea later in this course. At the moment a SSL lesson would only confuse newer web devs that are watching this course, and since they haven't learned how to create dynamic websites yet it wouldn't benefit them much. SSL is primarily used when handling sensitive user data.

  • @ralligarants5684
    @ralligarants5684 2 года назад

    Nice video bro!
    7:47 I was wondering if there is a tutorial about what you can do with a htaccess file yet?

  • @dteam3163
    @dteam3163 5 лет назад

    THANK YOU!

  • @Queerventurers
    @Queerventurers 4 года назад

    OMG THANK YOU SO MUCH!!

  • @mayorca_institute
    @mayorca_institute 11 месяцев назад

    The online server you are using is called what.... I want to use it to for testing of my app

  • @parthpanchal3904
    @parthpanchal3904 6 лет назад +4

    I'm the first one Daniel ✌️

  • @reivan_
    @reivan_ 3 года назад

    This is helpful! But will it work when I posted my site in netlify?? bc netlify has its own 404 page

  • @DebiMLT
    @DebiMLT 6 лет назад +3

    hello mmtuts I'm trying to remove .html from the url can you do a video on how to remove pls

    • @Dani_Krossing
      @Dani_Krossing  6 лет назад

      My next video will show how to do this :) I will try to have it out tomorrow.

    • @DebiMLT
      @DebiMLT 6 лет назад

      thanks a lot you are awesome bro

  • @ahmedjoo1858
    @ahmedjoo1858 4 года назад +1

    Great and to the point tutorial as usual. I have a question, ErrorDocument 404 works fine as long as the "not found" page name is written directly after the www.mydomain.com/ however when i do the same after any existing page then nothing actually happens, simply the correct page still showing !!! for ex. if I try www.mydomain.com/existpage.php/jshdjfhlfas then still existpage.php is still showing .. any idea why ??

  • @notch29
    @notch29 6 лет назад

    it is essential to have a varchar '404' to show in a div (or span) in my html structure (question about good way to coding, SEO thinking etc...) ? or a img/icon with 404 is good also ?

  • @Vapor6701
    @Vapor6701 6 лет назад

    Hello! I was wondering if you could make a video teaching us how to hide the . extention!!! That would be really helpful for us working on having clean urls!

    • @Dani_Krossing
      @Dani_Krossing  6 лет назад

      Good idea for a lesson #33 since I already went into the .htaccess file in this video :) I don't want to get too much into the .htaccess file too early in this course, but this is a pretty good and simple thing to create. So why not :)

  • @jos3008
    @jos3008 5 лет назад

    btw your web page looks nice

  • @曰_曰
    @曰_曰 Год назад

    Do you need a web server to do it?
    I searched for how to get a web server and downloaded Apache but I can't open it because Windows blocked it.
    Is there any other way to create a 404 page without a web server?

  • @OstonCodeCypher
    @OstonCodeCypher 6 лет назад

    Hello Mr.tuts....Am a bit off topic but I want some help on how to display content on a page using Ajax with out a click on a button.
    I see Browsers like Opera min use this by displaying news from other site .

  • @maivishnaaz3117
    @maivishnaaz3117 2 года назад

    Your blah blah blah 😂😂😂 is amazing

  • @leoheoro
    @leoheoro 6 лет назад

    Good good good !!!

  • @ramidika3864
    @ramidika3864 Год назад

    guys i have a problem , when i did the 404 error page for my website a 500 error appeared . How can i fix it

  • @simsolchannel
    @simsolchannel 2 года назад

    Hello teacher. How are you? I want to ask about my Website Suspended . Since I did not enter the data for about 5 months, how to solve it? Thank you teacher

  • @sreenathreddy6634
    @sreenathreddy6634 3 года назад

    Where do i need to place the .htaccess file? for now i have placed in where the 404 page not found html file path. But its not working

  • @LosChudos
    @LosChudos 6 лет назад

    Love your videos, would you consider creating series on Firebase?

    • @Dani_Krossing
      @Dani_Krossing  6 лет назад +1

      I have a lot of courses I want to start teaching on my channel including Firebase :) however at the moment I'm focusing on trying to complete other existing courses. Hopefully I'll get too it before too much time passes.

    • @LosChudos
      @LosChudos 6 лет назад

      Yeah I can imagine there are too many topics to cover and not enough time, anyways good episode, would love to learn more about htaccess in the future as well :)

  • @tanzeelrahman6857
    @tanzeelrahman6857 3 года назад

    This doesn't work on my server. My error is always :-
    Server Error
    404 - File or directory not found.
    The resource you are looking for might have been removed, had its name changed, or is temporarily unavailable.
    Do you have a solution for this?
    I have taken my domain from Rediff.

    • @wildporg
      @wildporg Год назад

      I get a similar issue, it just shows the same whether I have the html and htaccess or not

  • @besnik7271
    @besnik7271 3 года назад

    Daddy Musk been creepin

  • @jos3008
    @jos3008 5 лет назад

    can i use htaccess if i m using node js?

  • @tutorialswithshushanarora4569
    @tutorialswithshushanarora4569 3 года назад

    Does this work on notepad++ ?

  • @TheLeontheking
    @TheLeontheking 6 лет назад

    Doesn't work for me.. however, i am currently "hosting" my site using WAMP and localhost. Isn't it possible to do it that way? I mean it doesn't really matter, as the first moment when i will definetely need such page is when i upload my page.. but i am just wondering.

  • @laskipikera3205
    @laskipikera3205 Год назад

    Bro, its not working on my end
    please help

  • @toddgilbey3979
    @toddgilbey3979 Год назад

    Soo why does it not work for me then................?

  • @commissar9405
    @commissar9405 5 лет назад

    hEY i know im still 11 month late but do you know how to create a 404 error page on a profile link for an open forum?

  • @AbhishekKumar-we9qx
    @AbhishekKumar-we9qx 4 года назад

    Why his website got down?

  • @matresistance8608
    @matresistance8608 6 лет назад

    Can anyone tell me how I make a border fit the length of a word? So it doesn't go all over the screen? Thanks!

    • @Dani_Krossing
      @Dani_Krossing  6 лет назад +1

      Use: width: fit-content;
      On the container that has the word in it.

  • @ty-cj8nu
    @ty-cj8nu 4 года назад

    Hi mmtuts, i hate your outro music 😅😅, because it makes myself to sleep. But i like you 😅😁

  • @liamveary
    @liamveary 4 года назад +1

    777 likes!

  • @elgatodiego
    @elgatodiego 4 года назад +1

    Hi, great tutorial ... I have a question ... I already have a .htaccess file on my server ... do I have to put the line of code on this file?. THANKS

    • @ABOS-dt4xl
      @ABOS-dt4xl 3 года назад +1

      He said in another video of his to move the 404 page code on the bottom of all the code.

    • @elgatodiego
      @elgatodiego 3 года назад +1

      @@ABOS-dt4xl Thanks

  • @LanezYT
    @LanezYT 4 года назад

    mine didnt work.

  • @Streetlight006
    @Streetlight006 4 года назад

    is the .htaccess file is an text document?

    • @thespicehoarder
      @thespicehoarder 3 года назад

      it's a linux thing. Linux doesn't do file extensions like windows. it is a plain text file, but it is not a .txt file

  • @tutorialswithshushanarora4569
    @tutorialswithshushanarora4569 3 года назад

    if so it is not working.

  • @coolgamer6458
    @coolgamer6458 6 лет назад

    can anybody please tell me which software is he using to write html????

    • @jimdart8219
      @jimdart8219 6 лет назад

      Atom.io Sometimes he will use Sublime Text and he also uses Visual Studio Code.

  • @satr14-tech
    @satr14-tech 2 года назад

    i try this in replit but it dint work guess its because it only work on a server lol :P

  • @BasStuurwold
    @BasStuurwold 6 лет назад +1

    Danish Diplo

  • @prakashjangir412
    @prakashjangir412 5 лет назад

    Sir i created a 404 page in which i have relative path of all the css and js file.
    Now it is working fine when some page that not exist with www.example.com/something
    but its css and js is not working with "www.example.com/admin/something" due to relative path. Can you tell me how can i solve this problem without changing relative path

  • @dealcraftyt
    @dealcraftyt 5 лет назад

    What is your main Language?

  • @Mika43344
    @Mika43344 5 лет назад

    what about just index.php

  • @FriynMusic
    @FriynMusic 3 года назад

    ErrorDocument 404 /404.html

  • @yungifez
    @yungifez 4 года назад

    Wait what English is not your main language

  • @Technoph1le
    @Technoph1le Год назад

    Starts here: 5:15 thanks me later

    • @Dani_Krossing
      @Dani_Krossing  Год назад

      MY GOD "past me" sure knew how to drag things out... 😅 Yeah that one is on me, I took way too long to get to the point in this one.

    • @Technoph1le
      @Technoph1le Год назад

      @@Dani_Krossing actually, it was helpful. I mentioned where the main code starts

  • @calibr0636
    @calibr0636 5 лет назад +1

    I made one but it doesn't work because I didn't buy a server and domain cause I'm only 14.

    • @rivarelven4129
      @rivarelven4129 5 лет назад

      try using www.netlify.com you can host your website using github and it is free

  • @CodeNest256
    @CodeNest256 4 года назад

    english is not my first language (am i the only one to not beleive it) loll :)

  • @danickdjb7555
    @danickdjb7555 3 года назад

    bla bla bla