Web Designing

How To Make A Website Using HTML And CSS | In Easy Steps?

Hey, today I will tell you How To Make A Website Using HTML And CSS & How To Create A Website Using HTML And CSS with step by step, if you want to know, then keep reading this post.

First of all, let me tell you that if you want to make your own website or website for anyone, etc. So that too of your choice, without any website builder and CMS Software, etc., you can create your own custom website.

Read Also: How To Make Website Like Zomato | Download Zomato Website Template

Also, let me tell you that it often happens that if we create our website with a website builder and CMS software like WordPress, etc., then we cannot include some of our Custom Extra Feature and Design. Otherwise, we have to modify Template and Theme.

How To Make A Website Using HTML And CSS

But if you want to create a website using HTML CSS and Javascript on your own, then you can make a very good website. So how to create a website using HTML CSS and Javascript etc., and what is the process of creating it. Let’s get to know

How To Make A Website Using HTML And CSS?

Guys, you can create a very good and professional website Through HTML CSS and Javascript and Bootstrap, etc. Like we have made this official website. Let me tell you, that is why we can make a website through them. That if you want to make your own Profesional Brand? Want to make Unique Design? Do you want to provide some different feature?

So there can be many such reasons. But whatever the reason, today we will give you Learn how to create a website through HTML CSS and Javascript.

Read Also: How To Protect Website Source Code In WordPress & PHP?

So if you want to create your own custom website with HTML CSS and Javascript, then you should first get this language. And you should have knowledge of basic designing and development. And you should also have knowledge of Graphics Designing. Because Graphics also helps to a great extent in creating a professional website Unique Interface?

And if you do not know Basic HTML, CSS, and JavaScript, etc., you can learn for free on this Oflox Try Editor. And you can practice yourself.

HTML सीखना चाहतें है, तो यहां प्रयास करें!

HTML Online Editor And Viewer ©

But if you have the right knowledge of these programming languages. And if you want to make your custom website, let’s start. And learn about how to create a custom website.

1. How can I create a website using HTML?

  • Write HTML Using Notepad or TextEdit. Web pages can be created and modified by using professional HTML editors. …
  • Open Notepad In Your Computer & Laptop …
  • Open TextEdit (Mac) …
  • Write Some HTML. …
  • Save the HTML Page. …
  • View the HTML Page in Your Browser. …
  • And Use Oflox Try Editor.

2. What Is Title & How To Add?

In the title, you have to tell about your webpage, what is the title of your page. And when your website will be searched on Google etc. search engine, then that title looks something like this.

What Is Title
<title>Your Title Here!!!</title>
<!DOCTYPE html>
<html>
<head>
<title>Your Title Here!!!</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>

3. What Is Description & How To Add?

Or In the description, you have to tell about your webpage, which topic is your webpage. What are you going to tell this? And so on. And it looks something like this.

What is Description
<meta name="description" content="Your Short Description Here!!!"/>
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="Your Short Description Here!!!"/>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>

4. How To Add CSS in HTML?

Guys, If You Want to Add CSS in your website. So CSS can be added to HTML elements in 3 ways: Inline – by using the style attribute in HTML elements. Internal – by using a <style> element in the <head> section. So how is this done, let us know?

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>

5. How To Add Javascript in HTML?

If you have created a javascript code for your website. And if you want to add it to your website’s HTML code, then you can add it using this tag.

<script src="js/jquery.min.js">
<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js"></script>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>

6. What Is Favicon And How-To Add?

Now if you want to add a favicon to your website, you can use this tag. But first, you must know what a favicon is. So let’s get to know. And If you add it to your website, then this SEO According to this is a good point. So this is the favicon?

What Is Favicon

So if you want to put it on your website, then you can use this tag. And the size of this image should be 48 * 48.

<link rel="shortcut icon" href="/images/favicon.ico">
<!DOCTYPE html>
<html>
<head>
<link rel="shortcut icon" href="/images/favicon.ico">
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>

7. What Is Canonical URL & How To Add?

Guys if the Canonical URL is the identity of each of your webpages. It has to be added to every page of every Custom Website. But in WordPress, it becomes an Automatic add. If you do not add it, then if someone uses the Content used on that webpage. And along with the canonical URL, you will not be the owner, its owner will be the one who first added that canonical URL to your page. So that’s why you add Canonical URL to every page.

<link rel="canonical" href="http://www.yourwebsite.com">
<!DOCTYPE html>
<html>
<head>
<link rel="canonical" href="http://www.yourwebsite.com">
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>

8. What Is UTF8 & How To Add?

Guys, A Unicode-based encoding such as UTF8 can support many languages and can accommodate pages and forms in any mixture of those languages. Its use also eliminates the need for server-side logic to individually determine the character encoding for each page served or each incoming form submission.

<meta charset="utf-8">
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>

So friends, after designing your website as per your wish, go to any of your Hosting File Manager and go to a folder named Public_html and extract your Zip File. After that, your website cook will go live like this.

Oflox Digital Marketing Company

So, friends, I hope that by now you will know how to make a website using HTML and CSS and Javascript, so if you still have any questions and pleasures, then you can tell us in the comment box below. If you want to know more about this, then watch this video.

Friends, if you want to know more about Oflox Digital Marketing Company, then follow us on FacebookTwitter, and Instagram page And thank you very much for reading this post.

Tags

Mr Rahman

Hey, I'm Rahman. Founder & CEO of Oflox, India's #1 Digital Marketing Institute & Company? And I'm a Software Engineer from Education and Profession By Developer, Blogger, YouTuber, and Graphic Designer.

Related Articles

One Comment

  1. I have long looked for How To Make A Website Using HTML And CSS article, it is
    the BEST content, full of ideas and very useful!!

Leave a Reply

Your email address will not be published. Required fields are marked *

Close
Need Help? Chat with us