How to Create a Custom 404 Error Page in HTML.

In this Post or tutorial you will learn how to create a custom 404 page on your website, which is used to show an alternative page to people who access a non-existing page on your website.

The web development tip you are about to learn is already implemented on this site, try accessing the url and put in incorrect values forexample http://ostoncodecypher.com/brabra .You will be taken or redirected to the custom error page that i designed.

Don't worry if you can't design, by default the hosting provider for your website provides you with a default error page.

Create an .htaccess file or document on your server. if you already have it,then don't create a new one because it will override or replace the old one hence losing your file commands or rules.

Add the following code to the .htaccess file

copy

ErrorDocument 404 /page_not_found.html

Now lets digest the code above,

ErrorDocument - The Custom error documents are configured using this directive.

404 - This specifies the type of error to be issued when users navigate to a non-existing page on your website.

/page_not_found.html - This is the custom error page you designed and it's what will be presented to the user when they navigate to a non-existing page.The choice is yours, so Create and design your own custom 404 missing document pages.

Related Post(s)

» How to Create a Custom 404 Error Page in HTML.

» How to Force www Into URL.

» How to prevent directory file listing on your website

collections_bookmark Category :: Servers
date_range Published :: 2 years ago At: 08:06 AM
event_note Detailed Date :: Dec 18th, 2018
person Writer :: Code
  • RECENT POSTS
3 months ago

A JavaScript library for formatting and manipulating numbers - Numeral.js

Check out this lightweight JavaScript library used for formatting and manipulating numbers.


4 months ago

All Countries Drop Down List | HTML Select Country Name

This simple country dropdown list is freely available for you to copy and use in your project forms.


4 months ago

HTML Entities Code Alphabet Discovery Using JavaScript

In this post I will show how writing just a few lines in JavaScript will allow you to render, browse and discover the alphabetical letters using a set of HTML entity codes.


4 months ago

YTS YIFY MOVIES API - PROJECT PREVIEW

Download YTS YIFY movies using this simple project I created using their API.


4 months ago

Display Random Advice On Your Website or Web App Using Advice Slip JSON API

Here is a short project to display the use of APIs. I decided to work with an advice API because it seemed like a fun one that I haven't worked on before.


6 months ago

How do I get a YouTube video thumbnail from YouTube using PHP

Have you ever been on youtube and admired a thumbnail of a video?


8 months ago

How to recreate Facebook's console warning

When I was inspecting some code on Facebook. I came across this interesting feature. A simple styled console warning message from Facebook to its dear users(products).


11 months ago

How To Create A Stacked Gallery Using HTML And CSS Source Code

In this post I provide you with the source code for the youtube tutorial I made on how to create a Stacked image gallery Using HTML and CSS.


Subscribe
  • ADVERTISEMENT

YOU MAY LIKE THESE POSTS

share