Create A Website Using HTML And CSS Step By Step Website Tutorial in Hindi 2020

Подписаться 680 тыс.

Просмотров 69 тыс.

50% 1

Welcome, How to Create A Website Using HTML And CSS Step By Step in Hindi. Website Tutorial in Hindi 2020.
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 beginners, who want to learn HTML & CSS Website tutorials in Hindi.
Here are the steps in this HTML website tutorial in Hindi:
1. Create an 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 an image in the website
4. Create a navigation menu in HTML website
5. Add hover effect using HTML and CSS
6. Add Logo in website using HTML & CSS
7. Add title text (welcome text) in Website
8. Create Button in HTML and CSS
Now the Header part of the website has been completed using HTML and CSS
**************** MUST WATCH VIDEOS *****************
➡️ How to Create a Website in Hindi: • How to create Websites...
➡️ HOW TO GET THE SOURCE CODE OF THE VIDEO: www.thapatechnical.com/2019/1...
💻 Complete MS PowerPoint In One Video In Hindi in 2020 💻: • 🔴 Complete Microsoft P...
➡️ Backend Development Tutorial: • PHP MYSQL Tutorial In ...
➡️ Complete HTML and CSS Tutorial In One Video In Hindi 2020: • 🔴 Complete HTML and CS...
➡️ How to become a Full Stack Developer 2020: • How to become a Full S...
➡️ How To Become a Web Developer 2020: • How To Become a Web De...
➡️ How JavaScript Works: • How JavaScript Works i...
➡️ Follow me on Instagram: / vinodthapa55
************ Must Watch Videos For Web Development.************
➡️ HTML in One Video: • Learn HTML in One Vide...
➡️ CSS in One video: • Learn Complete CSS In ...
➡️ CSS FlexBox in 30 Minutes: • CSS FlexBox in 30 Minu...
➡️ JavaScript in One video: • JavaScript in One Vide...
➡️ ECMAScript 6 in One Video: • ES5 & ES6 | ECMAScript...
➡️ HTML5 in one video: • HTML5 Tutorial in One ...
➡️ CSS3 in one video: • Learn Complete CSS3 In...
➡️ Bootstrap4 in One video: • Bootstrap 4 in One Vid...
➡️ Jquery in One video: • jQuery in One Video in...
➡️ JSON in one video: • JSON in One Video in H...
➡️ ReactJS in one video: • ReactJS For Beginners ...
➡️ PHP in One Video: • PHP TUTORIAL IN ONE VI...
➡️ NodeJS in one video: / ipnwakoibt
➡️ MySQL in one video: • Complete SQL & MySQL i...
Make Website Responsive Using Media Queries in One Video in Hindi | Web Design Tutorial in Hindi
➡️ Link: • Make Website Responsiv...
DONATION FOR SUPPORT: PhonePay = vinodbahadur@ybl GooglePay: vbthapa55@oksbi
Believe me, all this money will be used to make more quality videos and to make my channel grow. So that I can always provide you awesome free videos :)
Guys, Please support my channel by SUBSCRIBE to my channel and share my videos in your Social Network TimeLines.
Don't Forget to Follow me on all Social Network,
Website Link: www.thapatechnical.com
Instagram Link: / vinodthapa55
Facebook Link: / vinodthapa55
Twitter Link: / vb55thapa
Facebook ThapaTechnical Page Link: vinodbahadur...

Опубликовано:

4 мар 2020

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 148

@ThapaTechnical 4 года назад

➡️ How to Create a Website in Hindi: ru-vid.com/group/PLwGdqUZWnOp1or99dYuEnb01qCGb5lipQ ➡️ HOW TO GET THE SOURCE CODE OF THE VIDEO: www.thapatechnical.com/2019/12/how-to-get-source-code.html Also, share the responsive file of the website in my WhatsApp Number which is given on how to get the source code link.

@ashraf6850 4 года назад

Sir aap sirf website banate rahte ho.jabhi software bhi to banao

@ashraf6850 4 года назад

Web application software to aap ek banay he nhi yeh bhi banao start beginner ke liye

@ashraf6850 4 года назад

Dynamic website hamare career mei help hogi web application project

