How to Make A Website Using HTML and CSS

Подписаться 1,9 млн

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

50% 1

❤️ 𝗦𝘁𝗮𝗿𝘁 𝗛𝗲𝗿𝗲 ➜ wl.tools/html-guide
🏆 #1 Content Generator for Website Content - gravitywrite.com/
🌐 The Best Place to Host your Website - webspacekit.com/
In this video you will learn to create a website using html and css in notepad. This is a step by step html tutorial for beginners, who want to make a website using html and css.
👉 𝗪𝗲𝗯𝗦𝗽𝗮𝗰𝗲𝗞𝗶𝘁 ➜ go.webspacekit.com/HTMLWebsit...
🌐 𝗖𝗼𝗻𝘁𝗮𝗰𝘁 𝘂𝘀 𝗳𝗼𝗿 𝗪𝗲𝗯 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗺𝗲𝗻𝘁 ➜ bit.ly/WebsiteRequirement
🗳️ 𝗖𝗵𝗲𝗰𝗸𝗼𝘂𝘁 𝗼𝘂𝗿 𝗯𝗹𝗼𝗴 𝗼𝗻 𝗰𝗿𝗲𝗮𝘁𝗲 𝘄𝗲𝗯𝘀𝗶𝘁𝗲 𝘂𝘀𝗶𝗻𝗴 𝗵𝘁𝗺𝗹 ➜ websitelearners.com/how-to-cr...
🎬𝗧𝗮𝗯𝗹𝗲 𝗼𝗳 𝗰𝗼𝗻𝘁𝗲𝗻𝘁𝘀
00:00 Intro
00:48 Create a HTML file
01:42 Add Content to your page using HTML
02:40 Create home page using HTML tags
05:50 Change the design using CSS
10:34 How to add images to your website
15:13 How to add link button to your website
22:50 How to add a video to your website
26:34 How to add a header to your website
31:22 How to create another pages and add the link to the menu
34:56 How to make your website live to anyone on the internet
35:24 How to get the Domain name & Hosting
37:50 Upload your HTML website files
41:05 How to publish your website on the internet for free
In this video tutorial, you will learn how to create a professional website from scratch using HTML. This tutorial is for beginners and experienced coders alike.
We will start with the basics and introduce you to the essential tools you need to get started. You will learn how to open up your computer's notepad and create a new HTML file to begin building your website.
Next, we will show you how to add content to your pages using HTML tags. This will ensure that your website is structured and organised. We will also show you how to create a home page using HTML tags, giving your website a central point of entry.
As you progress, you will learn how to change the design of your website using CSS. This will allow you to customise colors, fonts, and layouts to suit your preferences. We will also show you how to add images, videos, and a header to your website.
Finally, we will show you how to make your website accessible to anyone on the internet. We will teach you how to secure a domain name and hosting, and how to upload your HTML files and publish your website for free.
By the end of this video, you will have the knowledge and confidence to create your own professional website using HTML. Whether you want to build a personal blog, an online portfolio, or a small business website, this tutorial will empower you to bring your ideas to life.
Join us on this educational journey and spark your creativity today!
🎁 𝗧𝗼𝗼𝗹𝘀 & 𝗗𝗶𝘀𝗰𝗼𝘂𝗻𝘁𝘀
🟡 📋 GravityWrite | gravitywrite.com/
🟡 📊 WebSpaceKit | 50% off | wl.tools/webspacekit
🟡 🌐 Hostinger｜10% off | Coupon: WL10｜wl.tools/hostinger
🟡 🔍 Grammarly｜20% off｜wl.coupons/Grammarly
🟡 📈 Mangools｜10% off｜wl.coupons/mangools
🟡 🖼️ Astra｜10% off Coupon: WLDiscount｜wl.coupons/Astra
🟡 📹 Pictory.ai | 20% off, Coupon: WLPROMO | wl.tools/pictory.ai
🙌 𝗢𝗳𝗳𝗶𝗰𝗶𝗮𝗹𝗹𝘆:
𝗪𝗲❜𝗿𝗲 𝗛𝗶𝗿𝗶𝗻𝗴: websitelearners.com/careers/
Want your website developed by us? Email us your requirements to contact@websitelearners.com
💬 𝗙𝗼𝗹𝗹𝗼𝘄 & 𝗖𝗵𝗮𝘁 𝘄𝗶𝘁𝗵 𝘂𝘀:
Instagram ➜ / websitelearners
Facebook ➜ / websitelearners
LinkedIn ➜ / website-learners

Хобби

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

7 май 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@WebsiteLearners 5 месяцев назад

