How to Create a website in notepad using html

แชร์
ฝัง
  • เผยแพร่เมื่อ 28 ก.ค. 2024
  • How To Create a Website In Notepad In HTML and CSS
    🚨SUBSCRIBE: th-cam.com/users/smwebone?...
    ►SOURCE CODE DOWNLOAD: www.smartkidsthink.com/downloads/
    ►GET 25%OFF - HOSTGATOR.COM WEB HOSTING CODE: CHEAPERFOR
    ►HOW TO PUBLISH YOUR WEBSITE ONLINE: • How to Publish a Websi...
    DOWNLOAD IMAGES HERE: smtutor.com/downloads/how-to-...
    HELP US CREATE MORE FREE VIDEOS: smtutor.com: smtutor.com/donate.
    ► FOR MORE TIPS: www.smsedo.blogspot.com
    Like Us On Facebook: / smwebone
    Follow Us On Twitter: / tutoronthego
    Add Us On Pinterest: / smwebone
    Look Us On Behance: www.behance.net/smwebone
    LIVE CHAT WITH US: www.mylivechat.com/chatnoscri...

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

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

    Thank you for watching. This video is not monetizable (No revenue).
    You can support the channel by sending tips below:
    Paypal: paypal.me/smtutor
    Cashapp: cash.app/$smtutor

  • @MelvinAdekanye
    @MelvinAdekanye 4 ปีที่แล้ว +10

    *I just want you to know. I wouldn't have started my channel. Or loved programming without this video*
    *Thanks a lot bro. Wish you didn't quit.*

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

      There are more videos coming shortly...stay tune at smtutor.com/html5

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

      @Xhoni Deda You can find the images here: smtutor.com/html5

  • @callings9836
    @callings9836 4 ปีที่แล้ว +5

    Thank you so much for being able to teach us how to make a website using HTML and CSS. I have a school project where our teacher told us to self learn, and you helped me so much. I was able to watch the first part of the video, and branch off in making my own website. You helped with the basis of how you should build a website, it really helped, and I thank you a lot :)

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

    thanks for all your hard work!

  • @killerdropko6734
    @killerdropko6734 6 ปีที่แล้ว

    This worked perfectly thnx I already knew how to make my own website but it’s been a while since I’ve actually did it and your vid really helped me remember the steps... GOOD JOB :)

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

    I'm here in this site .... marvelous mr tutor. thanks

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

    Thank you so much! God bless you :)

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

    easily one of the best tutorials on youtube. so what if you dont have flashy editing? this tutorial has allowed me to break the barrier and free me from crappy web design things like wix and make a website properly. keep going mate!

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

      Thanks...and lol that's the vision...Subscribe and more cool videos to break the barrier for wisdom :)

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

    How do I link the other parts of this website like the contact leaders etc

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

    Bro, you the best mate! Appreciate the good work! :)

    • @smweb1
      @smweb1  5 ปีที่แล้ว

      👍stay tune for more videos

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

    Okay, so i cant change by background colour. is the link to my .css broken or incorrect?

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

    Thanks for this wonderful video..this will make my project fast

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

    Upon inspecting element it says "Style sheet could not be loaded" ;/

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

    this really helped me . whattaaa wonderful video!!

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

    thank you a lot man so my teacher said for us to make a website and present it to her in 1 week and because of you i was able to and i got a good grade

  • @markbilly1788
    @markbilly1788 9 ปีที่แล้ว +4

    thx you

  • @TOPEVERYTHING-ye6lm
    @TOPEVERYTHING-ye6lm 6 ปีที่แล้ว

    This video made my project so simple tysm

  • @bangbang-vh7un
    @bangbang-vh7un 7 ปีที่แล้ว +2

    Thank you for this superb tutorial! *tears of joy*

    • @smweb1
      @smweb1  2 ปีที่แล้ว

      👍

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

    It's so simple
    &
    Thank you so much

  • @n.rukkumani7297
    @n.rukkumani7297 8 ปีที่แล้ว +2

    if i click on home icon it have to open on the same page below the top navigation bar . how can i code them

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

    Really nice,easy and well-explained!

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

      Thanks!

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

    how to obtain the link for the website we created??

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

    Thank you so much for the help

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

    Thanks your the best!

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

    i did the same HTML and CSS but when I tried doing BELIVE DREAM IMAGINE The writing was black instead of white
    and my background was black so it wouldn't show can someone help?

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

    Your videos very helpful for me thanks sooo much

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

    This is the best!🖤 it helps thank you very much

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

      Thanks and more cool videos released by the end of the year..Subscribe and stay connected :)

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

    thx im currently watching its amazing i think ill and new names :P

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

    This really helped me, thank you :)

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

    HI!
    I'm very happy that i found your video and starting learning very fast html and clear although i have a question !!!!
    14:39 ,the page doesn't change the color into that im coding ,i tried many times with colors like black ,gold ,blue but font change and color not!??? Please tell me what to do ,I'm waiting for the answer!!!!!

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

    thnk u so much bcuz i get it

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

    Thank you!

  • @renzkarlquimpo9723
    @renzkarlquimpo9723 6 ปีที่แล้ว

    is the star thingy important? if so how do you put it?

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

    How can I make the other navmenu links too ??

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

    hi im not getting any background color and also background imag

  • @mohamcpsi
    @mohamcpsi 6 ปีที่แล้ว

    very interesting and understandable..i think you are the only good teacher without hiding anything.

    • @smweb1
      @smweb1  5 ปีที่แล้ว

      Thanks. For source code visit smartkidsthink.com

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

    just wanted to ask why wont my sidebar show up when i change it to left it shows up but when i put it back to right it dissapears and how can i wrap the text on the pictures

  • @missmowatt5338
    @missmowatt5338 7 ปีที่แล้ว

    what about the other pages of the website? how do i edit those.

  • @aishsyami7815
    @aishsyami7815 7 ปีที่แล้ว

    thanks for the tutorial

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

    quite a fascinating tut.. i've learnt alot bro. but you could have as well taught us how to link the home page, scientist, philosophers, leaders and contact together. how do you link them together so please? thanks

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

      Hello, Yes you can link them all by creating a "page.html" for each anchor tag ... watch it here: th-cam.com/video/KXNnYDnE97c/w-d-xo.html

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

      freesoace sedoo i cant under stand what you said to him can you tell me to i want to do same thing

  • @sivakumardorairaj1844
    @sivakumardorairaj1844 6 ปีที่แล้ว

    i need tat how create a website contaning 3 webpages and website should contain images tat e related to the topic which s i gave as a content in a webpage pls give a solution quick as though

  • @aryansaber
    @aryansaber 8 ปีที่แล้ว +5

    yes!!
    not only i have an excuse to say to my mom when she tells me to get off my laptop,
    i can code!

    • @die4europa280
      @die4europa280 8 ปีที่แล้ว +4

      This isn't really coding, you're just marking up text using tags ... Perhaps after you've mastered Javascript :3.

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

      +Mateen i was born 6 months ago

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

    I am stuck around 11:06 html. Whenever I go back to the HTML Document and run it in Google Chrome instead of getting an unordered list (ul) of Scientist, Philosopher, Leaders, and Contacts. I get a blank screen?

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

    how can I make it as a public one?

  • @Kenny-fs4xi
    @Kenny-fs4xi 6 ปีที่แล้ว

    How to add margin in the paragraph of steve jobs and edison? Your tutorial was very helpful to me..thank u so much..subscriber

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

    Help me when I put my background-image: url(../Images/wood_texture.pict.jpg); as what it is in images it doesn't show.. Help

    • @Delta.Gaming
      @Delta.Gaming 7 ปีที่แล้ว +1

      Make sure its saved as a JPG and not a PNG file!

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

      make sure you have it in the same file as the HTML and CSS

  • @Gundanmedia
    @Gundanmedia 5 ปีที่แล้ว

    haw can gain ess link, can u please help me?

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

    What exactly does display block do?

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

    When I try to change the background colour to Black, but it just stays White. Then when we put the /*END CONTAINER*/ , I put exactly that and it still shows up. How do I get source files.

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

      +Krish Chadha To add comment use symbol *: /*END CONTAINER*/. Also you can removed it. Hope you enjoy!

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

    Can you plz help me how change color black and what is code of black color.

  • @physicsandmathemathicssimp833
    @physicsandmathemathicssimp833 5 ปีที่แล้ว

    I cannot figure out how to connect to that stylesheet i try-ed it but it did'nt work !

  • @SCOOBY-DOO7507
    @SCOOBY-DOO7507 6 ปีที่แล้ว

    Can u help me out to make an ecommerce website without paying .. it's for my project work

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

    the background color doesnt work on mine but i follow whats you doing how to fix it?

    • @321Mrremco
      @321Mrremco 8 ปีที่แล้ว +1

      body {
      font-family: "lucida grand" , tahona, verdana, arian, sans-serif;
      background-color:Blue;
      }
      #container {
      width: 1080px;
      margin: 0 auto;
      padding:lpx;
      background-color:white;
      }
      here, this is what i have. i used different colors so it is easyer to see.

  • @zamadladla826
    @zamadladla826 6 ปีที่แล้ว

    Hello there. Thanks for the great tutorial. I copied everything correctly but all the images are not appearing, only two boxes pop. Can u please help me?

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

    you are the best youtuber for me

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

      Thanks :) Stay tune for more interesting videos next week!

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

    how do i get my website url and btw I'm a mac user

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

      i made my website and now know alot about html but thanks for getting back

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

    PLZ HELP I WANT TO DOWNLOAD IMAGES THE LINK IS NOT WORKING

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

    great help! thnx

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

    what about list references

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

    why does it say file:///C:/Users/Myusername/Desktop/Website/Home.html why it begins wih file:///?

    • @smweb1
      @smweb1  5 ปีที่แล้ว

      It's not a live website yet. Visit smartkidsthink.com

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

    what about the url .It cant be accesed from the web

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

    thanks

  • @nirajgupta6017
    @nirajgupta6017 7 ปีที่แล้ว

    Thank You

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

    Good video... not many videos on using notepad.

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

      Appreciated...Stay tune for more cool videos!

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

    what is the star?

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

    U r my hero

  • @laikadelacruz6897
    @laikadelacruz6897 8 ปีที่แล้ว +4

    why the legend doesnt work on me? anything i type on it,. it doesnt work?

  • @SumitSharma-dw5uo
    @SumitSharma-dw5uo 8 ปีที่แล้ว +2

    i save that but it didnt open .

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

    how to fill the fiels u make

  • @shrek94able
    @shrek94able 6 ปีที่แล้ว

    HEY, in order to change the website background color , you need to have a tag (). for example, in the HOME NOTEPAD which you created you have to put
    body {
    background-color: # 93B874;
    }
    this example works on any tag such as, h1, and etc. HOPE IT HELPS.

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

    I am so vary happy

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

    Thank you so much problem solved

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

      Great and stay tune for more videos :)

  • @priyanshubhatt8557
    @priyanshubhatt8557 6 ปีที่แล้ว

    Sir,
    I m not able to add image in css file please help me

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

    Sir in this way only I can make website for computer project class 10 ???

  • @ThatGuy-yi8kn
    @ThatGuy-yi8kn 6 ปีที่แล้ว +1

    For notepad, you should use 'Notepad++' which allows you to have multiple tabs at a time

  • @p1sc3s4
    @p1sc3s4 7 ปีที่แล้ว

    great tutorial, I followed along the whole way and completed my website, although just a small reminder you have just a few spelling flaws.“broders”should be “borders” and such. Besides, everything is good!

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

    my links dont work nor does my background.

    • @toxin1882
      @toxin1882 6 ปีที่แล้ว

      if you want your website to appear in other computer or electronic devices
      you need to have a domain which is a link to your website like
      EXAMPLE: org,com,

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

    thanks to this video 😃 i can now start with our project😀

  • @21dreams9
    @21dreams9 3 ปีที่แล้ว +2

    Salut ça va. Super vidéo. MERCI

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

      Salut! Merci beaucoup🎈

  • @sharonpshajan3073
    @sharonpshajan3073 7 ปีที่แล้ว

    if /open container/ or the other thing is coning backspace it we dont need it

  • @ryanhogg1268
    @ryanhogg1268 8 ปีที่แล้ว +5

    How can I get my website online with a url so my friends can view it from there computers?

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

      Hello, How to publish your website online: th-cam.com/video/RSsQbaTEryg/w-d-xo.html.

    • @ayazraja4980
      @ayazraja4980 4 ปีที่แล้ว

      @@smweb1 from your websites I want to be in my windows explorer but I can't make like your websites

    • @smweb1
      @smweb1  4 ปีที่แล้ว

      @@ayazraja4980 Hi. You can open it in any browsers :)

  • @kyletan009
    @kyletan009 7 ปีที่แล้ว

    open and end cointainer not working aswell as css

  • @vishaldwivedi4001
    @vishaldwivedi4001 6 ปีที่แล้ว

    can u tell me how to print that webpage

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

    how do u put color on the background? I tried doing what you're doing but nothing is working.

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

      Hey at '14:00' you can add: background-color:red or blue. :)

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

      create another file called stylesheet.css

  • @marlenabinkiewicz4372
    @marlenabinkiewicz4372 9 ปีที่แล้ว +4

    great work !:)

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

    ty very much

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

      You welcome :)

  • @renzkarlquimpo9723
    @renzkarlquimpo9723 6 ปีที่แล้ว

    how do you put that star thingy? :(

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

    I copied everything you did exactly even with the names and nothing is out of order. but the /*OPEN CONTAINER*/ ...etc part is not working.

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

      +BlackLusterSoldier EnvoyOfTheBegining SAME HERE...

    • @luckyblandino6186
      @luckyblandino6186 7 ปีที่แล้ว

      +Ehab Saleh try /--OPEN CONTAINER--/ instead

    • @funintop8836
      @funintop8836 7 ปีที่แล้ว

      Learn how to build a website with lots of examples on tuteportal .
      tuteportal.com

    • @stuysarti
      @stuysarti 7 ปีที่แล้ว

      so i can decide not to put it in the code and not affect on anything?

    • @zhanevida1036
      @zhanevida1036 6 ปีที่แล้ว

      ME TOO T.T

  • @shweta3580
    @shweta3580 4 ปีที่แล้ว +4

    This is really an amazing video for beginners.
    Tysm sir....

    • @smweb1
      @smweb1  3 ปีที่แล้ว

      Thanks🥰

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

    how can you click the list item ? how can you work for that ?

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

      At 9:51 you can add any domains such as a smartkidsthink.com

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

    HOW TO PUT A ANOTHER WEBSITE TO MY WEBSITE? JUST LIKE I WANT TO PUT A LOG IN BUTTON AND CHATBOX I JUST WANT TO KNOW T.I.A

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

    bro i am stuck in the open container and end container. And also my page colour is not changing. bro plz help

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

    bro and how did you preview the notepad code?

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

      Hi, 3:29 to preview you will need to save and run it on browsers like chrome, edge...

  • @guruscenter
    @guruscenter 6 ปีที่แล้ว

    Float is not working. Can you please help? I was trying to make the menu in horizontal form.

  • @eliasarzadonj.6832
    @eliasarzadonj.6832 5 ปีที่แล้ว

    Do I need to convert the image to png?

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

      Hi. No need. Depends on your images type: .gif, .png, .jpg and more

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

    How to add video's on website?

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

    How can i change url link of site and website i made was private document, how can i change that

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

      Hi, you will need to create a new site with a desired URL link in order to change it :)
      Note: The target site link can be changed by pasting a new URL in to the anchor tag example: Download

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

      @@smweb1 this is mine day 2 of making website and i didnt understand all, do you maybe have discord, ig, or something else where u can tell me all steps to do that, i only want site to be public, hope you understand :)

    • @smweb1
      @smweb1  4 ปีที่แล้ว

      @@skycrepp9215 Hello, you can connect by using private chat channel at smtutor.com using www.mylivechat.com/chatnoscript.aspx?HCCID=81549065 or through skype at sm.sedo

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

    How can I make the video I downloaded show on my phone???

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

      The IP address was not included in the tutorial, so it will only be visible on your computer. And its just a webpage not a website.

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

    why did you put two div's instead of just one?

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

    Same, not getting the background and the /*OPEN CONTAINER*/ AND /*CLOSE CONTAINER*/ are showing on the html page, I did exactly what you did.

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

      +Vicky Livin it happened to me to, u can use another comment like this: or