HTML For Beginners Full Course: Create a simple Basic HTML Website using Notepad++

[@AmitChristian]

⌚ TIME STAMPS ⌚ 00:00 INTRODUCTION 00:57 Create your first HTML page 08:31 Review Your HTML page 09:22 HEAD tag 09:44 BODY Tag 10:31 Heading HTML tags 12:41 Paragraph tag 13:51 Line Break tag 15:57 Text Formatting Tags 18:45 Lists (Ordered and Unordered list) 23:33 Comments in HTML 25:29 Horizontal line tag 27:08 IMG tag (Add Image to HTML) 31:40 Hyperlink A tag (Add Link in HTML website) 34:30 Mail Link (Add a email link in HTML page)

[@AmitChristian]

🚩 What HTML feature/topic, would you like to learn next? PLEASE SHARE YOUR COMMENTS. 🚩

[@ভোমরা]

Css..tutorial with Notepad++

[@bongiwentoyanto3546]

adding forms

[@owolabiyusuf3055]

Thank you sir ! may God continue to bless and strengthen you in every of your life endeavour. Your type is uncommon in environment of online tutorial you ve just deliver. I honestly appreciate your effort boss.

[@AmitChristian]

Yusuf, this is one of the most heartfelt comment I have received in a quite while. Thank you.

[@UlsboldOtgonbayar]

Shut up

[@aiyshaallad]

Perfect, just perfect. Exactly what I've been looking for since yesterday

[@AmitChristian]

Thanks.

[@sheepiesheep4072]

Please keep making these, you're an actual god-sent

[@AmitChristian]

Sheepie, that was one of the best comment I have got. Thanks a lot.

[@itsimmense1681]

@@AmitChristian bro you really help me code

[@hugosvoboda6524]

Thank you so much you taught me more in 10 mins than my teacher taught me in 2 months

[@AmitChristian]

Glad to help. All the best for your class

[@yashinijeyaram6848]

Comparatively best explanation ever seen thank you.

[@AmitChristian]

Yashni, thank you. I am glad that it was helpful. Please like the video, if you can. Thanks again.

[@AmitChristian]

⚡ Hello Friends ⚡ hope you found this useful! 🚩 Let me know what other types of videos you want to see in the future!! And Do Subscribe ♥ to my channel (kzbin.info/door/bU0jmMgFAfmL1J1BHsEmAA) for more videos.

[@ponyvroid4143]

Hi, I'm new to HTML coding. I'm doing an attempt in making my own website similar to DeviantArt before they went Eclipse & changed everything. Is there a way for me to view my website after using all the codes I need?

[@AmitChristian]

@@ponyvroid4143 I am not familiar with DeviantArt. But, if you create your own HTML page/site, you can definitely view it in any Web browser. Did you lose some webpage, as DeviantArt made a change to Eclipse?

[@ponyvroid4143]

@@AmitChristian Thank you for you're reply. No, I didn't lose a webpage in DeviantArt. It's basically an art sharing site but they've changed drastically & people hate the new design of Eclipse cause galleries fade into everything in the void basically. If you go on Google Images you'll see what I mean or watch reviews on it. I'm wanting to re-create the classic DA before they changed everything since Wix bought them out. Everything was runned by HTML but not anymore.

[@bryantjoseph6625]

everything you have taught was veeeeeery clear. i've been following every procedure and i have not messed anywhere. thankyou so much.

[@AmitChristian]

Bryant, thanks a lot. Glad that it was clear and helpful. All the best.

[@LP_Storefront]

Thanks for this tutorial. It really makes it easier for an HTML newbie like me to navigate Notepad++

[@AmitChristian]

You’re welcome

[@SidiqJatta]

Thank you sir this is my second time to try how to use notepad++ to build simple website your video really helped ❤

[@AmitChristian]

Glad it helped!

[@bigbossss]

thank you Sir for this video, teaching me more of in 40 minutes than my uni lecturer has in 2 months… thank you ❤️

[@AmitChristian]

Really glad to know that it was helpful. All the best with your class

[@merakuntoldfragrances]

Awesome I understand it perfectly great class I will continue checking your videos. I can't believe it I learn all this in an hr. Thank you so much!

[@AmitChristian]

Great. Thank you for your comment.

[@juliette7776]

I have been struggling to create one of these for the best three days bow, thank you for this sir

[@AmitChristian]

You’re welcome.

[@wz7495]

Thank You so much Master...really appreciate You taking time to teach me for free. thank You so much...ill share Your Vids with my friends

[@AmitChristian]

Really glad to here.

[@vlv8855]

Excellent instruction video Amit. Thank you for making it available. John