Hey WordPress wizards! 🧙‍♂️ Ready to level up your website with an awesome image gallery? 🖼️ This video breaks it down step-by-step. Give it a watch and let me know your favorite gallery plugins or tips in the comments! 💬 Want to save even more time building your WordPress site? Check out GravityWrite.com, where AI can write your content for you! 🤖 And for lightning-fast ⚡ web hosting, head over to WebSpaceKit.com. Let's make the web a more beautiful place, one image gallery at a time! 😄 Happy WordPress-ing!

@vishvaboi 4 месяца назад

You never know how much you have helped me. This is 1:00 a.m. now and I am f****** depressed here because of all of my friends are doing their final year projects. I am a BSC computer science student and still doesn't know how to create a website but after seeing your video it was really helpful for me. Thank you so much. Now I can sleep good without any depression❤

@ayaanaslittlewonderland574 3 месяца назад

Same here love u website learners ❤❤

@smmdip 2 месяца назад

Sone here😂 bca student but does not know 😂😂😂

@CleanOnlinetrash-gq8um Месяц назад

If you want to succeed, consider joining a startup and dedicating at least six months to working with them, preferably on an innovative project to stay updated with technology.

@user-oj6ci4jg8v 6 месяцев назад

Thank you for this video!! It was incredibly helpful and was my saving grace for my web programming class project. I couldn't have done it without this video's simple yet very thorough guidance!

@jibinzacharia6791 10 месяцев назад

Great presentation, Good content , Simply understood by every one in the non technical background. Expecting more content like this👏👏

@jollytrain3423 8 месяцев назад

Video editing, teaching and web development knowledge competes with each other and proves to be the best 100 times better than my elective course

@AphaApex 10 месяцев назад

Wow! Copy and paste for html & css. You guys can teach anything perfectly. Thank you so much. We need more videos on html , css, Javascript and how to host html,css,Javascript code you bought from envato elements. Thank you ❤

@tetanic1111 Месяц назад

What's the site?

@ligerfx7536 9 месяцев назад

Great tutorial , very easy to understand appreciate it very much!!

@cresentut 8 месяцев назад

I learned HTML and CSS a long time before, and your simple method made it more clear to me. Thanks keep it up

@WebsiteLearners 8 месяцев назад

Glad it helped!

@yesitzmenoo6043 9 месяцев назад

Simply superb bro how slowly and easily ur explaining 😊

@atandritabrahma9179 8 месяцев назад

Well explained.very good tutorial.waiting for more video like this

@arunkrish11 9 месяцев назад

Wow bro nice work. Actually I recently started web designing and now I watch your video which takes me more better. Thank you for the effort. ❤

@satishnalavala3600 7 месяцев назад

Incredibile explanation, thank you very much.

@SallarAlam86Sallu 6 месяцев назад

I have a lot of interest in topics like these and my school was teaching us how to make a website but me being a computer nerd decided to learn the whole thing in a day and present it to my teacher just to impress him a bit yk.I had a test next day on this topic and of course I got full marks because I wrote soo much extra stuff in it lol

@brr1122 9 месяцев назад

We need more videos like this

@EmpireAni 6 месяцев назад

Thanks Man It Helped a Lot 🎉 Just in a Hour I learned How To Create a Website 💯

@hmca6407 10 месяцев назад

Was waitng like this keep up the Good Works and Quality

@emmajunior5031 7 месяцев назад

incredibly amazing!

@mannycepeda1 10 месяцев назад

Loved your work and how clear you make all the page's creation. Can you add a contact page? And the required PHP to get people to respond to you?

@shayrisukunkajariyahai634 3 месяца назад

i really like this kash hamare teachers bhi itna thik se samzate

@juniorjames2508 10 месяцев назад

Great content as always 👏

@benykumar8649 10 месяцев назад

Really very helpful to all subscribes very much thanks to WB learns.

@fairboy5349 Месяц назад

Thank you so much for reaching me how to use CSS with html. The video has taught me how to use notepad better others have tried and failed. You will earn a sub from here

@surajitroy410 Месяц назад

Thank you. This is so simple and easy to understand. No extra drama and all . Make this type of video more

@PremierePro_ 5 месяцев назад

Wow! I needed this to be honest .Thank you so much!!

@tutormarie1066 8 месяцев назад

Thank you very much for this easy-to-follow and helpful video. More power.

@WebsiteLearners 8 месяцев назад

Glad it was helpful!

@MMPhotographyArts 4 месяца назад

I appreciate your efforts, I literally watched the video without audio and still I understood every bit of it.

@teclues3893 18 дней назад

@ZADEROYAL7 Месяц назад

MAN I AM IMPRESSED WITH HOW YOU YOU CREATED THE WEBSITE STEP BY STEP MAN I HAVE ONE REQUEST CAN YOU PLEASE MAKE ONE VIDEOSTEP BY STEP OF PYTHON CODING LANGUAGE . IT WOULD MEAN A LOT TO ME THANK YOU MR.

