มืด

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

Web dev
ติดตาม
มุมมอง 2 040 617
96% 19 670 736

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
Facebook Page : facebook.com/Rvwebtutorials/
=============********==============
Check some popular videos on my channel:
Awesome image hover effect with html and css - zoom in and out || web dev:-
thvid.net/video/%E0%B8%A7%E0%B8%B5%E0%B8%94%E0%B8%B5%E0%B9%82%E0%B8%AD-a_ldg5EI9MU.html
----------------------------------------------
css positioning explained with examples (static,relative,absolute,fixed):-
thvid.net/video/%E0%B8%A7%E0%B8%B5%E0%B8%94%E0%B8%B5%E0%B9%82%E0%B8%AD-L_B2RZm-5VI.html
----------------------------------------------
css image hover effect - Css Tutorial - Css3 Hover Effect:-
thvid.net/video/%E0%B8%A7%E0%B8%B5%E0%B8%94%E0%B8%B5%E0%B9%82%E0%B8%AD-gu8AceXa5Pg.html
----------------------------------------------
how to change text selection color in html and css:-
thvid.net/video/%E0%B8%A7%E0%B8%B5%E0%B8%94%E0%B8%B5%E0%B9%82%E0%B8%AD-gCGnwS2uRdw.html
----------------------------------------------
how to make Simple css3 loading animation:-
thvid.net/video/%E0%B8%A7%E0%B8%B5%E0%B8%94%E0%B8%B5%E0%B9%82%E0%B8%AD-1pC_r_AKlmg.html
----------------------------------------------
How to create contact form using html and css:-
thvid.net/video/%E0%B8%A7%E0%B8%B5%E0%B8%94%E0%B8%B5%E0%B9%82%E0%B8%AD-ubCG1evvZws.html
----------------------------------------------
How to make fullscreen video background using html and css:-
thvid.net/video/%E0%B8%A7%E0%B8%B5%E0%B8%94%E0%B8%B5%E0%B9%82%E0%B8%AD-1RrR_d4yGJ8.html
----------------------------------------------
Advance text shadow hover effect using html and css:-
thvid.net/video/%E0%B8%A7%E0%B8%B5%E0%B8%94%E0%B8%B5%E0%B9%82%E0%B8%AD-FFhDA5XB3CA.html
----------------------------------------------
How to create fixed navigation bar using html and css:-
thvid.net/video/%E0%B8%A7%E0%B8%B5%E0%B8%94%E0%B8%B5%E0%B9%82%E0%B8%AD-2M3QXuBDQBM.html
----------------------------------------------
how to create animated Dropdown menu using html and css:-
thvid.net/video/%E0%B8%A7%E0%B8%B5%E0%B8%94%E0%B8%B5%E0%B9%82%E0%B8%AD-EGr4rEgmJ9E.html
----------------------------------------------
how to create hero image using html and css:-
thvid.net/video/%E0%B8%A7%E0%B8%B5%E0%B8%94%E0%B8%B5%E0%B9%82%E0%B8%AD-3xLfTaMZkEI.html
----------------------------------------------
simple parallax effect using html and css:-
thvid.net/video/%E0%B8%A7%E0%B8%B5%E0%B8%94%E0%B8%B5%E0%B9%82%E0%B8%AD-Y4_JLIherrw.html
----------------------------------------------
How to create login form using Html and css:-
thvid.net/video/%E0%B8%A7%E0%B8%B5%E0%B8%94%E0%B8%B5%E0%B9%82%E0%B8%AD-bORk1gxHPaU.html
----------------------------------------------
How to create animated search bar using Html and css:-
thvid.net/video/%E0%B8%A7%E0%B8%B5%E0%B8%94%E0%B8%B5%E0%B9%82%E0%B8%AD-JaQSzSn0cIQ.html
-~-~~-~~~-~~-~-
Please watch: "Responsive Image Slider | HTML & CSS"
thvid.net/video/%E0%B8%A7%E0%B8%B5%E0%B8%94%E0%B8%B5%E0%B9%82%E0%B8%AD-FTHUXF241Ak.html
-~-~~-~~~-~~-~-

เผยแพร่เมื่อ

 

