How to Make A Website Using HTML and CSS

แชร์
ฝัง
  • เผยแพร่เมื่อ 28 ก.ค. 2024
  • ❤️ 𝗦𝘁𝗮𝗿𝘁 𝗛𝗲𝗿𝗲 ➜ 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...
    🗳️ 𝗖𝗵𝗲𝗰𝗸𝗼𝘂𝘁 𝗼𝘂𝗿 𝗯𝗹𝗼𝗴 𝗼𝗻 𝗰𝗿𝗲𝗮𝘁𝗲 𝘄𝗲𝗯𝘀𝗶𝘁𝗲 𝘂𝘀𝗶𝗻𝗴 𝗵𝘁𝗺𝗹 ➜ 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
  • แนวปฏิบัติและการใช้ชีวิต

ความคิดเห็น • 232

  • @WebsiteLearners
    @WebsiteLearners  8 หลายเดือนก่อน +24

    *🚀 Check out these tools made by Website Learners*:
    😥 Save Time Let AI Write For You ➜ Visit GravityWrite.com _(Rated 4.7/5 by customers)_
    ⚡ Get Lightning Fast Website at WebSpaceKit ➜ WebSpaceKit.com/offer
    Thanks for watching! Share your awesome new website in the comments below and let's see your HTML & CSS skills in action! 🙌

  • @vishvaboi
    @vishvaboi 6 หลายเดือนก่อน +114

    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
      @ayaanaslittlewonderland574 5 หลายเดือนก่อน +2

      Same here love u website learners ❤❤

    • @smmdip
      @smmdip 5 หลายเดือนก่อน +7

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

    • @CleanOnlinetrash-gq8um
      @CleanOnlinetrash-gq8um 3 หลายเดือนก่อน +2

      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
    @user-oj6ci4jg8v 8 หลายเดือนก่อน +9

    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
    @jibinzacharia6791 ปีที่แล้ว +16

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

  • @ligerfx7536
    @ligerfx7536 ปีที่แล้ว +6

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

  • @jollytrain3423
    @jollytrain3423 11 หลายเดือนก่อน +9

    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
    @AphaApex ปีที่แล้ว +9

    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
      @tetanic1111 4 หลายเดือนก่อน

      What's the site?

    • @SathiSrinu
      @SathiSrinu 17 วันที่ผ่านมา

      😊

  • @arunkrish11
    @arunkrish11 ปีที่แล้ว +2

    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
    @satishnalavala3600 9 หลายเดือนก่อน +2

    Incredibile explanation, thank you very much.

  • @surajitroy410
    @surajitroy410 3 หลายเดือนก่อน

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

  • @fairboy5349
    @fairboy5349 3 หลายเดือนก่อน +2

    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

  • @benykumar8649
    @benykumar8649 ปีที่แล้ว +2

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

  • @mannycepeda1
    @mannycepeda1 ปีที่แล้ว +3

    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?

  • @nishmithasingh7078
    @nishmithasingh7078 6 หลายเดือนก่อน

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

  • @EmpireAni
    @EmpireAni 8 หลายเดือนก่อน +3

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

  • @PremierePro_
    @PremierePro_ 8 หลายเดือนก่อน

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

  • @elijaharon6975
    @elijaharon6975 4 หลายเดือนก่อน

    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.

  • @hmca6407
    @hmca6407 ปีที่แล้ว

    Was waitng like this keep up the Good Works and Quality

  • @sridharl1429
    @sridharl1429 ปีที่แล้ว +27

    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
      @banich1645 11 หลายเดือนก่อน

      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? @sridharl1429

    • @SathiSrinu
      @SathiSrinu 17 วันที่ผ่านมา

      😊

  • @shayrisukunkajariyahai634
    @shayrisukunkajariyahai634 6 หลายเดือนก่อน +3

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

  • @dasarojunageshwarachary6628
    @dasarojunageshwarachary6628 8 หลายเดือนก่อน

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

  • @SallarAlam86Sallu
    @SallarAlam86Sallu 9 หลายเดือนก่อน +3

    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

  • @atandritabrahma9179
    @atandritabrahma9179 11 หลายเดือนก่อน +2

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

  • @juniorjames2508
    @juniorjames2508 ปีที่แล้ว +3

    Great content as always 👏

  • @emmajunior5031
    @emmajunior5031 10 หลายเดือนก่อน

    incredibly amazing!

  • @yesitzmenoo6043
    @yesitzmenoo6043 11 หลายเดือนก่อน +1

    Simply superb bro how slowly and easily ur explaining 😊

  • @cresentut
    @cresentut 11 หลายเดือนก่อน +6

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

  • @MMPhotographyArts
    @MMPhotographyArts 7 หลายเดือนก่อน +5

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

    • @teclues3893
      @teclues3893 3 หลายเดือนก่อน +1

      fr

  • @tejpinninti5835
    @tejpinninti5835 9 หลายเดือนก่อน

    such a great presentation.. thank you so much bro

  • @RandomClipsss
    @RandomClipsss หลายเดือนก่อน

    Aww I’m so happy. I built my first website by watching this video and it was super smooth. Much love from bottom of my heart ❤️

  • @entertainmentquiz3202
    @entertainmentquiz3202 21 วันที่ผ่านมา +1

    Thank you for teaching us perfectly. We hope you can reach 3 million subscribers soon🎉

  • @pagidimarriphani3419
    @pagidimarriphani3419 2 หลายเดือนก่อน

    Thank you very much bro. You helped me alot . ❤

  • @collinsaunders8323
    @collinsaunders8323 4 หลายเดือนก่อน

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

  • @tutormarie1066
    @tutormarie1066 11 หลายเดือนก่อน

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

  • @adymorris7347
    @adymorris7347 4 หลายเดือนก่อน

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

  • @user-yn4lx2yv3s
    @user-yn4lx2yv3s 9 หลายเดือนก่อน +1

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

  • @SiddhidatriJawre
    @SiddhidatriJawre 6 หลายเดือนก่อน

    Thankyou so much... this video was very helpful

  • @parnathaliep.votrecomplice6070
    @parnathaliep.votrecomplice6070 ปีที่แล้ว

    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!

  • @Bhakti-lokam
    @Bhakti-lokam 11 หลายเดือนก่อน

    Thanks a ton

  • @monaattrocities6984
    @monaattrocities6984 หลายเดือนก่อน

    Wowwwwwwww rocking man, being a last minute performer I have to submit my project by today, puzzling and planning to postpone to have a arrear in the subject but after going through this video I could make it happen in 1.5 hrs damn good 💯 saviour of my day❤

  • @CHSOMESHLICMDRT
    @CHSOMESHLICMDRT 10 หลายเดือนก่อน +1

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

  • @imw7555
    @imw7555 2 หลายเดือนก่อน

    Wah Bhai! Dil jit lia!

  • @tetanic1111
    @tetanic1111 4 หลายเดือนก่อน

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

  • @mariabumba5732
    @mariabumba5732 8 หลายเดือนก่อน

    Thank so much, you really helped me ❤❤❤

  • @ushodhayakola5226
    @ushodhayakola5226 4 หลายเดือนก่อน

    superb simply understood everything hatsoff😁

  • @Kat11077
    @Kat11077 5 หลายเดือนก่อน

    Thank you so much ❤️

  • @teclues3893
    @teclues3893 3 หลายเดือนก่อน +1

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

  • @ArtworksByTalha
    @ArtworksByTalha 2 หลายเดือนก่อน

    U r the best teacher I have seen so for ! U make it super easy to create a website who knows nothing about it .. superb❤🎉

  • @bgmringtones5023
    @bgmringtones5023 2 หลายเดือนก่อน

    Thankyou so much this video is very usefull❤

  • @jasper_pro4563
    @jasper_pro4563 หลายเดือนก่อน +1

    You make my work super easy thanks bro

  • @apparelcraft
    @apparelcraft ปีที่แล้ว

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

  • @sunilbalu1902
    @sunilbalu1902 9 หลายเดือนก่อน +1

    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.

  • @AjaySingh-us6vl
    @AjaySingh-us6vl 4 หลายเดือนก่อน

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

  • @ZADEROYAL7
    @ZADEROYAL7 3 หลายเดือนก่อน +2

    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.

  • @unfoldedtoken
    @unfoldedtoken ปีที่แล้ว

    Very nice presentation. 👏

  • @Mansipandey25
    @Mansipandey25 8 หลายเดือนก่อน

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

  • @femioke6227
    @femioke6227 11 หลายเดือนก่อน

    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

  • @peacelikearivermindtherapy
    @peacelikearivermindtherapy 11 หลายเดือนก่อน

    you are really really good!

  • @brr1122
    @brr1122 11 หลายเดือนก่อน

    We need more videos like this

  • @madanprajuli1630
    @madanprajuli1630 ปีที่แล้ว +3

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

  • @focuszone2495
    @focuszone2495 7 หลายเดือนก่อน

    Thanks so much.

  • @hidatricks33
    @hidatricks33 2 หลายเดือนก่อน

    Thank you Brother

  • @NeerajKumar-is1gx
    @NeerajKumar-is1gx 4 หลายเดือนก่อน

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

  • @nagme-dilon-ke
    @nagme-dilon-ke หลายเดือนก่อน

    it really helped me for my holiday homework

  • @kaviipriyaa4922
    @kaviipriyaa4922 หลายเดือนก่อน

    Thanks for your excellent explanation sir . I really understood very well 👏👏👏

  • @PracticeAmharic
    @PracticeAmharic 5 หลายเดือนก่อน

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

  • @ramgopal486
    @ramgopal486 หลายเดือนก่อน

    Thank u boss

  • @mokshkumar4961
    @mokshkumar4961 3 หลายเดือนก่อน

    Thankyou bro it helped me a lot ❤😊

  • @vidrash
    @vidrash 6 หลายเดือนก่อน

    thank you!! 👍👍dude

  • @hafsaahmed8193
    @hafsaahmed8193 5 หลายเดือนก่อน

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

  • @user-vk7qs2bb9h
    @user-vk7qs2bb9h ปีที่แล้ว +1

    My favorite TH-cam channel

  • @myhomeimprovementproducts
    @myhomeimprovementproducts ปีที่แล้ว

    Which is the best hosting for a small scale manufacturing company

  • @navyapujit7003
    @navyapujit7003 4 หลายเดือนก่อน +1

    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 🙏 🙏

  • @maniagamingpro87903
    @maniagamingpro87903 4 หลายเดือนก่อน +1

    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

  • @salim9247
    @salim9247 ปีที่แล้ว

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

    • @WebsiteLearners
      @WebsiteLearners  ปีที่แล้ว +1

      Thanks for watching!

    • @banich1645
      @banich1645 11 หลายเดือนก่อน

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

  • @moinuddinshaikh1877
    @moinuddinshaikh1877 หลายเดือนก่อน

    I'm having an issue with the link below the line, actually, there is not much gap between the horizontal line and the link, even if I completely follow you. Also, could you please let me know when you added this ?

  • @flankkigen
    @flankkigen 9 หลายเดือนก่อน

    Well explained.

  • @moinuddinshaikh1877
    @moinuddinshaikh1877 หลายเดือนก่อน

    Thank you very much, but I'm hesitant about the domain and hosting purchase 😄
    Do you know of any free options? I don't necessarily need to create a website, I'm just learning.

  • @Introvert029
    @Introvert029 5 หลายเดือนก่อน

    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...☺️

  • @chaityajogani
    @chaityajogani ปีที่แล้ว

    Excellent video ✌️✌️✌️

  • @ghulammohiudin9782
    @ghulammohiudin9782 ปีที่แล้ว +2

    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

  • @DigitalDrawAI
    @DigitalDrawAI ปีที่แล้ว +2

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

    • @WebsiteLearners
      @WebsiteLearners  ปีที่แล้ว +1

      Thank you! Will do!

    • @elakkiyaselvan687
      @elakkiyaselvan687 11 หลายเดือนก่อน

      ​@@WebsiteLearnersexcellent coaching bro🎉

  • @user-xd8pk2ks6g
    @user-xd8pk2ks6g 4 หลายเดือนก่อน +2

    Mine is not showing the logo and the video

  • @movie.hot.status
    @movie.hot.status 8 หลายเดือนก่อน

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

  • @Naisonfootball
    @Naisonfootball ปีที่แล้ว

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

  • @pratimasingh5001
    @pratimasingh5001 6 หลายเดือนก่อน +1

    Best video on HTML

  • @sabbirhossain6870
    @sabbirhossain6870 2 หลายเดือนก่อน

    Love u bro..

  • @tejrajmahanand8567
    @tejrajmahanand8567 11 หลายเดือนก่อน

    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
      @WebsiteLearners  11 หลายเดือนก่อน

      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/

  • @divyanshpahal8260
    @divyanshpahal8260 7 หลายเดือนก่อน

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

  • @user-iq5mt7pe3u
    @user-iq5mt7pe3u 10 หลายเดือนก่อน

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

  • @Panku_bhai009
    @Panku_bhai009 11 หลายเดือนก่อน +1

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

  • @ParthYadav11
    @ParthYadav11 ปีที่แล้ว

    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.

  • @ismailarafin2070
    @ismailarafin2070 11 หลายเดือนก่อน +2

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

    • @WebsiteLearners
      @WebsiteLearners  11 หลายเดือนก่อน +1

      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/

  • @abhaybajpai.21
    @abhaybajpai.21 หลายเดือนก่อน

    very helpful video for me

  • @allrounderyuvi1234
    @allrounderyuvi1234 7 หลายเดือนก่อน +1

    can we change the background of website

  • @ravitgupta1720
    @ravitgupta1720 3 หลายเดือนก่อน

    Thanks sir ❤

  • @gamerthegreat766
    @gamerthegreat766 11 หลายเดือนก่อน +1

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

  • @anishtaklikar8047
    @anishtaklikar8047 9 หลายเดือนก่อน

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

  • @keywords_designer
    @keywords_designer 6 หลายเดือนก่อน

    Informative video

  • @Trushar__2005
    @Trushar__2005 6 หลายเดือนก่อน

    Thank you sir