13: How to Create a Menu in HTML | Learn HTML and CSS | Full Course For Beginners

FIND MY 2023 COURSE HERE: • 1 | INTRODUCTION TO HT...
How to create a menu in HTML | Learn HTML and CSS | HTML tutorial. In this HTML menu tutorial I will show how to create a simple HTML menu, that you can include inside your website as your main website navigation. This tutorial also includes how to insert your menu inside a navigation bar, which is what you usually see at the top of a website.
➤ GET ACCESS TO MY LESSON MATERIAL HERE!
First of all, thank you for all the support you have given me!
I am really glad to have such an awesome community on my channel. It motivates me to continue creating and uploading content! So thank you!
I am now using Patreon to share improved and updated lesson material, and for a small fee you can access all the material. I have worked hard, and done my best to help you understand what I teach.
I hope you will find it helpful :)
Material for this lesson: / lesson-material-42361704

Пікірлер: 416

  • @Dani_Krossing
    @Dani_Krossing Жыл бұрын

    NEW UPDATED 2023 COURSE AVAILABLE! 🙂 You can find it here: kzread.info/dash/bejne/qGyeptB7icaWktY.html&ab_channel=DaniKrossing

  • @DLiberator78
    @DLiberator786 жыл бұрын

    I am so happy to see you posting tutorials again. This channel is fast becoming my favourite KZread channel. You are a great teacher and you explain concepts really well and the text is easy to read and follow. I look forward to the next instalments. Keep up the great work.

  • @meerestiyak1092
    @meerestiyak10925 жыл бұрын

    Boss! After a lot of finding at the last of time When i was going to be frustrated, I got Your Channel, Really I'm into You & Your Channel & I like this approach a lot! OK That's It!

  • @huckleberryfinn8795
    @huckleberryfinn87952 жыл бұрын

    I've been studying programming and web development the last 4 months on my own and you have the best tutorials I've seen. You explain every line of code you write easily for beginners, thanks!!

  • @mackleven7
    @mackleven72 жыл бұрын

    This video is probably the best on KZread that covers this, still even after 4 years. Thank you from the future 🙏🏽

  • @joseluisbeltramone599
    @joseluisbeltramone5995 жыл бұрын

    I loved it. Your teaching style is so "natural" that everything seems simple, even for those, like me, with little or null experience in coding. Thanks a lot!

  • @sammypandey6833
    @sammypandey68336 жыл бұрын

    I am in love with coding because of you man. I want to thank you from my heart.

  • @nickplaystoontown7080

    @nickplaystoontown7080

    5 жыл бұрын

    Nice, but it isn't quite coding XD

  • @saucy05

    @saucy05

    5 жыл бұрын

    @@nickplaystoontown7080 Well he could have been inspired by this tutorial to do bigger and better things.

  • @triplea0070

    @triplea0070

    5 жыл бұрын

    its called engineering not coding

  • @sampletext8552

    @sampletext8552

    5 жыл бұрын

    @@triplea0070 coding

  • @xeuik

    @xeuik

    5 жыл бұрын

    Same here

  • @NorthernRidesYaBoi
    @NorthernRidesYaBoi4 жыл бұрын

    Dude, you're saving my exam right now. I love you so much for making this series!!!

  • @erictouchaoeng6954

    @erictouchaoeng6954

    2 жыл бұрын

    Me too

  • @DailyDoseOfTopComment

    @DailyDoseOfTopComment

    Жыл бұрын

    My ex wife proves her love to me in a, convincingly pleasurable way.. you should prove your love to him too..

  • @liamhtml979
    @liamhtml9794 жыл бұрын

    Thank you so much, this tutorial was so clear and useful. I had been kind of dreading adding a menu to my website recently, but this made it very obvious it was easier than expected! Keep making great content!

  • @geraldfoushee
    @geraldfoushee6 жыл бұрын

    i just watched this today. I don't have a book and cant really afford one so i have to take notes from the video...i made my navigation today and REALLY look forward to being able to see a finished product....so many people have made tutorials but dont try to get to to a point where you can see your progress and end product....big thanks to Daniel. i

  • @Martin958
    @Martin9583 жыл бұрын

    At 6:00 you set the items to display: inline-block. Later on you set each individual item to display: block to give more clickable area around them. Why did the original inline-block property not do that already?

  • @jtc9098
    @jtc909811 ай бұрын

    I follow lots of channels with online tutorials. Your teaching style is so smooth and understandable. You are a natural my friend!

  • @geraldfoushee
    @geraldfoushee6 жыл бұрын

    thank you for trying to help us complete a project....that is the type teaching i need....it was like i was learning all this stuff and still did not really understand what i was doing.. but the way you went from basic site to sub pages to navigation was so logical...thanks so much...

  • @Calinotch06
    @Calinotch063 жыл бұрын

    New Sub.. so far you've taught me: nav menu, wrapper, css external style sheet, footer, create links, and javascript in less than 24 hours. I have a website term project due in three days and I'm done thanks to your clear instructions and demonstrations.

  • @MaurLaw4392
    @MaurLaw43923 жыл бұрын

    Thank you Dani. I love the way you explained the html and the corresponding line of CSS, it helped me a lot to understand the application part of the coding.

  • @Michael-dj6pd
    @Michael-dj6pd4 жыл бұрын

    Your detailed explainations is very helpful. I wanted to refresh my HTML and CSS and this really helped, thank you!

  • @slimyelow
    @slimyelow4 жыл бұрын

    Brilliant! Just the chain of turorials I have been looking for forever.

  • @rickyharrison7294
    @rickyharrison72944 жыл бұрын

    I am so happy that I stumbled across your video! All of the others were so difficult to follow and the music was distracting! You are an excellent teacher, and your methods are a cut above, mate! :)

  • @AitorMorgado
    @AitorMorgado4 жыл бұрын

    You are gifted for teaching. I'm understanding everything so clearly and I'm always looking forward to the next episode. Thank you for helping us!

  • @mikeydal8460
    @mikeydal84605 жыл бұрын

    I am going through the whole series and I'm only on the 13th video and I can make a simple website without any help!, I'm making great progress so far

  • @drcod3r329
    @drcod3r3296 жыл бұрын

    Welcome back brother awesome and clear as always keep it up :)

  • @MsSenoritaB
    @MsSenoritaB3 жыл бұрын

    Great job Dani! I appreciate you for explaining coding quite well. I am feeling more confident about coding.

  • @nepoznatidj
    @nepoznatidj5 жыл бұрын

    Best tutorials and very easy going. Thank you man!

  • @joecamroberon9322
    @joecamroberon93225 жыл бұрын

    You are doing the world justice. These tutorials are entertaining and straightforward. Love it.

  • @Akiikage
    @Akiikage4 жыл бұрын

    I find this soothingly good, unlike any other KZreadr out there who are pretty straightforward, this one is good.

  • @kavnmd3062
    @kavnmd30623 жыл бұрын

    Thank you man, I will say thank you on every video I watch where you help me, I honestly don't think I would be able to do this website without you.

  • @faith5029
    @faith50292 жыл бұрын

    I'm actually working on my portfolio right now and found this very helpful, thank you for this

  • @jelisaavila3680
    @jelisaavila36804 жыл бұрын

    finally i found the solution on how to start making my proj. Im very thankful of this tutorial..thank you so much.

  • @GuidetteExpert
    @GuidetteExpert3 жыл бұрын

    Thank you, your making learning coding more relevant and fun!

  • @bendeguzszkalka7233
    @bendeguzszkalka72333 жыл бұрын

    Exactly what I needed. Thank you so much!

  • @raheempoundsteerling4354
    @raheempoundsteerling43545 жыл бұрын

    Thanks man. really helpful for my school project.

  • @adilkrishnap5804
    @adilkrishnap58045 жыл бұрын

    tuts... your Tutorials are very(X 2) Helpfulllllll. Thank you for your support for developing a web page

  • @LiveINtheGood53
    @LiveINtheGood539 ай бұрын

    This was awesome and thank you for explaining it step by step. A lot of channels don't. Hello from the USA, in New Jersey. :)

  • @danielmagar517
    @danielmagar5176 жыл бұрын

    Clearly understand.. Thank you soo much...

  • @SimiliaSC
    @SimiliaSC3 жыл бұрын

    Hi Dani Krossing. My name is Francesco, and i really want to thank you, as i have been watching and studing your HTML course from lesson one. On this Lesson n.13 i had to stop as i was in such WOW..... THANK you!, because you have put so much energy by going to your uni and studing all this, and you are basically giving us this material for free in a very detailed and such organized way. I could have paid someone to build a website for me, but thanks to you i can now do it on my own. Im going to support you instead as you have done so much for all the people that have no knowledgne in this field. So i wanted personally thank you so far Dani.. Im pretty sure you will have lots of rewards coming your way, both financially and karmically... Thanks so much, Francesco, from Perth

  • @amandateague8659
    @amandateague86594 жыл бұрын

    Thank you for helping me get a better understanding on containers and divs with my navbar. You give great explanations! Its exactly what I've been needing:) Mentor??? haha

  • @kabakobala2875
    @kabakobala28754 жыл бұрын

    Very Helpful. Thank you

  • @higherpurpose1212
    @higherpurpose12124 жыл бұрын

    your style of teaching is very nice, step-by-step showing what's going on every step of the way. keep it up man, thanks for sharing and javascript and jquery will be nice as well! :-)

  • @andreacassotti2561
    @andreacassotti25612 жыл бұрын

    Thank you very much! Your tutorial is very clear

  • @samvarghese3172
    @samvarghese31723 жыл бұрын

    Loved the autocomplete tag shortcut, works even in vs code and would save a lot of my time

  • @TheLeontheking
    @TheLeontheking6 жыл бұрын

    i am happy that you like those bulletpoints as much as i do ;) great series btw!

  • @sriranginirajendran8945
    @sriranginirajendran89456 жыл бұрын

    Thank you very much! great work...

  • @CH-FM
    @CH-FM2 жыл бұрын

    Clean & Clear Explanation 👏

  • @j.m.mandende6097
    @j.m.mandende60974 жыл бұрын

    Excellent!!! Thanks so much dude, your explaination are far better than most of the guys out there.

  • @merelkouwets2287
    @merelkouwets22873 жыл бұрын

    This is helping me so much!!! Really helping me get through this subject in school, Thank you!! :))

  • @abdouwaduka8455
    @abdouwaduka8455 Жыл бұрын

    Very clear in your teaching. Thank you so much

  • @Milan19477
    @Milan19477 Жыл бұрын

    Awesome, thanks man!!

  • @skfl2372
    @skfl23725 жыл бұрын

    Nice slow and clear tuturial Thanks

  • @tokoiaoben3842
    @tokoiaoben38422 жыл бұрын

    I've been for tutorial that teach basics to create menu and this is best I've come across.

  • @amazingproduct5018
    @amazingproduct50183 жыл бұрын

    Thanks bro ! appreciate your content ! keep it up !

  • @peterclaveramobila2998
    @peterclaveramobila29986 жыл бұрын

    Its easy to understand. Thank you

  • @shalini1871
    @shalini18715 жыл бұрын

    Thank you for your best explanation Sir!

  • @emiliodaf
    @emiliodaf3 жыл бұрын

    Hi Dani....thanks for sharing this amazing content for free.....i am learning many cool tips about html and css using very simple but truly effective coding lines.....thanks man......just keep it up!....hugs from Brazil!!...👍💚💛👏👏👏

  • @azeez7675
    @azeez76753 жыл бұрын

    Thank you sir, very informative

  • @minebitcoin2475
    @minebitcoin24755 жыл бұрын

    Thanks - Just what I needed!

  • @jansanchez
    @jansanchez5 жыл бұрын

    You're amazing! Your tutorials are very helpful and with this awesome microphone the result is just perfect.

  • @yomamamama3637
    @yomamamama36373 жыл бұрын

    thank you so much for making this and the javascript series seriously subscribed and liked every video i have followed along

  • @erictouchaoeng6954
    @erictouchaoeng69542 жыл бұрын

    I've had learned many things from your video. Thank you so much!!!

  • @angelbenitez8035
    @angelbenitez80353 жыл бұрын

    love your content, thank you

  • @RESC_Eng
    @RESC_Eng2 жыл бұрын

    perfect lectures , thank you so much

  • @mustafazafar6543
    @mustafazafar65432 жыл бұрын

    I am so happy. Your teaching style is so nice. Thank you so much, this tutorial was so clear and useful.

  • @deepshikhagupta526
    @deepshikhagupta5263 жыл бұрын

    Wonderful explanation ☺️

  • @tomzell3666
    @tomzell36664 жыл бұрын

    Good stuff, greatly appreciate your content. Excellent teacher!! Thank you

  • @katerinak21
    @katerinak213 жыл бұрын

    Your videos are sooooo helpful. THANK YOU

  • @triochannel2097
    @triochannel20974 жыл бұрын

    I'm so so grateful Guy. U are the BEST....

  • @djleisheng
    @djleisheng6 жыл бұрын

    If you add: position: fixed; top: 0; to your nav {} style then you can make the menu stay at the top even when you scroll down the page. Just make sure to add more margin-top to your content otherwise the menu will overlap the content at the top of the page.

  • @deciax

    @deciax

    4 жыл бұрын

    how would you more margin and top cuz I've tried changing both and all it does is move the text further up.

  • @djleisheng

    @djleisheng

    4 жыл бұрын

    @@deciaxI wrote this a long time ago, but I think I meant "add more margin-top to your content" not add margin AND top. I meant the CSS rule called "margin-top"

  • @deciax

    @deciax

    4 жыл бұрын

    oh lol. I ended up figuring it out, but thanks anyway. 👌

  • @RealDiavolo

    @RealDiavolo

    3 жыл бұрын

    @@deciax explain pls😳

  • @tv_hsm6711

    @tv_hsm6711

    3 жыл бұрын

    how do i add more pages? im at the end and it doesnt work for me

  • @gourisharma5857
    @gourisharma58574 жыл бұрын

    Thank you so much for this!

  • @ruffneck718
    @ruffneck7186 жыл бұрын

    You are Awesome.

  • @zwethantzin5449
    @zwethantzin54494 жыл бұрын

    Thanks you. You are my life saver.

  • @user-cz9fy4hi7q
    @user-cz9fy4hi7q Жыл бұрын

    Thank you so much i have learnt alot from this video,very well explained.

  • @glenilame9910
    @glenilame99103 жыл бұрын

    greatest tutorial ever thank you so much!!!!!!

  • @nabeelparkar4364
    @nabeelparkar43644 жыл бұрын

    I find HTML boring since I am more of an application guy (Student here so not a professional). But since I got a project to make a website, I've tried many tutorials and yours is the only one that hasn't made me yawn after 10 minutes and also kept me interested for 3 hours now. Love your content and subscribed (Which is rare for me). Thanks man, peace

  • @nabap8910
    @nabap89102 жыл бұрын

    Thank you. It was a very useful post for me.

  • @muhammadzafar2470
    @muhammadzafar24704 жыл бұрын

    really helpful tutorial. we need more teachers like you that teach us our generation. love you from Pakistan. sir you are great .

  • @zakariehaji
    @zakariehaji5 жыл бұрын

    Thank you so much Im learning alot

  • @daianagauna3d
    @daianagauna3d4 жыл бұрын

    amazing!! thank you!!

  • @obenmolet6242
    @obenmolet624211 ай бұрын

    Thanks very much for this

  • @sodadakoda6022
    @sodadakoda60224 жыл бұрын

    super helpful thank you for this.

  • @argenisaguilar9045
    @argenisaguilar90453 жыл бұрын

    great video, thanks a lot

  • @anonymous........
    @anonymous........3 жыл бұрын

    Great very helpful 👍...

  • @GugaGrigolaia
    @GugaGrigolaia2 ай бұрын

    6 years ago man but still works thank you brother you helped me a lot

  • @conoferatu3570
    @conoferatu35704 жыл бұрын

    Thank you so much bro,your videos are very helpful.

  • @bliss_kell
    @bliss_kell Жыл бұрын

    Best tutorial ever🤗

  • @winnietreeofavalon4228
    @winnietreeofavalon42283 жыл бұрын

    Thank you so much!

  • @usernotfound6979
    @usernotfound69793 жыл бұрын

    Keep it up ..you made it esay 😭..thank you ..saved my time

  • @creativenavati4586
    @creativenavati45864 жыл бұрын

    Greatest Tutorials

  • @thattsfame6980
    @thattsfame69802 жыл бұрын

    Thanks for this tutorial

  • @robertantony4877
    @robertantony48772 жыл бұрын

    thank you dude , you are making my free time more useful!

  • @Erik-um7hq
    @Erik-um7hq4 жыл бұрын

    Fantastic Quality Content! Good job

  • @TIGREX-GAMING
    @TIGREX-GAMING3 жыл бұрын

    Keep it up bro, thanks so much for your teachings much love and great work 🙏

  • @Immigrant-man
    @Immigrant-man4 жыл бұрын

    thank you for your labor and help to pass class

  • @mosiurrahaman7454
    @mosiurrahaman74546 жыл бұрын

    You are the best :D Really like your videos :D Please don't stop posting :D Thanks for Sharing your knowldge With us :D

  • @abhishekmazumdar2072
    @abhishekmazumdar20725 жыл бұрын

    lot to learn..thank you

  • @InspirVerse
    @InspirVerse4 жыл бұрын

    Excellent tutorials !!!! Many thanks to you mate ;)

  • @cameronroehl3303
    @cameronroehl3303 Жыл бұрын

    Great video! You’re doing an awesome job with these

  • @gutenh.4570
    @gutenh.45704 жыл бұрын

    This is so helpful!

  • @debjitmajumder3590
    @debjitmajumder35903 жыл бұрын

    Slow, Tidy, attention to every little step ......... Perfect for Beginners !!!!!!!! GREAT !!

  • @chriswang5728
    @chriswang57284 жыл бұрын

    Thanks so much for these lessons! Just two/three weeks and I was able to make a website for my boss who now thinks I'm a computer genius and is taking me out to dinner hahaa!

  • @BokkenKung
    @BokkenKung3 жыл бұрын

    Best course and youtube channel ever.

  • @kristapsvecvagars5049
    @kristapsvecvagars50495 жыл бұрын

    Your tutorial videos are awesome, really great stuff, very helpful. I looked through your playlists, have you done a tutorial on sticky navbars or something similar?