@ashraf6850 4 года назад

Yeh batana ki web application kaise bante hai

@ashraf6850 4 года назад

Please thapa sir please

@sahildarade5377 4 года назад

Aapke video bahot acche hote he....Hume har waqt kuch na kuch naya sikhne ko milta he.... thank you so much ❤️

@tsheringsherpa4144 3 года назад

Thankyou Thapa Sir, your teaching style is great and easy to understand. 3 ,2 ,1 BOOM👍👍 JAY NEPAL✌️✌️

@Rashid00167 3 года назад

Bahoot khoob broo...

@gabrielniiamarhashitey8993 4 года назад

Please make English versions for those of us that don't understand Hindi. You are too good

@johnthapa1879 4 года назад

Wow.. awesome design bro

@abirn9276 2 года назад

La bro dammi yar Appreciated

@bigbrackets 4 года назад

The design looks awesome and clean. Nice one :)

@akbaransari2849 4 года назад

Bro, Android app k bareme 1 tutorial banao Thanks bro for this video ♥️

@BABABENNETT 4 года назад

Your videos are awesome and i have started learning by it, also i request you to please upload a crash course in python i.e 1 hour video

@mrritvik2250 4 года назад

Awesome 👍😊❤️❤️

@jenefirdavid3283 3 года назад

sir you are such a great instructor........keep it up...:)

@mixturebaby9996 4 года назад

Bro apki videos bahut help full hoti h ❤️

@worldfact7396 4 года назад

you are my goodteacher & you are making web developer army

@samarpitggupta43 3 года назад

i love learning html and css with ur videos

@naitikkathiriya 3 года назад

thank u so much for this amazing web layout header design..

@ManishSharma-jz2hw 3 года назад

You are amazing! Subscribed.

@VIJAY_B_1998 2 года назад

guys we can use this on menu .menu ul li a:hover{ padding: 4px; border-top: solid rgb(204, 203, 236); border-bottom: 1px solid #fff; border-radius: 8px 0px 8px 0px; } and awesome tutorial big bro 🧡...

@learnwithilyas3431 4 года назад

Sir Bahut achha video he Thank you so much

@pro_gamer1681 3 года назад

keep it up sir ... lot of love from bangladesh ...

@mdabubakar9679 3 года назад

I watching this video from Bangladesh. It was great💖💖

@mr_noob6361 3 года назад

You are a genius guy ..😎😎 And Having the power of wizards

@mrminar1741 4 года назад

Awesome bro

@jayantoadhikary3935 4 года назад

Awesome !

@bhawnasharma5120 3 года назад

Really sir you too good

@shahnawazali658 4 года назад

I subscribed your channel due to your Project Of making website

@fkdevloper6368 4 года назад

Amazing yr from Pakistan

@angulardesign7412 4 года назад

Nice website also create social networking sites like Facebook plz continue making different websites

@piximcreator 4 года назад

Good sir. I love you from pakistan

@codingnibeditar6604 3 года назад

Tqqq sir apne hindi mein vdo bonaya really tq 🙏🙏🙏🙏🙏

@munilsingh4661 3 года назад

Nice video

@DEEPANSHU_NAG 4 года назад

Website ka look awesome h👏🏻✌🏻 Awesome video 😎

@ThapaTechnical 4 года назад

thanks bro :)

@nayacterajeev 3 года назад

yes i am here a;way see youer video and learn more about web deleloper for thapa technical

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

Thank bhi dil say

@sandeepvishwa6450 4 года назад

Toh chaliye suru krte hai...... 😎

@technicalsurf6302 3 года назад

You tech us very well sir🙏

@muskankhan-mc9wp 3 года назад

Thank you!

@aamirsaleem794 4 года назад

very osm

@motivationwitharvindarora5880 4 года назад

Thanks sir

@riazrabbani8052 3 года назад

Thank you from 🇧🇩🇧🇩🇧🇩

@fidellistaz766 4 года назад

I don't understand hindi ,buh the presentation is great

@krishkarmacharya8811 4 года назад

Awesome video👍

@ThapaTechnical 4 года назад

Thnks bro🙂

@adityashinde3864 4 года назад

please make more videos on HTML/CSS website UI.