29 มี.ค. 2018

แชร์:

แชร์:

ดาวน์โหลด:

โหลดลิงค์.....

เพิ่มลงใน:

เพลย์ลิสต์ของฉัน
ดูภายหลัง
ความคิดเห็น 60
Cletus Rodrigues
Cletus Rodrigues 4 ชั่วโมงที่ผ่านมา
Guys check out the show more options for more amazing tricks and tips; CSS and HTML tutorials.. Shukriya Rajan Sa'ab.. Loved all your videos.. Worth the watch..
Cletus Rodrigues
Cletus Rodrigues 4 ชั่วโมงที่ผ่านมา
Awesome website mate, very well done and explained very well. Ek dum sahi hai, maaza aaya.. So looking forward for some more website creations with more lists and secrets..
Jetlin karkha
Jetlin karkha 18 ชั่วโมงที่ผ่านมา
Thq
Satyasworup Adhikari
Satyasworup Adhikari วันที่ผ่านมา
Sir...why background image is not showing ??please help me
Web dev
Web dev วันที่ผ่านมา
Msg me on instagram
piyasha baidya
piyasha baidya วันที่ผ่านมา
This was explained and done so slowly and steadily . I have learnt it really well .Thank you so much Web dev . This has really helped me alot.
kabbu Sarker
kabbu Sarker วันที่ผ่านมา
Best one❤
Jagriti Sharma
Jagriti Sharma 3 วันที่ผ่านมา
send me the code on jagriti694@gmail.com
BOB-the skill builder
BOB-the skill builder 3 วันที่ผ่านมา
bro you should have given all coding in description so that users can just copy paste it
Web dev
Web dev 3 วันที่ผ่านมา
Hahaha then they only learn how to copy and paste the code
parameshwar rathod
parameshwar rathod 3 วันที่ผ่านมา
Hey bro, how your logo is transparent ?
Richu Rockz
Richu Rockz 3 วันที่ผ่านมา
Thankyou,really helpful.gud presentation explaining each n every step clearly
waqas alam
waqas alam 4 วันที่ผ่านมา
yeh float nhin horaha
Pranshu Bhushan
Pranshu Bhushan 5 วันที่ผ่านมา
Thank you bro
Ayush Singh
Ayush Singh 5 วันที่ผ่านมา
thanku so much bro aache se smjh me aagya
Malki D Rathnayake
Malki D Rathnayake 6 วันที่ผ่านมา
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 ❤
Shalu Jha
Shalu Jha 6 วันที่ผ่านมา
Great sir ji🙏
BlackBall
BlackBall 6 วันที่ผ่านมา
How do i get a domain?
Wojciech K.
Wojciech K. 7 วันที่ผ่านมา
I found out he is not speaking english after 10 min and than saw comments ;d
Marpebe Peto
Marpebe Peto 4 วันที่ผ่านมา
Learn html for beginners :) thvid.net/video/%E0%B8%A7%E0%B8%B5%E0%B8%94%E0%B8%B5%E0%B9%82%E0%B8%AD-1v4bkaPMgT0.html
Gabriel Teye
Gabriel Teye 7 วันที่ผ่านมา
I don't understand the language but you are very genius
Funkyson
Funkyson 7 วันที่ผ่านมา
What does he use to put the code in?
Ram Moghe
Ram Moghe 8 วันที่ผ่านมา
bro i am no getting it please help
Web dev
Web dev 8 วันที่ผ่านมา
Msg me on instagram
bhramadev sukumaran
bhramadev sukumaran 9 วันที่ผ่านมา
Sir do you have this program file.....i really need this program...... please help me ..... I am in highschool....this week i need to summit please
Rishi Sinha
Rishi Sinha 9 วันที่ผ่านมา
Bhaiya yeh background image aur linear gradient lag nahin raha hai please help me
Web dev
Web dev 9 วันที่ผ่านมา
Msg me on instagram
Yash :The Gaming Boy
Yash :The Gaming Boy 9 วันที่ผ่านมา
Web dev plz ttell me what was the size of backround
Vinay Kumar
Vinay Kumar 9 วันที่ผ่านมา
Sir meri backgrund image toh aa hi nhi rhi so what can I do
Web dev
Web dev 9 วันที่ผ่านมา
Msg me on instagram
akshat s
akshat s 10 วันที่ผ่านมา
bhai photos ke link dedo na please
Benjan Poudel
Benjan Poudel 10 วันที่ผ่านมา
Hey , thanks for the video . It is a great video regarding the topic you have made . I made my web page as you instructed and now further more I want to make it like "clicking on the home , about , contact , etc " and displaying the information that is kept in home , about , services ,etc .If you know the idea please share with making a new video continuing from this one . It would be a lot for me and for other too .
NATESH HOLLA
NATESH HOLLA 10 วันที่ผ่านมา
after inline block its not going right what to do?
Haorongbam Sitanjit Singh
Haorongbam Sitanjit Singh 11 วันที่ผ่านมา
I want to know more add page like service gallery etc. Sir
Yousuf Bd
Yousuf Bd 11 วันที่ผ่านมา
what is 0.6s (ease)?
Deep Rupapara
Deep Rupapara 11 วันที่ผ่านมา
Which app is use by you in write css
Pranjal Pranjal
Pranjal Pranjal 11 วันที่ผ่านมา
Best tutorial of website making it is so easy to understand what he is saying bro keep making these type of videos regularly 🙂🙂
Professor Hunt
Professor Hunt 12 วันที่ผ่านมา
I can't link style to index please solve my problem
Web dev
Web dev 12 วันที่ผ่านมา
Msg me on instagram
Ryan Crafar
Ryan Crafar 13 วันที่ผ่านมา
bruh, idk wth r u saying but u r one hell of a programmer. thanks for this tutor
EpicSlayer
EpicSlayer 13 วันที่ผ่านมา
Very good and easy, keep it up bro. 👇 👇 👇 👇
deepali saini
deepali saini 14 วันที่ผ่านมา
how to make this above website page responsive ?
Web dev
Web dev 14 วันที่ผ่านมา
Msg me on instagram
amarjeet kumar
amarjeet kumar 14 วันที่ผ่านมา
too much helpful
Bhavya Vishwakarma
Bhavya Vishwakarma 14 วันที่ผ่านมา
Sir how to link css into html coding i mean what we have to click exactly??
Web dev
Web dev 14 วันที่ผ่านมา
Msg me on instagram
Nikita Lodha
Nikita Lodha 14 วันที่ผ่านมา
sir on which app i start the coding of html?
Web dev
Web dev 14 วันที่ผ่านมา
Sublime text
Vidya Aneesh
Vidya Aneesh 15 วันที่ผ่านมา
As simple as possible ...Thank u ..
Candy Queen
Candy Queen 15 วันที่ผ่านมา
sir software bnany ka method bta dien
ARSH SINGH
ARSH SINGH 15 วันที่ผ่านมา
Can you please tell me the main tags nd there meaning for what they are used in css
JS Stallone
JS Stallone 16 วันที่ผ่านมา
Please add "English Subtitles" as you deserve global audience. Keep up the great work man
Any Matter
Any Matter 16 วันที่ผ่านมา
Can you please tell from where did you learnt html and css?
Hafijur Rahman
Hafijur Rahman 16 วันที่ผ่านมา
brother please give me one video, how to make a html upload file
Sefakor Agbemavi
Sefakor Agbemavi 16 วันที่ผ่านมา
But he didn't teach how to add the about,contact etc
Satya Ashish
Satya Ashish 14 วันที่ผ่านมา
i think you skipped it
paints and coatings valley paint
paints and coatings valley paint 17 วันที่ผ่านมา
Which app we have to use for this please give the link
Web dev
Web dev 16 วันที่ผ่านมา
Sublime text
thao nguyen tran minh
thao nguyen tran minh 17 วันที่ผ่านมา
Can not say thank you enough!!! This is the most helpful HTML and CSS tutorial I have ever watched. Already subscribed _ Looking forwards to seeing your new videos
net brainer
net brainer 17 วันที่ผ่านมา
Thanks man it worked for me
hasib hossain
hasib hossain 18 วันที่ผ่านมา
I will call the police. Why are you making so nice videos like this? Damn.......
illusiøn
illusiøn 18 วันที่ผ่านมา
bro can u help to make the buttons functional?
Yash :The Gaming Boy
Yash :The Gaming Boy 18 วันที่ผ่านมา
What was the size of backround?
Ahmed Rizwan - 10
Ahmed Rizwan - 10 19 วันที่ผ่านมา
I am having picture issue. The pixels are being ripped off, please help me anyone
Web dev
Web dev 18 วันที่ผ่านมา
Use high resolution image
Ezza Fatima
Ezza Fatima 19 วันที่ผ่านมา
amazing
Milky Johar
Milky Johar 19 วันที่ผ่านมา
I have followed your sted but I could not set the back ground picture
Web dev
Web dev 19 วันที่ผ่านมา
Msg me on instagram
Mama Mo To
Mama Mo To 19 วันที่ผ่านมา
Can you please tell my, why my logo.png cant go to the local web :( i followed the codes and instructions. first trial was perfect then, my second trial was not perfect then :( i dont know what to do.
Ayuzawa Misaki
Ayuzawa Misaki 17 วันที่ผ่านมา
thvid.net/video/%E0%B8%A7%E0%B8%B5%E0%B8%94%E0%B8%B5%E0%B9%82%E0%B8%AD-QlnfpGq3Pbk.html
Ayuzawa Misaki
Ayuzawa Misaki 17 วันที่ผ่านมา
thvid.net/video/%E0%B8%A7%E0%B8%B5%E0%B8%94%E0%B8%B5%E0%B9%82%E0%B8%AD-AfEo7ikvMI4.html
Ayuzawa Misaki
Ayuzawa Misaki 17 วันที่ผ่านมา
thvid.net/video/%E0%B8%A7%E0%B8%B5%E0%B8%94%E0%B8%B5%E0%B9%82%E0%B8%AD-n9xnVtj0rt0.html
Anonymous Channel
Anonymous Channel 20 วันที่ผ่านมา
Yaar meri css file or html file link hi ni hori 17baar try kr chuka hu dimag kharab hogya h Normal notepad pr krra hu to hora h pr image background m ni jari , pr mera Ques. ye h ki meri css file link kyu ni hori? Kyoki m jo bhi changes krra hu css m vo website pr change hi ni hore samajh ni ara kyu ni hore kisi ko kuch pata ho to batana.
Web dev
Web dev 20 วันที่ผ่านมา
Check my new videos's description
Anonymous Channel
Anonymous Channel 20 วันที่ผ่านมา
@Web dev give your insta link
Anonymous Channel
Anonymous Channel 20 วันที่ผ่านมา
@Web dev ok doing
Web dev
Web dev 20 วันที่ผ่านมา
Msg me on instagram
Your World
Your World 20 วันที่ผ่านมา
thank you brother....
أزهر
أزهر 20 วันที่ผ่านมา
nice video
Sumit Kumar
Sumit Kumar 21 วันที่ผ่านมา
Create a website using HTML and CSS code to desing a web page as The first web page will accept the name of traveller ,Date of travel, telephone number ,it also has submit button as an image . Second web page has information about the name of translators ,time ,seat no,and destination displayed one below the other in the from of unordered list as Name of transporter:- Air Asia ,Seat no :- B 39 , Destination,:- Delhi ,Both page should be interlinked. Create external style sheet,with relevant tag.
Rakhi Tiwari
Rakhi Tiwari 22 วันที่ผ่านมา
Thanks you for this tutorial Sir this is very helpful for all computer science students and I'm also cs student and this video is very important for me....thanks
Rakhi Tiwari
Rakhi Tiwari 21 วันที่ผ่านมา
@Web dev OK sir
Web dev
Web dev 21 วันที่ผ่านมา
Checkout my new videos, keep supporting and share with your friends
ต่อไป
HTML Full Course - Build a Website Tutorial
2:02:32
The Media Badge
8:51
มุมมอง 823 923
I Exposed Ethan’s Relationship With Paparazzi
16:46
Basic Javascript Projects
3:01:08
มุมมอง 502 000
Steve Jobs introduces iPhone in 2007
10:20
มุมมอง 23 000 000