⌚ 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)
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.
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! :)
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?
⚡ 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 (ruclips.net/channel/UCbU0jmMgFAfmL1J1BHsEmAA) for more videos.
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?
@@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?
@@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.
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.
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.
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 ruclips.net/video/8ykoQ4qhLFw/видео.html
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!
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.
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🙏🙏
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.
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.)
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. (ruclips.net/video/VJbZS66UVoE/видео.html ). Thanks.
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?
@@aliciawilliams8225 Yes. I do have a video that shows you how to create link with relative paths. Please check out this video. ruclips.net/video/4KfP179Mm6s/видео.html 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.
Hi Jai, thank you. I am glad that you found this video helpful. Please feel free to check out some other HTML related playlist. (ruclips.net/video/tPw08rreLTQ/видео.html). Also let me know if you have any suggestions. Thanks.
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?
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?
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?
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.
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
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.
@@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
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.
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.ruclips.net/video/8ykoQ4qhLFw/видео.html
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?
⌚ 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)
Perfect, just perfect. Exactly what I've been looking for since yesterday
Thanks.
Please keep making these, you're an actual god-sent
Sheepie, that was one of the best comment I have got. Thanks a lot.
@@AmitChristian bro you really help me code
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.
Yusuf, this is one of the most heartfelt comment I have received in a quite while. Thank you.
Shut up
Thank you so much you taught me more in 10 mins than my teacher taught me in 2 months
Glad to help. All the best for your class
for real this guy is the Griffpatch version of HTML, hope you release more of this series
I had to look up for who the Griffpatch is. 😀. Thank you for your comment.
Comparatively best explanation ever seen thank you.
Yashni, thank you. I am glad that it was helpful. Please like the video, if you can. Thanks again.
everything you have taught was veeeeeery clear. i've been following every procedure and i have not messed anywhere. thankyou so much.
Bryant, thanks a lot. Glad that it was clear and helpful. All the best.
Best teacher ever easy to learn..❤❤❤
Thank you! 😃
Thank you sir this is my second time to try how to use notepad++ to build simple website your video really helped ❤
Glad it helped!
🚩 What HTML feature/topic, would you like to learn next? PLEASE SHARE YOUR COMMENTS. 🚩
Css..tutorial with Notepad++
adding forms
making somewhat a video game, if possible
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!
Great. Thank you for your comment.
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
Really glad to here.
thank you Sir for this video, teaching me more of in 40 minutes than my uni lecturer has in 2 months… thank you ❤️
Really glad to know that it was helpful. All the best with your class
I have been struggling to create one of these for the best three days bow, thank you for this sir
You’re welcome.
Thanks for this tutorial. It really makes it easier for an HTML newbie like me to navigate Notepad++
You’re welcome
Excellent video.
You are slow, clear and take us step wise towards the goal.
Please keep up the good work.
Thanks a lot!
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! :)
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?
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 🌟 🌟 🌟 🌟 🌟!
You're very welcome!
Well explained! I just learnt how to create a webpage, this was really helpfull.
⚡ 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 (ruclips.net/channel/UCbU0jmMgFAfmL1J1BHsEmAA) for more videos.
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?
@@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?
@@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.
Wow this is absolutely useful information. Thanks 🙏
Well done Christian thank you so much
Thank you
Excellent instruction video Amit. Thank you for making it available. John
John, thank you. Glad that it was helpful.
Thanks for the video, it really help with my school project! Much love from France
Happy to help! TimoTtt. All the best for your school work.
Thank you Amit for this good lesson, clear and easy to understand.
You are most welcome, Edgar.
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.
Coming soon!
Best tutorial indeed!
Simon, thank you for your comment
Great Video
Glad you enjoyed it, Colonel Uganda. Please like the video if you can. All the best.
Good teacher
Thank you.
Thank you sir, my learners will really enjoy this. Good teachings.
Odetty, my pleasure. Please like/subscribe if you can. Thank you for commenting.
Well explained. Thank you very much.
Thank You Nic. Glad to know that it was helpful.
Great video for beginners 👍
Glad you liked it. Feel free to share with others..
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
amazing tutorial! Only thing i can`t get to do is with the picture, can i get some help?
Try this.
HTML Image Not Showing in Web Browser - FIXED
ruclips.net/video/8ykoQ4qhLFw/видео.html
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.
Thank you. Glad to know that it was helpful. Thanks for the comment also. All the best with your class.
This was very helpful, and I'm sure I'll refer back to this, thank you very much!
Glad to know that. Thanks for the comment
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.
Glad to hear that! Good Luck for the project work.
thx@@AmitChristian
Thank You , Thank you!! Such a good tutorial. God bless you!
You are so welcome!
Thank you Amit for making me want to create my own website!
Johnluke, glad that it was helpful. Thank you for your comment.
great work
i need videos on php
Thanks. May consider making videos on php in future.
cannot wait
loved it. Very complete and easy to understand. Thank you so much
You’re welcome. Glad you liked it
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.
Edidiong, Thank you for your encouraging comment. Yes, feel free to share it with others. Thanks.
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.
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
ruclips.net/video/8ykoQ4qhLFw/видео.html
Thank you very much! You are so helpful! @@AmitChristian
This was very powerful presentation, thank you.
Tamar, you’re very welcome. Glad that it was helpful. Plz like the video if you can. Thanks.
Good evening Sir
Thank you very much for the good tutorial. Keep up the GOOD work!
Claude, thank you. Glad that it was helpful.
Thank you sir...u helped a lot...keep making more such videos 😊❤
Glad to help. Thanks.
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!
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.
@@AmitChristian I suggest you make more html tutorial, for medium starters :D thanks again sir
this was very helpful, thank you
Glad to know that it helped. Thanks for the comment.
cool
Thanks for your comment.
so useful
thank u
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🙏🙏
Thank you so much sir
Waiting for more tutorial 😍💕
You’re welcome. Glad to know it was helpful.
You're an amazing person you deserve bigger family of subscribers
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.
thanks now i have some
expertise
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.
Where could I get that text file with all the code guides in it
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.)
@@AmitChristian Thanks : D
Helpful ... thnx
Happy to help
Thanks for the video it was really helpful. Iam about to start this new unit. Wonderful
Viperfj, Glad it was helpful! Thank you for your comment. (A small favor, please like the video if you can.) Thanks again.
Wow this is so good. I have learnt a lot. Thank you so much
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. (ruclips.net/video/VJbZS66UVoE/видео.html ). Thanks.
Thank you so much, this was beyond helpful!!
Armela, You're so welcome! Please like or subscribe if you can. Good Luck.
thank you very much sir !!!
keep going...
Thank you Lucifer, all the best.
that was amazing sir
Clide, I am glad that it was helpful to you. All the best. (please feel free to like or subscribe). Thanks.
hello can you please help me? When I try to open the web page with chrome nothing shows up. Its just a blank page.
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?
Yes King thank you King
Glad it helped King.
Thank you for this video, this was a great tutorial.
Alex, glad to know that it was useful. Thanks.
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.
Pleas see my reply. Thank you.
This is such a good video! I learned so much from this, thank you so much!
Yumira, really glad to hear to you found the video useful. Please like the video or subscribe, if you can. Thanks again.
Plugging in the image didn't work for me only gave me the small default image icon. How does this work?
can you post a image link line here and I can take a look at it. Thanks.
sir why you used comment before inserting image tag ..... was there any work of that comment tag .... timestamp is 27:45
Good explanation thank you,
venkatesh, you are very welcome. Please like the video if you can.
where can i find the txt file?
Thank you!
Thanks. Glad you liked it.
Can you make a video on Javascript please or if you have one already, please can you share the link?
I do not have JavaScript video as of yet. I will try to make one in near future. Thanks for the comment.
@@AmitChristian ok thank u. Do u have any videos on linking local pages using relative pathnames?
@@aliciawilliams8225 Yes. I do have a video that shows you how to create link with relative paths. Please check out this video.
ruclips.net/video/4KfP179Mm6s/видео.html
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.
@@AmitChristian Thank you, I'm going to review it now.
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.
Hi Jai, thank you. I am glad that you found this video helpful. Please feel free to check out some other HTML related playlist. (ruclips.net/video/tPw08rreLTQ/видео.html). Also let me know if you have any suggestions. Thanks.
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?
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?
Thank you so much sir I hope you get more subs
Jon, appreciate your comment. Please feel free to share on your choice of social media, if you can. Thanks.
@@AmitChristian I will
Thank you.
You're welcome! Abado. Glad to know that it helped.
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?
It is possible that you are trying to save file in Program Files folder or other restricted folders in Windows.
Hello, how can I create a website using google chrome and notepad++?
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.
Thanks♥
Borat, you're welcome.
thank you so much sir!!
Belle, thank you. please like video or subscribe, if you can. good luck.
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
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.
@@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
thank you so much that was very helpful
Wejoud Aljadoo, you are very welcome. Please like the video if you can.
@@AmitChristian i already did
Really appreciate it.
@@AmitChristian hey im trying to find part two can u please mention me on it
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.
My images won't show on my webpage, how can i fix this ? This is the format I used:
Please check this video that specifically is about html image not showing up. Hope it will help.
m.ruclips.net/video/8ykoQ4qhLFw/видео.html
sir iam using notepad++ only but when i am inserting an image it was not dispalying in browser.why?
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.ruclips.net/video/8ykoQ4qhLFw/видео.html
Thnqq very much sir
Excellent stuff
Andrea Buttazzo, you are very welcome. Please like the video if you can.
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
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?
notepad LNK for dwnlod ??
Just google it. It should be the first one.
This video helps me a lot . Thank you.
muskan kaur, you are very welcome. Please like the video if you can.
i tried adding an image but it didn't work.
How d i do it
Look at this video that talks specifically about image issues. Thanks.
ruclips.net/video/8ykoQ4qhLFw/видео.htmlsi=AccgjS4gPHxxlgfP
So kindly give me solution how can i sort out this problem
Can you please post a sample code here? and I can take a look at it. Thanks.
Why doesn't my work save into the website automatically like yours
What changes did you make? How did you save it? Please let me know more about the issue?
Thanks it helped
Brian Menjah, you are very welcome. Please like the video if you can. Thanks.
mine doesn't working in img
Jhonas, can you please elaborate? Does image not showing up?
how to share it html page
Hi Mamta, would you like to share the video? or would like to share the html page? Can you please expound?
i copied everything exactly but it doesnt work
Purple, sorry to hear that. which part of code did you copy? Can you post it here and I can troubleshoot it? Thanks.
Jesus Christ is Lord he Loves us God Bless.
Thanks.
Jesus Christ is Lord he Loves us God Bless.
Thanks.
Shut up
No