@FightAgainstMathsFear 4 года назад

First happy holi in advance you are best RU-vidr I learned front end development from you well done💟💟💪💪💪👌👌👌I was waiting for dots

@CodersGyan 4 года назад

Music with Vinayak Happy holi)))

@noorsabasafi1893 3 года назад

Thank you sir ! And also please upload the source code

4 года назад

Bhai aapka koi UDEMY course hai kya, nahi toh aap create karo Complete Website Development

@CodersGyan 4 года назад

Thapa sir, I would like to make one tutorial on make this website responsive. If you allow me to do that? Please reply :)

@Aditya-gi2nl 3 года назад

Please do that ..

@bmyadav4633 4 года назад

Bro Where I publish post in cpanel and where can we find its URL in cpanel . If see this comment then plz reply....

@bmyadav4633 4 года назад

Bhai Website HTML me banao aur upload bhi cpanel se karo na ki blogger or WordPress .

@hypergaming591 4 года назад

sir pls make a website on corona pandemic What Coronavirus is and what made it to be termed as a ‘Pandemic’.  How has this pandemic impacted the nature and the humans?  What preventive measures have been taken by India, for example: which chemical is particularly being used to sanitize the surroundings or about which medicine was exported by India to different countries for the same.  Define the various stages involved in making a vaccine.  What is being done on a global scale and particularly in India to develop a vaccine.  Mention the recommended diet for boosting immune system

@saradaprasadkar2408 4 года назад

Sir, Please create an quiz websites using js

@adhityanayak246 Год назад

Sir...name of the extension that complete after you type html at starting????

@bhawnasharma5120 3 года назад

And beat teacher

@FahadKhan-vy5vl 3 года назад

sir from where you got the dots imagges like you show in this website

@madanyadav2313 4 года назад

Bro make a video on how to place ads in our website

@swastikjainsj 3 года назад

u r the best bro u exampled all the line one by one wow bro 👍👍👍👌👍👌👍👌👍👌👍👌👍👌👌👍👌👍👌👍👌👌👍👌👍👌👍👍👌👍👌👍

@SmartProgrammer 3 года назад

hii bro... How to get this white dot grid..i have searched it a lot. but could not found it..

@omeshdewangan3352 4 года назад

Sir ajj php ka 48 video nhi banaye kya

@safikkhalifa7689 4 года назад

blogger pr kaise upload kare iss theme ko?

@naaztv001 3 года назад

Thapa Ji ye image kaunse website se liye hai image ka name kya hai

@ayeshakayyum6642 4 года назад

Sir html fafa per video bnao

@MuhammadIMRAN-ho6rj 3 года назад

vaai apne FLEX kyu use nehi kiya?? ans de na jarur plssss...

@mainakpanda3671 4 года назад

Make these type of design in live sir plzz

@CodersGyan 4 года назад

Mainak Panda yes interesting one.

@mustafaraza1556 4 года назад

Full stack k liye A to Z kya kya process hai uspe video bnaye k fullstack ko master kaise kre

@CodersGyan 4 года назад

Mustafa Raza These days it’s very easy to become full stack developer. You just need to know Html , Css and JavaScript that’s it . Cheers ! By the way using Javascript you can build backend also with the help of Node Js :)

@amanpal9883 4 года назад

Sir I want this responsive version

@ShivRaj-nu1ob 4 года назад

Aap jis software per kam kar rahe hain us software ka kya naam hai

@irohan794 4 года назад

Bhai please ise responsive kaise banasakte pls vdo banado pls bhai

@ZuxworPro 3 года назад

bass response ki kami bass great ,,, apki website ka naam kya hai

@aownalirizvi 3 года назад

Considering the quality of work 50 RS is nothing for source code. I would happily pay this amount for each website designs.

@pr_fy_1 2 года назад

29:16

@TECHNICALBHUYAN 3 года назад

Muje ak website banana he kia app bana denge

@learnwithilyas3431 4 года назад

But sir aapne jo website banaye he waise banani ho to jaise sab alag page he ise pls help me

@TejanshSrivastavaRA 3 года назад

:before is not working what should I do ? I m doing it in Visual Studio