[@AmitChristian]

John, thank you. Glad that it was helpful.

[@2sridhark]

Excellent video. You are slow, clear and take us step wise towards the goal. Please keep up the good work.

[@AmitChristian]

Thanks a lot!

[@timottt3485]

Thanks for the video, it really help with my school project! Much love from France

[@AmitChristian]

Happy to help! TimoTtt. All the best for your school work.

[@espectrograma]

Thank you Amit for this good lesson, clear and easy to understand.

[@AmitChristian]

You are most welcome, Edgar.

[@odettythapelosebone822]

Thank you sir, my learners will really enjoy this. Good teachings.

[@AmitChristian]

Odetty, my pleasure. Please like/subscribe if you can. Thank you for commenting.

[@cloud1973]

Such a good video! Thank you so much. Been learning to use this in my Game and Sim design class and this helped me understand it a bit better.

[@AmitChristian]

Thank you. Glad to know that it was helpful. Thanks for the comment also. All the best with your class.

[@lasylozy9231]

Well done Christian thank you so much

[@AmitChristian]

Thank you

[@nicchineke7175]

Well explained. Thank you very much.

[@AmitChristian]

Thank You Nic. Glad to know that it was helpful.

[@vladdydaddy729]

This was very helpful, and I'm sure I'll refer back to this, thank you very much!

[@AmitChristian]

Glad to know that. Thanks for the comment

[@libertymudzingwa1206]

Well explained! I just learnt how to create a webpage, this was really helpfull.

[@emma6090]

Thanks for your teaching, I learned a lot but I missed the part of adding logo. I will love to hear from you about that.

[@AmitChristian]

Coming soon!

[@soundbox1852]

Best teacher ever easy to learn..❤❤❤

[@AmitChristian]

Thank you! 😃

[@16mm20]

Thank You , Thank you!! Such a good tutorial. God bless you!

[@AmitChristian]

You are so welcome!

[@AiijayBibiChijioke]

this was very helpful, thank you

[@AmitChristian]

Glad to know that it helped. Thanks for the comment.

[@Anonymous-rb4uh]

Thank you sir...u helped a lot...keep making more such videos 😊❤

[@AmitChristian]

Glad to help. Thanks.

[@leslievrhsslt2475]

Great video! I'm absolutely a beginner at this! I'm using it in my professional career for publishing purposes. Even if I save a new file with html extension (on my professional pc), I still need to select html in the Language menu in order for Notepad++ to recognize the content as html. Do you always need to select the language even if you've saved the file in html extension first? If yes, that would be good to add in the explanation when beginners open Notepad++ for the first time and start typing. Thank you! :)

[@AmitChristian]

Leslie, thank you for your comment. I really appreciate it. Regarding saving the new file with HTML extension and language settings. It should be automatic. You do not need to select Language >> H >> HTML, every single time. Here is an animated gif, I have created that demonstrates it. (imgur.com/a/v0vK1Tz ) Please let me know what version of Notepad++ are you using?

[@aliciawilliams8225]

This is the best video I have watched in order to learn HTML. It was so simple and very easy to understand. I give you 🌟 🌟 🌟 🌟 🌟!

[@AmitChristian]

You're very welcome!

[@Chykko808]

Best tutorial indeed!

[@AmitChristian]

Simon, thank you for your comment

[@platinumgarden-c3i]

thank you for this wonderful video .as a beginner,your video was so easy to understand for me,how can i proceed to learning more with you

[@schnuppi910]

thx for the video, bc i have to do a project as an exam and i didnt understand it in school but this helps me a lot. nice video btw.

[@AmitChristian]

Glad to hear that! Good Luck for the project work.

[@schnuppi910]

thx@@AmitChristian

[@naturepositive7707]

Great video for beginners 👍

[@AmitChristian]

Glad you liked it. Feel free to share with others..

[@claudedamonse8169]

Good evening Sir Thank you very much for the good tutorial. Keep up the GOOD work!

[@AmitChristian]

Claude, thank you. Glad that it was helpful.

[@vf1154]

loved it. Very complete and easy to understand. Thank you so much

[@AmitChristian]

You’re welcome. Glad you liked it

[@okleyshikapande1582]

This was very powerful presentation, thank you.

[@AmitChristian]

Tamar, you’re very welcome. Glad that it was helpful. Plz like the video if you can. Thanks.

[@samueltadesse7057]

it is really help full video but there is something i wannna ask on inserting image, when inter file location(name of the image then jpg/png) and run it the image doesn't popup what should i do? plz help🙏🙏

[@nanatutu8228]

Good teacher

