HTML Tutorial for Beginners

Поделиться
HTML-код
  • Опубликовано: 5 фев 2025
  • Learn HTML FAST from a professional developer. This course will get you into the career of web development. You'll learn HTML, CSS, & Javascript using modern tools so you won't be embarrassed on your first job interview!
    IMPORTANT! If you ONLY want a website for yourself or your business, DO NOT learn all this stuff...it's a waste of your time.
    Instead, click here: to go to WIX ADI bit.ly/2LQYBf7. Wix is by far the easiest and cheapest way to get a website up and running without learning the skills of a web developer.
    Note, that's an affiliate link, so feel free to snoop around on their site to find the Wix ADI on your own if you don't want to support this channel.
    In this video, we're going to learn how to build a website with HTML.
    In this tutorial html is the hero and we'll learn just how simple it is to get started...you really only need to learn a few words!
    The whole course:
    Web Dev 1: How to set up your computer for web development
    • Web Development Tutori...
    ~-~~-~~~-~~-~
    Also watch: "Tailwind CSS - why CSS utility classes save so much time"
    • Tailwind CSS - why CSS...
    ~-~~-~~~-~~-~

Комментарии • 223

  • @YourEverydaySheep
    @YourEverydaySheep 4 года назад +150

    You've explained this more clearly and concisely in 10 mins than any of my lecturers have done in multiple hours. Thanks for this.

    • @khanyameyiswa1356
      @khanyameyiswa1356 4 года назад +4

      Like Dude!!! This guy is awesome. These 3-8hrs crash courses are so discouraging. They make you imagine how long it'll take to get going. It feels like you at school. But this guy deals with VIP points and he just nail it 10000%✨👌

    • @monicadupree7928
      @monicadupree7928 3 года назад +3

      Right he teaching is soo awesome!! I understand his teaching soo much better than what I did, graduating from a Bootcamp. I still felt lost after Bootcamp. I understanding web development soo much better now. His channel is a lifesaver for a better career I feel more confident now applying for jobs after learning from his videos than Bootcamp.

    • @shulkonskyblockrwooosh3313
      @shulkonskyblockrwooosh3313 Год назад

      3

  • @yasuo7481
    @yasuo7481 4 года назад +74

    Something that I learned from this useful video:
    some tag we must have:
    ktf
    -----
    particular example:
    to
    , , , , and 2 and
    thank you this author's video did create the awsome video:)))

    • @yasuo7481
      @yasuo7481 4 года назад +2

      John Power thats all I understand

  • @oOSilverZackOo
    @oOSilverZackOo 6 лет назад +36

    You're the best teacher EVER!! Every explanation is so smooth, clear and well articulated that I actually started to get passionate about understanding how coding and programming languages and systems work! Keep going!

  • @djvesko
    @djvesko 6 лет назад +4

    You've kinda forgot to talk about semantics. I think that's the bread and butter of HTML. Wrapping text in doesn't make it bold, it indicates the importance of that text. Same with . I would say that especially in beginners guide, should this be covered. It would make web so much more accessible.

  • @dominikschipany8021
    @dominikschipany8021 5 лет назад +12

    I am taking a course at my school for web developement and since my final exams are coming up in a year I thought I might want to rewind all the stuff I learned and stumbled across this video. Thanks!

  • @eightfake9798
    @eightfake9798 4 года назад +3

    I've only just found this - how? I'm a photographer and always wanted to make my own website and online courses are always so expensive and hit-and-miss when it comes to quality. This free content on RUclips is always so much better. You have a very very good way of teaching, especially to clueless Neanderthals like myself. Thank you for creating such easy-to-watch content. :)

  • @BengaliwithIsha
    @BengaliwithIsha 8 месяцев назад +3

    7:49 for anyone wondering how to do multiple, you can double click on the paragraph line and and after its selected hold the keys ctrl+X together and after when it will be gone click ctrl+V together until you are sufficed.

  • @evaadams4243
    @evaadams4243 5 лет назад +2

    you made it sooooo very comprehensive! I listened and tried to learn from other web developers, apparently not everyone can teach! Thank you sir!

  • @DrSamsHealth
    @DrSamsHealth 5 месяцев назад

    I love how you covered HTML in less than 15 minutes - super helpful for someone like me!

  • @notorioustaki3423
    @notorioustaki3423 2 месяца назад

    simple and straigh to the point , i love it , it took a bit to find this kind of videos because most of them out there take toooooo long to get to the point .

  • @tuttifrutti1029
    @tuttifrutti1029 4 года назад +1

    Not sure how many people this will help but if you want to add more than one single space you can use   and it will add a space no required just add it in your text

  • @brianburch8062
    @brianburch8062 3 года назад

    I was attempting a different course, and got over my head quick. This is more my speed. Great vid!

  • @jerwellsavella97
    @jerwellsavella97 4 года назад +2

    This is very useful! and it can actually change someone's life because of the job that they can get after learning this skill.
    Thank you so much for this! I've been wanting to learn how to make a website since when I was younger, but I didn't have a chance to pursue it and go to an actual IT university.
    Definitely subscribing, and I will absolutely going back and will support your channel in the future too.
    Thank you so much.

  • @nachoboi_
    @nachoboi_ 5 лет назад +1

    Self closing tags (ie. img, br, hr) don't need a slash (). They are self closing which means they don't need anything to be added to be closed.

  • @ssticman
    @ssticman 5 лет назад +8

    I learned html in 11 min.... wtf it looked so hard at first but its so easy... thanks a lot

  • @BaldiGaming
    @BaldiGaming 4 года назад +42

    Quarentine be making me learn a third programming language

    • @totallynotnopysyoutubechanne
      @totallynotnopysyoutubechanne 10 месяцев назад

      your pfp and name already tells me that ur skills are beyond than just programming..

    • @BatGamesYT
      @BatGamesYT 4 месяца назад

      I'm learning my 2nd, I already know Luau(Roblox) and now I'm learning this ;)

    • @Maglcite
      @Maglcite 4 месяца назад

      We have many mutual subscriptions

  • @thembalephuthing
    @thembalephuthing 4 дня назад +1

    Good day. Nothing is showing on my html page live server page as follow you. The only thing that shows is Hello world only. What do I need to do?

  • @Diversusmilitary
    @Diversusmilitary 2 года назад +1

    Amazing tutorial!!! Finally someone that doesnt leave blackholes when explaining... you explai every single detail. Thank you

  • @eukaliptusowa
    @eukaliptusowa 6 лет назад +3

    thank you for your videos! I used to be really scared of those code lines, but you really make it look and sound easy :))). even if it's just the beginning and it gets way more complicated later on, it's great for those who, like myself, wouldn't even consider going deeper into this stuff for the fear it's too hard:). great work!

  • @mitulk1982
    @mitulk1982 4 года назад +1

    This has taught me a lot, I have currently started to learn CSS, HTML, and JavaScript. Can you give me any advice?

  • @matthewjumps
    @matthewjumps 6 лет назад +1

    good video but you shoulda mentioned and tags maybe?

    • @learncodeacademy
      @learncodeacademy  6 лет назад +2

      The first course I did, I jumped quickly into a tags, pages and layout style. It ended up being the #1 confusing point for new coders.
      So I'm introducing the concept of tags here first, then the concept of CSS rules in the next video, then we'll start building a page with links and s for styling.

  • @AnthonyTran-_-
    @AnthonyTran-_- 3 месяца назад

    This channel is awesome you deserve a sub!

  • @costi3100
    @costi3100 6 лет назад +1

    I was watching your videos from 2013 and wanted to ask you some questions, cause I think they are not at the current with this days. Thank you for doing this videos and I cannot wait to see the future ones! I see that you've change the program code, and you're not working anymore in sublime text. Good to know.

  • @amir_7alle9
    @amir_7alle9 5 лет назад +2

    thank u man for helping us, you're the best and continue what you're doing

  • @FizaMemon-z3i
    @FizaMemon-z3i 3 месяца назад

    I don't understand one thing that is, you have write my page in context, then what is the function of context. Please elaborate it ??

  • @cameronk8560
    @cameronk8560 5 лет назад +9

    this is of the most detailed well thought up tutorials good job

  • @JP3C3
    @JP3C3 5 лет назад +5

    OMG thank you so much! This is soooo much easier than I thought it would be. I really appreciate you taking the time to help people like me learn such a valuable skill.

  • @FizaMemon-z3i
    @FizaMemon-z3i 3 месяца назад

    You have explained so easily and in understandable manner !

  • @M0ren090
    @M0ren090 5 лет назад +2

    I really like your video. Very easy to understand.
    I've watched other tutorials in which I get easily confused. I can't wait to watch the rest.

  • @wizhaa
    @wizhaa 6 лет назад +1

    nice name will! or is it frank? just watched your older videos and made a nice looking low-key website that doesn't do much unfortunately, up to the bootstrap where it just became a copy-paste. hopefully these will be more on how to make css style ourselves. one thing i noticed was different was the ! enter upon creating the index ... all those links in the head - what exactly do those do and should we have them on our pages in the future or not to worry about it?

  • @errebusaether
    @errebusaether Год назад +1

    Very useful. You've explained the things needed in web development. (T-T)

  • @yakeshimi8886
    @yakeshimi8886 5 лет назад +6

    OMG I thought creating a web was a hard thing but because of your help I did it

  • @bellejeffs321
    @bellejeffs321 5 лет назад +1

    Ive been searching for a while now looking for courses/tutoials on web development and none of them have been made this easy to understand and apply. Thank you so much for making awesome web development videos!

  • @moin2803
    @moin2803 5 лет назад +4

    I love you are🤩🤩stoning and learning html from u is actually fun

  • @janbinas8602
    @janbinas8602 5 лет назад +2

    Hi LearnCode,
    Just want to congratulate you on an excellent tutorial series. Very high level delivery.

  • @JoyceUkamaka
    @JoyceUkamaka 9 месяцев назад +1

    Must the emphasis tag be in between the word to be used

  • @Lightdarksnake
    @Lightdarksnake 6 лет назад +8

    Keep the videos coming Will!

  • @8mpgmafia109
    @8mpgmafia109 6 лет назад +2

    These videos are great!! Is there a 3rd updated video in the works?

  • @lyrics-mezmur-1
    @lyrics-mezmur-1 Год назад

    Nice bro let's go 800k❤❤❤

  • @blame7121
    @blame7121 5 лет назад +1

    Great video, but I have a question regarding the "strong" and "em" tags. Why is not good to use "b" for bold or "i" for italic? Why "strong" and "em" are the ones that we should use?

    • @blame7121
      @blame7121 5 лет назад +1

      @@p9hitleri So they are old and devs don't use them.. So are they bad? Do devs not use them only because they are old? Because it seems mpre intuitive to go for the easier tag (compare to , which is easier to use?)

    • @salehashahid5716
      @salehashahid5716 5 лет назад +1

      @@blame7121 I had read somewhere that i and b also have different meaning and function depending on the browser
      Also try the app 'sololearn' note: the comments help more and are very useful :)

  • @stone2789
    @stone2789 4 года назад

    can we add atributes in for example the tag

  • @swyamdiptachakraborty
    @swyamdiptachakraborty 4 года назад

    Your should deserve 1M+ subscribers. :)

  • @tenc6491
    @tenc6491 3 года назад

    Hello mate! Thank you for this wonderful tutorial that was immensely informative and unbelievably easy to understand for a complete beginner like I am. You made it extremely simple to understand what you are trying to convey. That's what I call a good teaching skill. I thank you so much for this tutorial. It's helped me alot.
    Its been 3 days since I've started to self-teach Webdev and have watched several videos but none was as informative, precise, clear and easy to understand as your video was.
    Thanks alot mate ! You'll be my goto-person on Webdev henceforth. Thanks again and big brotherly hug from Paris.

  • @olutayodurodola5891
    @olutayodurodola5891 2 года назад +1

    Awesome tutorial

  • @niamariibratton
    @niamariibratton 3 года назад +1

    so I started doing a mock website and left it over night, when I came back the index.html wasnt saving the changes and I had to start over. is this normal?

  • @Т1000-м1и
    @Т1000-м1и 3 года назад +3

    I can't imagine having code in school now. I don't want to have confusing weird hours long lessons when there are videos like this and websites like w3schools. Thank you for everything.

  • @syafizasurani
    @syafizasurani 3 года назад

    nice video, i learn basic learning of html through this video. thumbs up

  • @Т1000-м1и
    @Т1000-м1и 3 года назад +1

    Thank you.

  • @randiarisman2419
    @randiarisman2419 5 лет назад +1

    Great videos, easy and fast to be understood, thank you so much. well done!!

  • @CrosbyConnect-jm5ov
    @CrosbyConnect-jm5ov Год назад +1

    I clearly went to college and studied the wrong course... Imagine I'm geeking over a button😂😂

  • @maile-sd6ne
    @maile-sd6ne 8 месяцев назад

    It's very useful for me. Thanks for this

  • @ThePreacherman9
    @ThePreacherman9 9 месяцев назад

    What are head tags exactly for?i know title goes inside head but what exactly is head used for?

  • @maefrankeberger853
    @maefrankeberger853 4 года назад +1

    Thank you so much for this video. I am confuse about the head and title and what the Head tag actually does?
    Thanks!

    • @taylorwilliams7580
      @taylorwilliams7580 4 года назад

      The head tag contains any Metadata. So specific information about the webpage like its title, scripts and css files.
      Metadata is pretty much data that explains other data so its explaining your website to services like google. So in the head tag you might have some metadata that says keywords to my website is "learning" and then google (and other services) know your website is something to do with learning.

  • @LegaciesNews
    @LegaciesNews 6 лет назад +4

    weres the other vids im enjoying learning it but want to start asap how long till the rest drop

  • @samanthashields1055
    @samanthashields1055 3 года назад

    Can you please tell me, I am creating a website and my home page, the background pic was being reproduced for my second page. On the second page, I can't do background color at all, please help? Thanks.

  • @chriso.wilkie7915
    @chriso.wilkie7915 4 года назад

    I thought the tags were and the content in it is defined as an element?

  • @InternetThugger123
    @InternetThugger123 10 месяцев назад

    Question: My website has multiple different topics, so when chosing My h1 and h2 is it a good idea to include the entire topics such as tennis games and twitch videos

  • @aselgeia2668
    @aselgeia2668 6 лет назад +1

    thanks for the series please keep videos coming!
    And will you explain to us what is the difference between HTML and HTML5 or CSS and CSS3?

  • @aidan6188
    @aidan6188 4 года назад

    Thank you! Great video.

  • @megapapanick
    @megapapanick 4 года назад

    holy crap this was useful thank you very much!

  • @thestarinthesky_
    @thestarinthesky_ 5 лет назад +1

    Thank you so much, I enjoyed watching it and of course learned a lot!

  • @navneettiwary2492
    @navneettiwary2492 5 лет назад

    Great video😀

  • @invisibleduck
    @invisibleduck 5 лет назад +2

    It's going great yet. Hope I'll learn the best at the end of it ❤️

  • @kritidiptoghosh4272
    @kritidiptoghosh4272 5 лет назад

    keep up the good work,its extremely helpful

  • @AIchangeE-commerce
    @AIchangeE-commerce 3 года назад

    This video is so clearly

  • @webprogrammingtutorials-alo69
    @webprogrammingtutorials-alo69 Год назад

    Useful. Thanks

  • @oneofyoursibling9307
    @oneofyoursibling9307 3 года назад

    Thanks a million 😇

  • @alseynidiop8650
    @alseynidiop8650 4 года назад

    You are the best. Thank you

  • @oneofyoursibling9307
    @oneofyoursibling9307 3 года назад

    Thanks a million.....😇

  • @LEGENDTHANOS230-h2s
    @LEGENDTHANOS230-h2s 5 лет назад

    Awesome video thank you!

  • @jackie-y4c
    @jackie-y4c 6 месяцев назад

    by god your videos are so helpful

  • @bhavikakapadia2462
    @bhavikakapadia2462 6 лет назад

    Thank you for makingit for beginner and what is used in a real environment

  • @carlpilongo539
    @carlpilongo539 2 года назад

    Can i use an image as a button?

  • @Magico_111
    @Magico_111 3 месяца назад

    when i do the slash its showing red color why does it do that

  • @HaymanotSami-in5ww
    @HaymanotSami-in5ww Год назад

    Thanks guys but the web is small can't see from your pic

  • @iseeflowers
    @iseeflowers 5 лет назад

    These updated videos have better display, easier to see.

  • @5cupsofcoffee104
    @5cupsofcoffee104 4 года назад

    how is he getting it to auto save and show on a local host/????

  • @reion78
    @reion78 Год назад

    Hi, can you please tell me, when you say "google" do you mean google web browser - chrome, or something else? (min 7:11). Thank you!

    • @scopyjunior
      @scopyjunior Год назад

      google search engine, so if you make a good and efficient website it will help you so your website will appear on top

  • @sheikhshakoor5062
    @sheikhshakoor5062 Год назад

    Oh my days your amazing

  • @shriharshkamble9
    @shriharshkamble9 5 лет назад

    thanks for all the videos.....

  • @abdulrehmanarshad354
    @abdulrehmanarshad354 6 лет назад +1

    hi will i have been watching your videos for a while now and they helped me real good. I wanted to ask when will u be uploading php tutorial videos
    p.s why did u stop using sublime

    • @learncodeacademy
      @learncodeacademy  6 лет назад +1

      I'm not so sure if I'll be doing PHP videos anytime soon. I'd personally steer people to Node.js any day, but I may also teach some PHP. We'll see! I used sublime for a LONG time, but vscode has won me over due to a cleaner user interface, REALLY nice features that are always kept up to date, and really good and easy community support for packages and an easy way to install and manage them.
      Overall, VSCode can do almost everything you want an editor to do right out of the box.

    • @abdulrehmanarshad354
      @abdulrehmanarshad354 6 лет назад +1

      Thank you Sir for such an humble reply i am more like a huge fan of you and your videos. You have such a fluent and beautiful accent. One more thing i wanted to ask HTML,CSS,JAVASCRIPT these all are front end development languages right could you please upload a video regarding how we can do jobs online with front end development(HTML,CSS,JAVASCRIPT etc) on like upwork or freelancer it would be a huge help
      P.s Are WordPress tutorials will also be coming in future.

    • @learncodeacademy
      @learncodeacademy  6 лет назад +2

      If you watch this video: ruclips.net/video/gVXcqO9A1vo/видео.html, I cover ALLLLLL the little details, tools, etc that HTML + CSS + JS entails. It sounds overwhelming at first, but it's not too bad to learn. I also explain what jobs are out there and what it takes for each job.

    • @abdulrehmanarshad354
      @abdulrehmanarshad354 5 лет назад

      @@learncodeacademy hi brother today i created my first website although it was for my sister it was all thanks to your videos and your teaching way
      www.hibaarshadali.com
      please check it out and rate it for me thanks SIR

    • @connectioncartoon
      @connectioncartoon 5 лет назад

      @@abdulrehmanarshad354 www.stackoverlode.com/web-development/html

  • @ktbffh4115
    @ktbffh4115 4 года назад

    what program are you using..?

  • @25scores82
    @25scores82 Год назад

    Please i need help
    I’ve been finding it difficult whenever i reach here, i don’t know why the live server doesn’t make any changes when i write a new word and I’ve tried my hardest best to sort it out but I’m still stuck. Any idea on how to get through this?

  • @elfpimp1
    @elfpimp1 6 лет назад +2

    Good vid. I use both vs code and atom. I like atom a bit more than vs code more for its flexibility and community developed addons..

  • @Hashimhamza007
    @Hashimhamza007 6 лет назад

    Great video. I am waiting for more videos

  • @renzomr17
    @renzomr17 6 лет назад

    What do you have below extensions in your visual studio?

  • @sameertripathi2813
    @sameertripathi2813 5 лет назад

    amazing...much thanks to you.

  • @gteturbosupramk3
    @gteturbosupramk3 6 лет назад

    I can't wait for more videos!

    • @ArNeN_osu
      @ArNeN_osu 5 лет назад

      @@amarjoshi5059 what

    • @connectioncartoon
      @connectioncartoon 5 лет назад

      @@ArNeN_osu www.stackoverlode.com/web-development/html

  • @anandpathak9867
    @anandpathak9867 4 года назад

    How to explain html code which we have used

  • @friedrichnietzsche4685
    @friedrichnietzsche4685 6 лет назад +1

    Thanks for your videos.

  • @felixgoh1528
    @felixgoh1528 6 лет назад +1

    waiting for the css part 👍👍

  • @matthewanders2166
    @matthewanders2166 3 года назад

    what app are you using?

  • @DavidJacksonphunman1
    @DavidJacksonphunman1 8 месяцев назад

    Feeling chirpy today. I feel you😂

  • @edsgallery
    @edsgallery Месяц назад +1

    Is this still works in 2025? I’m just starting to do web design, can anyone give me idea? Thank you

    • @erina6554
      @erina6554 13 дней назад

      Yes it still works, I’m using it now to learn !

  • @orionhoxha5061
    @orionhoxha5061 6 лет назад

    i think u should talk a bit about input text or form actions dont you think its a bit necessary ?

  • @boogerz1903
    @boogerz1903 4 года назад

    this man taught a whole ass computing language in 10 mins

  • @taaiq4948
    @taaiq4948 5 лет назад

    thank you this is really helpful and its fun

  • @minayan8320
    @minayan8320 5 лет назад

    what app do you use to write html on?

  • @larryli2752
    @larryli2752 5 лет назад

    Thanks! Very helpful

  • @bdrsubuntu3159
    @bdrsubuntu3159 4 года назад

    so far so good