@teclues3893 18 дней назад

omg the whole video is just mindblowing ! i understood every single bit the explanation gave us,brother keep it up!

@dasarojunageshwarachary6628 6 месяцев назад

Thank you for this video. Very use full. I shared to my friends who is willing to learn HTML CSS

@peacelikearivermindtherapy 8 месяцев назад

you are really really good!

@nishmithasingh7078 3 месяца назад

Thank you very much... You helped me to understand in much better way👍

@elijaharon6975 Месяц назад

Thank you, sir, for this information. I had no idea about HTML, CSS, etc., but from your very clear lesson presentation, I am beginning to understand this subject clearly now.

@CHSOMESHLICMDRT 8 месяцев назад

Thank you you have helped me a lot to complete my assignment ❤❤❤❤❤❤and

@sridharl1429 9 месяцев назад

Incredible tutorial! Throughout my 2 decades on the internet, I've never come across a tutor as exceptional as you. Your ability to explain complex concepts in an incredibly easy and understandable manner is truly unmatched. Thank you so much for your invaluable guidance! 🙏🙏🙏. Will you teach me CSS? How to contact you?

@banich1645 8 месяцев назад

@tejpinninti5835 7 месяцев назад

such a great presentation.. thank you so much bro

@femioke6227 8 месяцев назад

Is it deliberate or coincidental that all your sample games are all predicted under 2.5..? Should we then consider only under 2.5 tipped games on the website? Pls I will appreciate your response. Tnx

@navyapujit7003 Месяц назад

Bro thanks a lot for teaching this but you have not been thought us how to add or change the font color Could you please make a video on this 🙏 🙏

@collinsaunders8323 Месяц назад

Thank you for sharing this video! I learned a lot!

@themovieclips101 3 месяца назад

Great tutorial. Create more of this,css ,java, python....

@adymorris7347 Месяц назад

Excellent instruction video my friend! Informative, well structured and easy to understand. Thanks.

@Bhakti-lokam 8 месяцев назад

Thanks a ton

@user-yn4lx2yv3s 6 месяцев назад

Thank you so much you've really helped me a lot with my project And I can make money now too from web designing🎉

@sunilbalu1902 6 месяцев назад

since i was a student and a software engineer for more than a decade, i have finally saw a sample project from zero to 100 %. Thats a sad part from my side.. but thanks to you for showing this.

@unfoldedtoken 10 месяцев назад

Very nice presentation. 👏

@tetanic1111 Месяц назад

I just love this guy. He's so to the point and helpful

@parnathaliep.votrecomplice6070 10 месяцев назад

Super🙌 Can we add a FB pixel or Pinterest? And if so, where could we drop it? Great talent for simplifying something that seems so complicated. Thanks and good job!

@Panku_bhai009 9 месяцев назад

wow bro nice work😍😍😍😍😍😍😍😍😍

@ismailarafin2070 9 месяцев назад

it was a really great tutorial. Can you make a video on how to make a lms website using html and css ?

@WebsiteLearners 9 месяцев назад

Hi @ismailarafin2070, Thank you for your suggestion and support. We request you to please share your suggestion here to keep us notified. websitelearners.com/suggest-a-video-topic/

@keywords_designer 4 месяца назад

Informative video

@SiddhidatriJawre 3 месяца назад

Thankyou so much... this video was very helpful

@Kat11077 2 месяца назад

Thank you so much ❤️

@ushodhayakola5226 Месяц назад

superb simply understood everything hatsoff😁

@AjaySingh-us6vl Месяц назад

I've watched many of your videos, you are amazing Bryan. My Best Wishes for you, Good Luck, Have a bright future ahead.

@Mansipandey25 6 месяцев назад

Wow its very easy way to understand thanku sir ❤❤🎉

@chaityajogani 10 месяцев назад

Excellent video ✌️✌️✌️

@vidrash 3 месяца назад

thank you!! 👍👍dude

@user-vk7qs2bb9h 10 месяцев назад

My favorite RU-vid channel

@mariabumba5732 5 месяцев назад

Thank so much, you really helped me ❤❤❤

@sushantthokal 7 месяцев назад

Perfect

@pratimasingh5001 3 месяца назад

Best video on HTML

@user-fx5pl9mr1d 9 месяцев назад

Awesome

@focuszone2495 4 месяца назад

Thanks so much.

@mokshkumar4961 Месяц назад

Thankyou bro it helped me a lot ❤😊

@NeerajKumar-is1gx 2 месяца назад

Very very nice and clear information which you have provide sir thanks 🙏🙏🙏

