How To Create A Website Using HTML And CSS Step By Step Website Tutorial

How To Create A Website Using HTML And CSS Step By Step Website Tutorial.

In this videos you will learn to create a website using HTML and CSS in notepad or any text editor, You will learn to create the header part of the website, I will show you how to add background image in HTML website, Create navigation menu using html. This is a complete tutorial for beginner, who want to learn HTML & CSS website development.

Here are the steps in this HTML website tutorial:

1. Create HTML file and CSS file in a folder

2. Link CSS file with HTML

3. Add background image in HTML website

You must save your image in the same folder and write the complete path of the image in CSS file to add image in website

4. Create navigation menu in HTML website

5. Change the Image opacity in HTML website

6. Add hover effect using HTML and CSS

7. Add Logo in website using HTML & CSS

8. Add title text (welcome text) in Website

9. Create Button in HTML and CSS

Now the Header part of the website has been completed using HTML and CSS

=============********==============
Check some popular videos on my channel:

Awesome image hover effect with html and css - zoom in and out || web dev:-
----------------------------------------------
css positioning explained with examples (static,relative,absolute,fixed):-
----------------------------------------------
css image hover effect - Css Tutorial - Css3 Hover Effect:-
----------------------------------------------
how to change text selection color in html and css:-
----------------------------------------------
how to make Simple css3 loading animation:-
----------------------------------------------
How to create contact form using html and css:-
----------------------------------------------
How to make fullscreen video background using html and css:-
----------------------------------------------
Advance text shadow hover effect using html and css:-
----------------------------------------------
How to create fixed navigation bar using html and css:-
----------------------------------------------
how to create animated Dropdown menu using html and css:-
----------------------------------------------
how to create hero image using html and css:-
----------------------------------------------
simple parallax effect using html and css:-
----------------------------------------------
How to create login form using Html and css:-
----------------------------------------------
How to create animated search bar using Html and css:-

-~-~~-~~~-~~-~-
Please watch: "Responsive Image Slider | HTML & CSS"
-~-~~-~~~-~~-~-

[catninja]

Even tho we don't understand what this man is saying his video is very educational. It's 100% better than a guy speed running a website with non copyright music in the background.

[malkidrathnayake]

I'm from Sri Lanka and no matter what the language is. I got a lot of things from this video.. thank you so much ❤

[agamjotsingh]

Man! You don't know what value you given to my life as a programmer. I started in early 2020 nd now I m a Web + Mobile + backend = full stack dev. Just came accross searching for Web Dev cause I remembered you channel's name. Thanku for showing me the path to success all bcz of you. Really Glad to Find you again nd hear your voice that lead me to the success nd one more thing I got job too! Thanku Once again!

[nishantpacharne]

Back to 2020 ... I made my first web page by following this tutorial .... and guess what !? Its 2022 and Iam a full stack developer!

[lep]

I have no idea what you’re saying, but this is one of the most helpful tutorials I’ve come across lol

[bluesea]

You don't have to know what the language he spoke, he made every steps brief and sleek👍. Don't judge the clip by its language.😁

[aaravtripathi]

woww, when i tried to make my own website.I started following your steps, so came true.YOU ARE A WEBSITE IT

[youtubebannedme]

Man u r replying to everyone asking the same question.

respect

[Vikram]

Please add "English Subtitles" as you deserve global audience. Keep up the great work man

[jorjicat]

Didn't even need to speak the same language. Absolutely amazing tutorial. Perfect pace and everything was so so clear

[notYOURMIKEY]

All Indians Like This Vdo He Make videos of educate you people who don't know coding .Thanks MY Buddy

[yangbengal]

Thank you! I've watch your vedio for like 5 times and still I don't know what you are talking about but your vedio is the one who save me from my project! Thank you do so much!🙏💛

[Hondunu]

He does not need to speak English to teach you, you can be taught by watching it. I know the title is misleading but he actually does show you how it's done.

[FreedomForKashmir]

i appreciate this effort to practically demonstrate rather than just giving lectures

[kavitabhandari]

Learning on 14nov21..by skipping 6 videos... Much better then speedy videos.. It's my 1st practice...thank you so mch sir.

[fireflamebg]

Thank you, thank you, thank you, THANK YOU so much! You are awesome! I had a project from school and I was so sad that I can't do anything but after your videos I am much better than before! I am so thankful that I find your channel. I will recommend you to my friends. You deserve more!

[justin-hurd]

I'm glad i can understand the coding, because even though the title is in english, not a full sentence of his was. but even if he did not speak English, his teaching was still very clean cut and straight to the point, so I'd rate it an 8/10.

[andersonmoore]

Seeing is believing. What I see, I believe more than what I hear. Thanks alot teacher.

[md]

I remember this one, this video helped me even if I didn't understand na language. When I was in grade 11 it helped me on my project. Even now I'm 2nd year college now this was the easiest to understand. Thank you <3

[pritam]

I sherched on youtube that, how to design a website...and youtube recommend me this....its soo helpfull and clear