@gautamagrawal5050 3 года назад

sir plz give images link which you put on your website

@surajpathak6372 3 года назад

Hello guys. my image is not being displayed and the logo is opened even when I click in any part of left-side of my screen. please help anyone. My assumptions is that logo is blocking the image but how do I correct that??.. Please help anyone.

@husler7424 4 года назад

Is it responsive? If yes then what you used flexbox or grid...?

@CodersGyan 4 года назад

Safin _007 It’s not responsive but you can simply make that by using media queries in Css and twicking positions lit bit. That’s it :)

@ThapaTechnical 4 года назад

True..

@husler7424 4 года назад

Ohk bro..

@iUmerFarooq 4 года назад

Navigation bar banio *Jub hum scroll karan tho wo stick ho jae?* And dosra be banio *K jub hum up arrow key Press karan wo appear ho and jub down key press karan tho wo disappear?*

@CodersGyan 4 года назад

Umer Farooq Yes. Interesting effect .

@getsetcodesg3189 3 года назад

Bhai images ka se mila ........ Wal images

@NishaKumari-sv3yt 3 года назад

Typing effect video now

@moaxzamali964 4 года назад

bro wo ap ne jo pic lagaye ha eo send krna

@sandipjagtap1247 4 года назад

Ek puri web site banake dikhao na plz

@ThapaTechnical 4 года назад

Bahoot video banaya hai usper.. plz check

@therock3718 3 года назад

If your image is not round Then make width and height same And border radius 50%

@nandinisharma7294 Год назад

Thankyou

@TECHNICALBHUYAN 3 года назад

Bataye

@chhabilalpun9770 3 года назад

Sir how to add images in folder

@gadgetpoka2758 4 года назад

Guru ,, while you use any third party web site in your video , please make sure comment it bellow thanks in advance

@Shubhamaryan8 4 года назад

bhai meri image round in ayi kese kru? #thapa_technical

@sparshrlohana2288 4 года назад

Broo plzz send your images url...

@CodeWithAaron 4 года назад

Yes

@aknoorwallia6391 3 года назад

My image is not displaying on my webpage. What should i do. Please help me, if anyone can.

@surajpathak6372 3 года назад

Same problem. If You have solved it please let me know...

@syed.muneebmalik2669 3 года назад

Why is my hover not working g pls say

@biographyadda7779 4 года назад

Are bhai php and mysql based dynamic website k project banao yaar ye sab bachha bhi bana leta hai

@ThapaTechnical 4 года назад

bro wo bhi banage jaldi he dont worry

@biographyadda7779 4 года назад

@@ThapaTechnical thank you bhai bada project banana please 😫🙏🙏💓🙏

@jobkochu6533 4 года назад

Please start video on php and mysqli based dynamic responsive website .please also teach us how to use templates and customize.waiting for this..please dont ignore...waiting for ur reply.

@moaxzamali964 4 года назад

jo me ne lagai he wo square shape me ha

@VikashGupta-pr7or 3 года назад

Bro it is very hard to get the source code from your website

@sharmishtabhoyar6222 4 года назад

Online event planning sorce code

@narayanganjtourstravels4998 4 года назад

@arjunkumarverma1497 4 года назад

grid image link

@rakibhussainlaskar8912 4 года назад

Kuch thapa Bhai complete website content dalo footer complete please html CSS only complete please header navigation footer content dalo website responsive please only html CSS please complete website make please Asa Kuch tho sikai aap tho Mera comment reply Nahi koro ge main janta Hu thapa Bhai please Kuch Karo make website main await kor Raha hu

@aviseksahoo1953 4 года назад

bhaiya kuch toh source code free main de do , gareeb bacha ke liye yaar

@user-ru1ss7ch6u 4 года назад

i didn't give link???

@Mirtunjaykumar0 4 года назад

Sir header : before Mai background image show nhi kar rha h Kay Kare sir

@CodersGyan 4 года назад

Can you post your Css code here ? Only header:before style .

@surajpathak6372 3 года назад

@@CodersGyan header :before{ content:""; width: 520px; height: 550px; position: absolute; left: 0; bottom: 0; background-image: url('FLS/Florance.png'); background-size: 100% 100%; }