[@AmitChristian]

Thank you.

[@philipasante5096]

great work i need videos on php

[@AmitChristian]

Thanks. May consider making videos on php in future.

[@philipasante5096]

cannot wait

[@TriStateRailfannerJL99963]

Thank you Amit for making me want to create my own website!

[@AmitChristian]

Johnluke, glad that it was helpful. Thank you for your comment.

[@coloneluganda7130]

Great Video

[@AmitChristian]

Glad you enjoyed it, Colonel Uganda. Please like the video if you can. All the best.

[@zelarsey]

hello can you please help me? When I try to open the web page with chrome nothing shows up. Its just a blank page.

[@AmitChristian]

sevde, can you please post an example html code here? Also, try to open the web page in other web browsers such as Microsoft Edge or Mozilla Firefox. Can you see your webpage in them?

[@rubymwende]

Wow this is so good. I have learnt a lot. Thank you so much

[@AmitChristian]

Dorothy, glad that you liked it and learned a lot. Please like the video or subscribe to get more content like that. You can also check out this recent video about the top 5 tips for HTML development. (kzbin.info/www/bejne/jHvFi4Zsa7qJpac ). Thanks.

[@codyblazeramirez8284]

Thanks for this tutorial, Sir! It helped me and my friends study our programming lessons and make our program. Our heartful thanks to you Sir! I'll suggest this video to my friends who is trying to program :D! May God Bless you and Have a good year!

[@AmitChristian]

Thank you Cody for a wonderful comment. I am really glad that it was helpful to you. Please feel free to suggest me a topic that may help and I will try to create a video tutorial in coming months. Thanks again.

[@codyblazeramirez8284]

@@AmitChristian I suggest you make more html tutorial, for medium starters :D thanks again sir

[@zipae2455]

Plugging in the image didn't work for me only gave me the small default image icon. How does this work?

[@AmitChristian]

can you post a image link line here and I can take a look at it. Thanks.

[@manailugangmei8809]

Thank you so much sir Waiting for more tutorial 😍💕

[@AmitChristian]

You’re welcome. Glad to know it was helpful.

[@lifeofdidrik]

