HomeХобби и стильRelated VideosMore From: LearnCode.academy

Web Development Tutorial for Beginners (#1) - How to build webpages with HTML, CSS, Javascript

25486 ratings | 3078128 views
Once you're done with this, checkout lesson #2 - introduction to CSS: https://www.youtube.com/watch?v=gBi8Obib0tw How to put your website online (with coupon): https://www.youtube.com/watch?v=tq7dqdHCc7U How to build webpages with html, css, javascript tutorial for beginners. In this video, we'll cover how to develop websites using just the computer you have already. I'm using Sublime Text editor http://www.sublimetext.com/ and Google Chrome Other great text editors: Atom.io Brackets.io Notepad++ Now, if you just want a website and don't want to be a web developer, don't mess with learning all of this, get a site from squarespace.com and use squarespace plugins from http://thecustomsquare.com to make your site unique. Learn how to develop your own websites using the computer you already have. The basics of web development is the html file, which is centered around html tags. In this first lesson, we'll cover the basic html tags and how to use them to build a web page. Once you learn HTML, you can use CSS to add style to your pages and JavasScript to add animation and fun features. Learn Javascript with the Javascript tutorials for beginners: https://www.youtube.com/watch?v=fGdd9qNwQdQ&list=PLoYCgNOIyGACnrXwo5HMCfOH9VT05znGv -~-~~-~~~-~~-~- Learning Web Development? Watch the FREE COURSE: "Web Development for Absolute Beginners"! https://www.youtube.com/watch?v=gQojMIhELvM -~-~~-~~~-~~-~-
Html code for embedding videos on your blog
Text Comments (2354)
Arrow Styles (3 days ago)
I'm using Sublime and I would like to know how I can open it in local host. Please help soon.
JeSoos Channel (4 days ago)
Hello mate, thank you for making this series of videos. I am a student that is currently learning how to code with java script. these videos are really helpful, thank you for making them
Akaryn (5 days ago)
but how can i open the website?
aesthetic pro. ooo (5 days ago)
How customer get on next webpage from main home web page please tell
Dark Nigga (5 days ago)
What i dont get is how can i share a html file to someone? I cant send it, only text comes out with no links nor pictures
Santokio (8 days ago)
My picture doesn't work. I only get the picture icon. How can I fix?
ILM ROSHNI (8 days ago)
how to download app html
AJ SZANDOR (9 days ago)
it keeps opening in explore, how can I change it to chrome?
Callsign GHOST (9 days ago)
Holy shit this is waaaaaay simpler than people makes it sound 👨🏼‍💻🙇🏼🤦🏻‍♂️
Pase Aci Pase Thakbo (9 days ago)
Thanks a lot bro..
Фархад хан (9 days ago)
hi i am a web developer and i am expert in 1C-Bitrix now i want to test wordpress with Divi this kind of header is possible to make in Divi? if yes please give an simple example and i will code. the header is in the link 8 columns and 2 rows. https://www.extyl-pro.ru/
Mike Dalia (9 days ago)
I would recommend sublime text cause its free and also it has auto generate code
moumita k (9 days ago)
awesome video .
Peda Baji (11 days ago)
can u tell me the best editor for both css and html and certification course websites please
mobile gaming (16 days ago)
In which software you are writing code I have tried notepad but it doesn't work
NinjaPy (17 days ago)
how do i open the code on the internet?
Nekoya Gates (18 days ago)
y dosent it do a indent for me when i try to do the head like it did u
Digi Biz (20 days ago)
Website Development for 5999/Rs-Only. Contact no: 6282922248
Abraham Roy (20 days ago)
Website Development for 5999 Contact no: 62820922248
when i save it shows an error HELP ;-;: The Process Cannot Access It's File Because It Is Being Used By another Process .
MagicNoob (21 days ago)
its a virus dont listen to this thief
Groove Designer (21 days ago)
Good tutorial, But there is also another option to learn about web designing from the beginning . It will also cover the basic of website and its related field. So you must watch this:- https://www.youtube.com/watch?v=Wf8D0oEiTVU You can share your views on it.
Matt Lau (23 days ago)
I would love to work remotely
RAJ EXPLORE TV INDIA (25 days ago)
Any one here in october
Lakshay Chandan (28 days ago)
can not save the page as html an error occurs all the time anything that shows details about saving it.
Kaden High (28 days ago)
Brilliant, thank you very much
Aidan's Games (30 days ago)
William De Roo (30 days ago)
How do i find my site?
SONOWAL PALASH (1 month ago)
Escale Solutions: https://www.escalesolutions.com
Lucas XXL (1 month ago)
Because tags like br and img dont have end tags you have to put them inside the opening tags: <br/>
Saif Khan (1 month ago)
Your baby is looking for you mom cannot take care:)
Wenusha Malintha (1 month ago)
For better web hosting visit https://www.bluehost.com/track/wenusha/
Kapil Sharma (1 month ago)
i liked this video. you can find more video and resource for learning. Learn free programing from there http://play.google.com/store/apps/details?id=com.vconnekt.app https://itunes.apple.com/us/app/vconnekt/id1434510746?ls=1&mt=8
how can i open this html page please response
Julian Boron (1 month ago)
No Way he just said it's a programming Languge :O
Neo Coin (1 month ago)
Hello @LearnCode.academy, Please give me your mail id I want to talk with you.
ahmad fadly effendi (1 month ago)
lThellRockl (1 month ago)
Hey man. THanks so much for the video guide. it really helped me alot. I've got a problem tho, my html codes doesnt work now and i dont know why. I'm trying to put in more <p> after the 2 pictures and the rest of the words doesnt fit into the webpage itself. Is there a limit to how any words i can put into the page that i created? Or im stucking on something that i cant see? Thanks so much for helping in advance :D
Anish Lohani (1 month ago)
Which software do you use to develop website.....I am planning to learn web developer
SEO Services (1 month ago)
https://www.youtube.com/seoservices https://www.youtube.com/watch?v=qxB57uIdxCg https://www.youtube.com/watch?v=SP--HybxL9c https://www.youtube.com/watch?v=Egx_2e9gd_4 https://www.youtube.com/watch?v=5_2TbjFAnM8 https://www.youtube.com/watch?v=tb2owR2VDO8 https://www.youtube.com/watch?v=i9Dc_Ifyk-U https://www.youtube.com/watch?v=LvdFymbJORQ https://www.youtube.com/watch?v=LcU-B8ScQLA https://www.youtube.com/watch?v=Bbp_FRDW_G4
Sandesh Badekar (1 month ago)
Html so easy
Sandesh Badekar (1 month ago)
LeP1ggy (1 month ago)
i have a question what keys do you press to select the sentences and move them around to certain places, what shortcues do you use to get to the place you want to write quickly
TheSilentAssassin700 (1 month ago)
I can't get the file to open from sublime to chrome, what am I doing wrong?
Nazariy Medukha (1 month ago)
Thanks! I've just created my fist Hello World web page and I'm happy as a child.
Joshua Sibilla (1 month ago)
very good starting video for starters i use this to teach a couple of my students if they need extra help.
elisha day (1 month ago)
Anyone looking for a full stack developer or website made in front end and professional email [email protected] also if you need help installing or migrating a site into wordpress!
Hansel Irevec (1 month ago)
how is this man getting everything he types in sumlime text to show up on the opposing page? im stuck on step one when he tells us to save it as an index.html file, im so sorry but can somebody call me an idiot and help me out ?
Vjvjvjb Vufbvjcv (1 month ago)
when i link the images they wont load .why ?
Steve Freeman (1 month ago)
If you are still "alive and taking questions", I have a question. I have a table, table background is a photo. I want to write text inside cell; so to see it I set this: bgcolor="#FF00FF"> But what I really want is some degree of opacity - I'd like to set it to 75% white/opaque so I can write text in this cell using a black font; but still see some blur of the photo underlying. So I guess my question boils down to this - what is the magic setting of bgcolor=opaque? I tried to find this out here:https://www.computerhope.com/htmcolor.htm but was not successful. Please let me know steve at freisco com
ComputerTech Pandey (1 month ago)
Nasr Hussain (1 month ago)
Can I use this for a ebay description HTML
nabil benamor (1 month ago)
how to open my webpage in google chrome ?
Feghali Racing (1 month ago)
what software do you use
Samaira Singh (1 month ago)
The explanation given above has been the most simplistic one. Thanks for placing the efforts. If someone wants to build his/her website with ease, ready made themes to use instantly, then you can try out http:www.buildabazaar.com. Its easy GUI(Graphic user interface) helps you build websites with ease. The basics learned in this video will help you understand more about website building. And trust me its not a hard task at all!
Osaid (1 month ago)
Finally a serious video, not a wix shit
Paulo Allen Del Valle (1 month ago)
unable to save index.html permission denied what can I​ do with that?
Pontus Gavelin (22 days ago)
Try opening Sublime (or whichever text-editor you use) in administrator mode (right click the app icon and select "launch as administrator"). That should do the trick, if you haven't found a solution yet.
Michael (2 months ago)
Golden Fantasy (2 months ago)
It looks like a foreign language lmao you said it.
yosepgenaro gea22 (2 months ago)
tolong bang kasih tau situs buat web
Vladi Marg (2 months ago)
how do you view your webpage on google or chrome
MusicFilmArtLover (2 months ago)
Thank you for producing an excellent lesson!
Destruction king (2 months ago)
at first youu wrote <br> then </br> I don't understand the meaning
Isaiah Higgins (2 months ago)
I love how there's a wix ad in an html tutorial.
Cryptonature Ben (2 months ago)
My tags are not green sir why?
Tiến Hoàng (2 months ago)
Jeran Lucas (2 months ago)
Get SoloLearn on mobile and on PC to learn all popular coding programs <3
i love tae with kookie (2 months ago)
Seems like aliens language may be it's because of being a business background student. It's ok I won't give up.👍
Brico Boy (2 months ago)
please bro can you do a video with tables?
wandeto (2 months ago)
Kudos great educational video easy to understand, just beginning to learn this for my project, thank you can use all the help
Fartnoise9 (2 months ago)
How do you open up the local host page on the right side?
haris martan (2 months ago)
If you are new in the business of owning and managing a website, there are a lot of things that you have to make sure that your website is running effectively and efficiently. Here is related article: https://www.hellowebmaster.com/how-you-can-get-the-most-from-your-new-website/
Darian XD (2 months ago)
it doesn t show me the picture on google
PrimzyKovac (2 months ago)
Can somebody help me? It doesn't load any pictures for me when I use <img scr=""> tag and I've tried multiple pictures from diferent sites.
Rishab Jaitly (2 months ago)
Anyone want to develop their own customized website please contact me on [email protected] or +919501110692.
Yung KevoYT (2 months ago)
how to connect google chrome and sublime text
Soraya raj (2 months ago)
Want to be a website developer and designer . visit for studying these courses for free : www.aqubyte.com
Osezele Imiefo (2 months ago)
its not working
priyanka priya (2 months ago)
There are many ways to create a website but however with certain restrictions. Best way I would like to suggest is to know the basics of web designing with html and css and then start creating the website of you choice. #www.bynd.co.in
savory icon (2 months ago)
I have a windows 7 pc, will sumlimetext work on the older pc like the one I have? Thanks
Karloo (2 months ago)
brackets is best text editor, it really is
faraz uddin (2 months ago)
You missed the <table> tags
mikej747 (2 months ago)
WARNING!!!! Even though he says "for beginners" in his title, these tutorials ARE NOT for "beginners". You must have coding knowledge to understand these videos. You WILL NOT understand what he is doing further along and he DOES NOT EXPLAIN ANYTHING. He will start with code written and web pages done and he does not explain how to get to where he STARTS his videos at. So if you don't have ANY prior knowledge of coding like myself, DO NOT WASTE your VALUABLE TIME on these "BEGINNER TUTORIALS", this IS NOT for beginners. I wasted my time, don't waste yours, go find REAL TUTORIALS FOR BEGINNERS, THIS IS NOT IT! Some people don't know how to teach, this is one of those people. He must think you can read his mind through the screen or something, I don't know, but I do know, this is NOT FOR BEGINNERS.
Akhil Gadkari (2 months ago)
easy way to developed website.!!!!!!! https://cll.press/3zmn5
Quinten Stone (2 months ago)
Can anyone help? I did the basic stuff like in the video and it worked fine, but if I go to the page on my browser it doesn't show changes I made to the page. I use Sublime Text
Raita Sorin (2 months ago)
can you shows us how you you chrome is refreshing himself ?
Vinod Kumar (2 months ago)
I am sorry, how do you open the local host on chrome! ?
Chira Mast (2 months ago)
I am having soo much fun learning this! Thanks to lurking a few forums over the years that use BBCode, I am already familiar with a lot of these tags! Thanks for posting!
SHreyaSH (3 months ago)
Hey man !! This is awesome ! Am your new subscriber! Hoping for more good videos . I have started web development today . Thanks in advance .
peyman teymouri (3 months ago)
if still it doesn't work check this site https://bit.ly/2Pe0LnW
William Noah (3 months ago)
wow... amazing video .. nice information Visit Right Here : http://demo.designinvento.net/classiads/ ClassiAds is the best Classified Ads WordPress Theme on Themeforest. We know its a perfect choice for your business. Super flexible, Rich with features availability, Drag and Drop system with page builder and Top payment gateways and Classiads is fully 100% responsive wordpress theme.
zak laa snape (3 months ago)
Your explanations are on point keep up the videos 👌🏻
Vaibhav Ramola (3 months ago)
Hyperlink is not opening please help.it shows that file not found
Mr FoxyYtg (3 months ago)
How do I open a file on windows
Quinn of Heart (3 months ago)
Do I really need to view in browser everytime I type someting just to show my updated types?
mikej747 (2 months ago)
Samjhawan Ki (3 months ago)
Bro, I wanna show the head line at center and Links at a side , How can I made this.
lowercase (3 months ago)
How did you get your sublime text coloured?
Exquisite Beats (3 months ago)
okay but how do i make an actual website with the name i want where i can just go www.example.com ????
Spencer Roper (3 months ago)
8:21 for smug simon
AimLessHD (3 months ago)
How do i start my file as a webiste? (like you did on the right side of the screen?)

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.