@weeksreal 10 месяцев назад

GOOD JOB

@flankkigen 6 месяцев назад

Well explained.

@user-iq5mt7pe3u 7 месяцев назад

I am first time watching your video and I like it ❤

@tejrajmahanand8567 8 месяцев назад

Make More Video on HTML and CSS tutorial. I am regular learner of your channel. After lot of tutorial being seen in youtube is worthless. Your one tutorial made impressive. Thanks a Tons

@WebsiteLearners 8 месяцев назад

Hi @tejrajmahanand8567 , Thank you for your suggestion and support. We request you to please share your suggestion here to keep us notified. websitelearners.com/suggest-a-video-topic/

@hafsaahmed8193 2 месяца назад

Love the way you teach i am new in. Here and you teach us really well and so explained love ❤️ from Pakistan

@PracticeAmharic 3 месяца назад

Thank you so much. You're a helpful man. May Allah Give you the Guidance!

@ravitgupta1720 12 дней назад

Thanks sir ❤

@DigitalDrawAI 9 месяцев назад

Your creative genius shines through your RU-vid videos, inspiring and captivating viewers with each masterpiece you share. Keep creating!"❤

@WebsiteLearners 9 месяцев назад

Thank you! Will do!

@elakkiyaselvan687 8 месяцев назад

@@WebsiteLearnersexcellent coaching bro🎉

@gamerthegreat766 8 месяцев назад

Bro please make a video on making e-commerce website using coding viewer from Pakistan

@MANOJ.KUMAR-507 6 месяцев назад

Big fan bro

@venupathala177 2 месяца назад

Thank you for this vedio bro.. could you please briefly explain about front end and back end design...with code...i r u try to say online classes...☺️

@surajitroy410 10 месяцев назад

Very nice

@salim9247 10 месяцев назад

very simple and easy explaining! Appreciate your efforts and greeting you warmly from Sweden🤝

@WebsiteLearners 10 месяцев назад

Thanks for watching!

@banich1645 8 месяцев назад

very simple and easy explaining! Appreciate your efforts and greeting you warmly from Sweden🤝

@adhithyachandran131 Месяц назад

Thank you

@ghulammohiudin9782 10 месяцев назад

Hi Bryan, A few months ago, I bought domain and hosting from "Name Cheap". Can you tell me , how we can added multiple HTML website on our Cpanel with only single Domain? Like we can make multiple WordPress website on single Domain and Hosting (Sub- directey). Is it possible to make multiple HTML website on sub-Directery on single Domain and Hosting like WordPress websites? If it is possible then make a video how it is possible? I hope you will read my this long message and I am waiting for your humble reply. Regards

@Naisonfootball 9 месяцев назад

Amazing! My video size is too big on the web, could you please tell me how I reduce its size? Please…

@divyanshpahal8260 5 месяцев назад

Very informative and useful as well .. i also created a website with the reference of this video 😅

@Trushar__2005 3 месяца назад

Thank you sir

@madanprajuli1630 10 месяцев назад

Website learners team, kindly make a digital marketing course. You guys will really teach digital marketing in outstanding way.🙏🙏🙏

@movie.hot.status 6 месяцев назад

Wow teaching is very well,it can understand 7/10 year old child❤️

@minischooling 5 месяцев назад

Great

@techtalks003 9 месяцев назад

Lots of Value

@Parvezzzalommmmm 4 месяца назад

Thank u sir

@sailokesh6020 3 месяца назад

You saved me tnx

@anishtaklikar8047 6 месяцев назад

this is the exact vid i need but can you please guide us how to add a video file as background of the website

@myhomeimprovementproducts 9 месяцев назад

Which is the best hosting for a small scale manufacturing company

@ParthYadav11 9 месяцев назад

would be great if you could make a video on how to take a small business online ???, what are the best and easy ways to set up with ease.

@apparelcraft 10 месяцев назад

Which is easy to build E-commerce store for fashion women wear, shopify or WordPress

@maniagamingpro87903 2 месяца назад

hey i am using it but i cant load my logo btw i completed it but it felt like something is missing so please can you send me the link of the image scoopice which you used in the video thank you

@sundarmahra1171 9 дней назад

Sir c an we also create this in our phone?

@user-qm1cx1fy1d 9 месяцев назад

please how can one upload mp3 file and display it on the website?

@Spcreativity540 2 месяца назад

In web Inserted vidio is coming size more sir which tag have to use sir

@raktimsharma9342 3 месяца назад

ho thank you very much

@AphaApex 10 месяцев назад

Pls make a video on how to edit html,css, Javascript templates and host them ..thank you. Templates from envato elements. The is no detail video on how to do that on RU-vid.