amazing tutorial! Only thing i can`t get to do is with the picture, can i get some help?

[@AmitChristian]

Try this. HTML Image Not Showing in Web Browser - FIXED kzbin.info/www/bejne/bqrOoIRqps1_fNk

[@edidiongokpokpo8295]

Very clear teaching...if you don't mind i will like to direct my page viewers to this lecture so this knowledge can be learnt more widely cos the simplicity of it cannot and should not be overlooked. Thank you for the understanding you gave to me.

[@AmitChristian]

Edidiong, Thank you for your encouraging comment. Yes, feel free to share it with others. Thanks.

[@armelatopci6196]

Thank you so much, this was beyond helpful!!

[@AmitChristian]

Armela, You're so welcome! Please like or subscribe if you can. Good Luck.

[@viperfj1817]

Thanks for the video it was really helpful. Iam about to start this new unit. Wonderful

[@AmitChristian]

Viperfj, Glad it was helpful! Thank you for your comment. (A small favor, please like the video if you can.) Thanks again.

[@Ddevakumarreddy]

so useful thank u

[@lucifergod7826]

thank you very much sir !!! keep going...

[@AmitChristian]

Thank you Lucifer, all the best.

[@beneya]

You're an amazing person you deserve bigger family of subscribers

[@AmitChristian]

Beneya, thank you for your kind and uplifting comment. Please feel free to share the video with any one in your sphere of influence. Thanks again.

[@rsstudypoint2990]

Sir actually i am writing the tags in html notepad plus plus but it is not showing in my html file which is open in chrome.

[@AmitChristian]

Pleas see my reply. Thank you.

[@couupakb9669]

My images won't show on my webpage, how can i fix this ? This is the format I used:

[@AmitChristian]

Please check this video that specifically is about html image not showing up. Hope it will help. m.kzbin.info/www/bejne/bqrOoIRqps1_fNk

[@alexalvarado2693]

Thank you for this video, this was a great tutorial.

[@AmitChristian]

Alex, glad to know that it was useful. Thanks.

[@adaahashim]

Thank you very much for your video. Now, I am able to refresh my basic foundation in Notepad++ which I learnt years ago. Just one question, for image section, I did all the formatting and tags correctly as yours, however the image is not loaded properly. Do you know what might be the problem? The image properties is also png.

[@AmitChristian]

Glad it was helpful! For images, I have a video that goes specifically in this issue, please take a look. HTML Image Not Showing in Web Browser - FIXED kzbin.info/www/bejne/bqrOoIRqps1_fNk

[@adaahashim]

Thank you very much! You are so helpful! @@AmitChristian

[@skulex4767]

thanks now i have some expertise

[@AmitChristian]

Skulex, awesome. All the best to apply the skills that you have learnt. Thanks. (A little favor: please like the video or subscribe to my channel for more videos like these.) Thanks.

[@yumiracunado4351]

This is such a good video! I learned so much from this, thank you so much!

[@AmitChristian]

Yumira, really glad to hear to you found the video useful. Please like the video or subscribe, if you can. Thanks again.

[@omkapoor6737]

sir why you used comment before inserting image tag ..... was there any work of that comment tag .... timestamp is 27:45

[@basingstroke]

Helpful ... thnx

[@AmitChristian]

Happy to help

[@jaihindagarwal8529]

Awesome stuff I really really appreciate your work Thank you for providing us this very useful video it helped me a lot as a beginner.

[@AmitChristian]

Hi Jai, thank you. I am glad that you found this video helpful. Please feel free to check out some other HTML related playlist. (kzbin.info/www/bejne/qoHaYWuop8p_irM). Also let me know if you have any suggestions. Thanks.

[@clidechauke6950]

that was amazing sir

[@AmitChristian]

Clide, I am glad that it was helpful to you. All the best. (please feel free to like or subscribe). Thanks.

[@random9159]

im kind off stuck with adding picturs when i add them it dosent show the image instead a small squar with a picture of a sorta hill

[@AmitChristian]

what it shows is the default icon for “image not found”, either your link is wrong or points to something that is broken. Can you please post a sample code here?

[@tfnchotagamer5774]

cool

[@AmitChristian]

Thanks for your comment.

[@DeiHarper9361]

Hi, I have a webste sqaved from high school. I'ts some cheezy thing I made about me and my gf at the time after taking a web page design class my senior year 2012. I just copy and pasted everything from the email I sent it to and copied it into notepad. Now I'm having a hard time trying to get it to become a website. Could you help me out? Is it because everything has been updated from over 10 years ago?

[@AmitChristian]

Lambochaser, it is always good to find some old gem that was created by us in the past. It may be cheesy but valuable to us. You should be able to make it work. It should work as before. Did you save it as .html file? Is the old site online (public)? When you open the site file, does it open in web browser like google chrome? If so, what does it look like?

[@jontremendez69420]

Thank you so much sir I hope you get more subs

[@AmitChristian]

Jon, appreciate your comment. Please feel free to share on your choice of social media, if you can. Thanks.

[@jontremendez69420]

@@AmitChristian I will

[@sketchdude4631]

Where could I get that text file with all the code guides in it

[@AmitChristian]

Here are some of the cheatsheets for HTML codes. I usually print them and keep it close to my screen for reference. You can also copy them into a text file to make your own custom HTML code guides. Here are few examples. web.stanford.edu/group/csp/cs21/htmlcheatsheet.pdf cheatography.com/kenlandtan/cheat-sheets/html-5/ Hope it helps. Good Luck. (A small favor, please like the video, if you can. Thanks.)

[@sketchdude4631]

@@AmitChristian Thanks : D

[@Explodyravioli]

Yes King thank you King

[@AmitChristian]

Glad it helped King.

[@venkateshkondagunta1230]

Good explanation thank you,

[@AmitChristian]

venkatesh, you are very welcome. Please like the video if you can.

[@nicholasperalo7754]

i am creating links for my company website using notepad++. I wanted to have a link that refernces a .msg file with a specific email format. For some reason i am having an issue referencing it. Does there need to be a specific format to reference and open a .msg file

[@AmitChristian]

Nicholas, if I understand your question correctly, you would like to link a specific MSG file (probably from Outlook) in your website. Here are some of my comments. Why would you want to directly link to MSG file? If it is an important document, can't you convert it in HTML format so that you can easily link from your website? As far as I know, it is not a standard practice to link to msg file. Thanks.

[@nicholasperalo7754]

@@AmitChristian Thank you for your response and to address your comments: there is a specific format for a supplier request that engineers at my company frequently use. I want a link to a .msg file so that engineers can click it and it directly opens an email on outlook containing the format with a blank address as the emails are sent to multiple different suppliers. I am not very educated on HTML as i am not a software engineer by trade and was given this role to take stress of our current software team which is shorthanded. if you believe converting to html format would help resolve this issue that would be a great use to me do you have any videos or advice for solving my problem. thank you so much for the response and i appreciate what you do

[@sowmyadevi2183]

sir iam using notepad++ only but when i am inserting an image it was not dispalying in browser.why?

[@AmitChristian]

I have a specific video to find out the reasons for the html image to not show up ? Can you please take a look at it? m.kzbin.info/www/bejne/bqrOoIRqps1_fNk

[@sowmyadevi2183]

Thnqq very much sir

[@mirrorimagegaming6271]

when i try to save the new file it says i dont have permission to save it into the note ++ file that i need administrator permission, can i save it anywhere or does it need to be in notpad++ in order to link it to my browser?

[@AmitChristian]

It is possible that you are trying to save file in Program Files folder or other restricted folders in Windows.

[@veronikapolishchuk771]

Thank you!

[@AmitChristian]

Thanks. Glad you liked it.

[@wejoudaljadoo3087]

thank you so much that was very helpful

[@AmitChristian]

Wejoud Aljadoo, you are very welcome. Please like the video if you can.

[@wejoudaljadoo3087]

@@AmitChristian i already did

[@AmitChristian]

Really appreciate it.

[@wejoudaljadoo3087]

@@AmitChristian hey im trying to find part two can u please mention me on it

[@AmitChristian]

Wejoud, I am not sure I understand your question, can you please explain, which of part 2 are you looking for and how do you want me to mention on it? Thank you.

[@angsiewnam4873]

Hello, how can I create a website using google chrome and notepad++?

[@AmitChristian]

You can write an html code in Notepad++ just as this video shows and then when you want to test the website or webpage, then go to View > View Current File in > Google Chrome. And it should open your website in Google Chrome for testing. Hope it helps.

[@belindajujutsu]

thank you so much sir!!

[@AmitChristian]

Belle, thank you. please like video or subscribe, if you can. good luck.

[@ababowedajo4964]

Thank you.

[@AmitChristian]

You're welcome! Abado. Glad to know that it helped.

[@ভোমরা]

Thanks♥

[@AmitChristian]

Borat, you're welcome.

[@yuvalzilberman4057]

where can i find the txt file?

[@muskankaur9006]

This video helps me a lot . Thank you.

[@AmitChristian]

muskan kaur, you are very welcome. Please like the video if you can.

[@PenielKulugh]

i tried adding an image but it didn't work. How d i do it

[@AmitChristian]

Look at this video that talks specifically about image issues. Thanks. kzbin.info/www/bejne/bqrOoIRqps1_fNksi=AccgjS4gPHxxlgfP

[@ajbr5221]

Excellent stuff

[@AmitChristian]

Andrea Buttazzo, you are very welcome. Please like the video if you can.

[@aliciawilliams8225]

Can you make a video on Javascript please or if you have one already, please can you share the link?

[@AmitChristian]

I do not have JavaScript video as of yet. I will try to make one in near future. Thanks for the comment.

[@aliciawilliams8225]

@@AmitChristian ok thank u. Do u have any videos on linking local pages using relative pathnames?

[@AmitChristian]

@@aliciawilliams8225 Yes. I do have a video that shows you how to create link with relative paths. Please check out this video. kzbin.info/www/bejne/anzJgWRtbrKgbNU the entire video is about HTML links, but if you are specifically looking for relative local links, you can skip to about 11:00 minutes. Hope it helps.

[@aliciawilliams8225]

@@AmitChristian Thank you, I'm going to review it now.

[@brianmenjah6792]

Thanks it helped

[@AmitChristian]

Brian Menjah, you are very welcome. Please like the video if you can. Thanks.

[@HolyQuran.n]

Why doesn't my work save into the website automatically like yours

[@AmitChristian]

What changes did you make? How did you save it? Please let me know more about the issue?

[@rsstudypoint2990]

So kindly give me solution how can i sort out this problem

[@AmitChristian]

Can you please post a sample code here? and I can take a look at it. Thanks.

[@user-ef9qz4rp8w]

Jesus Christ is Lord he Loves us God Bless.

[@AmitChristian]

Thanks.

[@UlsboldOtgonbayar]

Shut up

[@PteLearner-uv5yt]

No

[@audisseybardelas2907]

i copied everything exactly but it doesnt work

[@AmitChristian]

Purple, sorry to hear that. which part of code did you copy? Can you post it here and I can troubleshoot it? Thanks.

[@markjhonassamaniego9391]

mine doesn't working in img

[@AmitChristian]

Jhonas, can you please elaborate? Does image not showing up?

[@mamtaverma3530]

how to share it html page

[@AmitChristian]

Hi Mamta, would you like to share the video? or would like to share the html page? Can you please expound?

[@user-ef9qz4rp8w]

Jesus Christ is Lord he Loves us God Bless.

[@AmitChristian]

Thanks.