Тёмный

Create quick web document (HTML FILE) and open in Chrome on Windows 10 

MainlyWebStuff
Подписаться 2,6 тыс.
Просмотров 296 тыс.
50% 1

In this video we quickly create a basic HTML page in Visual Studio Code (Windows 10) and open it in Google Chrome.
00:00 Introduction
00:15 Creating a new HTML file and saving
00:45 Add basic HTML code
01:04 Open HTML file in chrome
#htmlfile #html

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

 

24 апр 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 107   
@RoadToDawn5
@RoadToDawn5 7 месяцев назад
It's a simple, yet essential video, thank you my friend.
@MainlyWebStuff
@MainlyWebStuff 7 месяцев назад
Glad it was helpful!
@michaelshelby4181
@michaelshelby4181 3 года назад
Thanks a lot it was really helpful ❤️
@MainlyWebStuff
@MainlyWebStuff 3 года назад
Glad it helped!
@joziejoe4771
@joziejoe4771 2 года назад
It was very easy Thank you for this!
@MainlyWebStuff
@MainlyWebStuff 2 года назад
You're welcome
@eze_uju
@eze_uju Год назад
God bless you for this content!!
@MainlyWebStuff
@MainlyWebStuff Год назад
Very kind. I hope you found the video useful on how to create a HTML page with Chrome and opening a HTML page in Chrome. Good luck with your project.
@lightofthelord5821
@lightofthelord5821 Год назад
Thank you, I was stocked on this But this video really helped me
@MainlyWebStuff
@MainlyWebStuff Год назад
Glad I could help
@danielstoyanov
@danielstoyanov 3 года назад
Thank you! It's helps me a lot!
@MainlyWebStuff
@MainlyWebStuff 3 года назад
Glad it helped!
@egiteguhyp2480
@egiteguhyp2480 3 года назад
Thanks, it's really work (Windows 10)
@MainlyWebStuff
@MainlyWebStuff 3 года назад
Glad it helped with Windows 10
@vaclavvaclav7996
@vaclavvaclav7996 3 года назад
Thank you. You helped me
@MainlyWebStuff
@MainlyWebStuff 3 года назад
Glad I could help
@gamingandrey3059
@gamingandrey3059 Год назад
mann tysm u helped me alot im at 8grading rn ty for the help =D
@MainlyWebStuff
@MainlyWebStuff Год назад
I am glad it helped you with your 8th Grade work. Good luck.
@widanagehimsara2558
@widanagehimsara2558 3 года назад
👌👍
@MainlyWebStuff
@MainlyWebStuff 3 года назад
Glad it helped.
@michaelmartinez1466
@michaelmartinez1466 2 года назад
FINALYYYYYYYY! thank you sir
@MainlyWebStuff
@MainlyWebStuff 2 года назад
glad it helped.
@Hackattackgaming
@Hackattackgaming 2 года назад
Okay so what if you wanted to create a link for that html file to show others, how would you do that?
@MainlyWebStuff
@MainlyWebStuff 2 года назад
You would need to publish your HTML page on the web. Find some web hosting and upload your html page, then you can share the link with your friends. Good luck with your project.
@entrepreneur_tate
@entrepreneur_tate Год назад
Thank you sir for you're help😌 and I'm from india
@MainlyWebStuff
@MainlyWebStuff Год назад
Most welcome! I am glad it helped you create a HTML page in Chrome
@Rainbow12362
@Rainbow12362 Год назад
Thanks A lot. It helped me very much.😄
@MainlyWebStuff
@MainlyWebStuff Год назад
Glad to hear that. You are welcome.
@avisenkintso2008
@avisenkintso2008 2 года назад
Thanks alot...it was so helpful...
@MainlyWebStuff
@MainlyWebStuff 2 года назад
Thanks for you kind comment. I'm glad it helped you. More web development videos coming soon
@deardavid1594
@deardavid1594 3 года назад
Thank you Bro
@MainlyWebStuff
@MainlyWebStuff 3 года назад
You are welcome - glad it helped you.
@LaFormationEfficaceEnExc-xz9vq
@LaFormationEfficaceEnExc-xz9vq 7 месяцев назад
May God bless you
@MainlyWebStuff
@MainlyWebStuff 7 месяцев назад
glad it was helpful
@gajequestrian5445
@gajequestrian5445 3 года назад
Thank you!!!
@MainlyWebStuff
@MainlyWebStuff 2 года назад
You're welcome! I'm glad it helped.
@jorginho564
@jorginho564 3 года назад
But is it possible to open an html file in android?
@MainlyWebStuff
@MainlyWebStuff 3 года назад
Yes, launch the chrome browser app and type in file:///sdcard/ This will show all files on your SDcard, tap on a HTML file and it will open in the browser.
@kazimmehdisaiyad6714
@kazimmehdisaiyad6714 Год назад
thankyou sir its very helpful
@MainlyWebStuff
@MainlyWebStuff Год назад
Most welcome
@BrightFutures244
@BrightFutures244 2 года назад
Hi. Can you help me Pls. I just started learning web design and my images are not displaying on the browser. I'm using Google Chrome.
@MainlyWebStuff
@MainlyWebStuff 2 года назад
If the images are not showing its usually because the browser cannot find the file. In the browser, right click on the image (where it should be) and select 'Open Image in New Tab' This will open the image in a new browser window. Look at the address bar to see the name of the image - is it correct? In this bit fo code you're asking the browser to show the image called apple.jpg, which should be in the same location as your html file. Missing images when creating html files is quite common, so keep debugging - it'll make you a better developer. Good luck with your studies. More web videos coming soon. 1. check the html (img element is correctly formed) 2. check the file name 3. check its a valid image type (jpg, png, webp etc)
@MainlyWebStuff
@MainlyWebStuff 2 года назад
You might find this video useful ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-adL9gHlqZYA.html
@MainlyWebStuff
@MainlyWebStuff 2 года назад
And probably best to enable file extensions if you're using windows www.howtogeek.com/205086/beginner-how-to-make-windows-show-file-extensions/
@BrightFutures244
@BrightFutures244 2 года назад
@@MainlyWebStuff Thanks so much. My images are showing now. Now I'll ask you questions anytime I encounter a problem. Thanks again 😊
@RealDruMega
@RealDruMega 3 года назад
Thanks!
@MainlyWebStuff
@MainlyWebStuff 3 года назад
No problem. Glad it helped.
@farhanwasifjoy4850
@farhanwasifjoy4850 2 года назад
Tnxx...sir.....very very tnxx.... Its very helpful to me
@MainlyWebStuff
@MainlyWebStuff 2 года назад
Most welcome
@stoneheart7789
@stoneheart7789 3 года назад
Thank you.
@MainlyWebStuff
@MainlyWebStuff 3 года назад
You're welcome!
@mohamedhvathudh9156
@mohamedhvathudh9156 3 года назад
Thank you brother
@MainlyWebStuff
@MainlyWebStuff 3 года назад
Most welcome.
@srinivasavadhanam2943
@srinivasavadhanam2943 3 года назад
yeah it was really help full
@MainlyWebStuff
@MainlyWebStuff 3 года назад
welcome.
@navanava1370
@navanava1370 2 года назад
Thanks a lot ❤️ bro....
@MainlyWebStuff
@MainlyWebStuff 2 года назад
No problem, glad it helped.
@pk_purple
@pk_purple Год назад
Hello, I need help. whenever i open the file into chrome it shows me the stuff written on the txt file, what do I do? please help
@MainlyWebStuff
@MainlyWebStuff Год назад
Ensure you save the file with a .html extension and also check that your HTML is valid. You can use the validator to check your HTML code ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Gb9ElvxZYZ8.html
@abeerafazal6700
@abeerafazal6700 2 года назад
How to open several files in chrome that are already by default in explorer
@MainlyWebStuff
@MainlyWebStuff 2 года назад
In windows you can right click on a file, to change which app it will open in.
@mahekrathod1027
@mahekrathod1027 3 года назад
Thank you
@MainlyWebStuff
@MainlyWebStuff 3 года назад
You're welcome
@xemusic7997
@xemusic7997 6 месяцев назад
thank you so much
@MainlyWebStuff
@MainlyWebStuff 23 дня назад
Welcome, hope you found it useful.
@relaxing630
@relaxing630 Год назад
Thanks a lot 😀☺️
@MainlyWebStuff
@MainlyWebStuff Год назад
Thanks
@fate9953
@fate9953 2 года назад
okay but how do you do so your microsoft account name isnt the url on the top cuz i dont want my name in there
@MainlyWebStuff
@MainlyWebStuff 2 года назад
Consider using a little server.. here is a video showing you how to set it up.. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-tk8wLMJ7diQ.html
@malcomx4703
@malcomx4703 3 года назад
thanks alot
@MainlyWebStuff
@MainlyWebStuff 3 года назад
Most welcome
@banupriya3443
@banupriya3443 9 месяцев назад
Thank u so so so much....
@MainlyWebStuff
@MainlyWebStuff 8 месяцев назад
Most welcome 😊
@roceromixvlogs6492
@roceromixvlogs6492 2 года назад
Thanks for this 😍😍😍😍😍
@MainlyWebStuff
@MainlyWebStuff 2 года назад
No problem 😊 I am glad it helped you create a HTML document and get it working in Chrome. Good luck with your project.
@bigboss6859
@bigboss6859 Год назад
it was really helpful😁
@MainlyWebStuff
@MainlyWebStuff Год назад
Glad you found it useful on how to create a html file and open in chrome
@hassnaeibnoucheikh5817
@hassnaeibnoucheikh5817 Год назад
tusm it was verryyyyy helpful
@MainlyWebStuff
@MainlyWebStuff Год назад
glad it helped.
@faisalbehzad
@faisalbehzad 3 года назад
but its not working for my computer it looks like simple file
@MainlyWebStuff
@MainlyWebStuff 3 года назад
Make sure the file has a .html or .html extension (e.g hello.html) otherwise chrome will show the contents of the file... and not process the HTML
@harshitavispute1678
@harshitavispute1678 Год назад
thankyou verrrrrrrrrrrrrrrrry much
@MainlyWebStuff
@MainlyWebStuff Год назад
glad you found it useful
@farhanrahman1974
@farhanrahman1974 Год назад
Very glad to find this video Helped me a lot 😃
@MainlyWebStuff
@MainlyWebStuff Год назад
Glad it helped!
@user-uy1sk8mf8z
@user-uy1sk8mf8z 3 года назад
Thanks
@MainlyWebStuff
@MainlyWebStuff 3 года назад
No problem. Glad it helped.
@arbuz6216
@arbuz6216 3 года назад
thank you
@MainlyWebStuff
@MainlyWebStuff 3 года назад
You're welcome
@Jerry-eh8xz
@Jerry-eh8xz 2 года назад
Even I did this it still Not Showing in chrome, I even did the same to in Microsoft Edge, still nothing, i can only see the title of the page, i also clicked the refresh button ot reload button hundred of times, still not, I can't see what's in the body, help me pls.
@MainlyWebStuff
@MainlyWebStuff Год назад
Check the file to make sure you didn't make any html mistakes. The validator can help - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Gb9ElvxZYZ8.html
@riddhimaswonderland4136
@riddhimaswonderland4136 2 года назад
Can we do it in the notepad
@MainlyWebStuff
@MainlyWebStuff 2 года назад
Yes you can create HTML files using NOTEPAD. Just be sure to save the file with a .html extension, otherwise when you open it in chrome, it'll show the html (as a text file)
@fadiaboudi3234
@fadiaboudi3234 3 года назад
Can I save the folder in documents
@MainlyWebStuff
@MainlyWebStuff 3 года назад
Yes, you can save the file anywhere
@manas_s
@manas_s 2 года назад
can u help me ! and TAB key doesn't generate code
@MainlyWebStuff
@MainlyWebStuff 2 года назад
This will only work in Visual Studio Code. You need to make sure you save the file first (with a .html or .html extension) then you can press the tab key to create your HTML file.
@manas_s
@manas_s 2 года назад
@@MainlyWebStuff I saved my file but when I press TAB it just generate some spaces
@MainlyWebStuff
@MainlyWebStuff 2 года назад
You can check your settings file to make sure emmet is working. code.visualstudio.com/docs/editor/emmet
@EmrCom-km8yv
@EmrCom-km8yv Год назад
how to add image?
@MainlyWebStuff
@MainlyWebStuff Год назад
You might find this video useful - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-adL9gHlqZYA.html and ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Iz-lBPIJiYA.html
@hediyehh3416
@hediyehh3416 2 года назад
Thank you so much
@MainlyWebStuff
@MainlyWebStuff 2 года назад
You're most welcome, glad it helped.
@vivianiheanacho6214
@vivianiheanacho6214 2 года назад
Thank you
@MainlyWebStuff
@MainlyWebStuff 2 года назад
You're welcome
@jonathanshaw7355
@jonathanshaw7355 2 года назад
Thanks
@MainlyWebStuff
@MainlyWebStuff 2 года назад
No problem
Далее
How to put an HTML website online (on the Internet)
29:37
Background images with HTML & CSS
20:19
Просмотров 333 тыс.
HTML Tutorial - How to Make a Super Simple Website
33:24
How To Save & Open HTML File In Chrome
1:22
Просмотров 3,6 тыс.
Windows Utility Improved for 2024
17:56
Просмотров 25 тыс.
Learn HTML in 12 Minutes
12:17
Просмотров 7 млн
HTML Crash Course For Absolute Beginners
1:00:42
Просмотров 7 млн
Run HTML Files using Visual Studio Code 2022
2:07
Просмотров 499 тыс.