Тёмный

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

Dani Krossing
Подписаться 472 тыс.
Просмотров 514 тыс.
50% 1

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

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

 

18 ноя 2017

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 417   
@Dani_Krossing
@Dani_Krossing Год назад
NEW UPDATED 2023 COURSE AVAILABLE! 🙂 You can find it here: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-v8jDnBYc0bs.html&ab_channel=DaniKrossing
@meerestiyak1092
@meerestiyak1092 5 лет назад
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!
@DLiberator78
@DLiberator78 6 лет назад
I am so happy to see you posting tutorials again. This channel is fast becoming my favourite RU-vid 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.
@huckleberryfinn8795
@huckleberryfinn8795 2 года назад
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!!
@sammypandey6833
@sammypandey6833 6 лет назад
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
@mackleven7
@mackleven7 2 года назад
This video is probably the best on RU-vid that covers this, still even after 4 years. Thank you from the future 🙏🏽
@NorthernRidesYaBoi
@NorthernRidesYaBoi 4 года назад
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..
@joseluisbeltramone599
@joseluisbeltramone599 5 лет назад
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!
@liamhtml979
@liamhtml979 4 года назад
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
@geraldfoushee 6 лет назад
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
@Martin958 3 года назад
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?
@mikeydal8460
@mikeydal8460 5 лет назад
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
@Michael-dj6pd
@Michael-dj6pd 4 года назад
Your detailed explainations is very helpful. I wanted to refresh my HTML and CSS and this really helped, thank you!
@Calinotch06
@Calinotch06 3 года назад
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.
@jtc9098
@jtc9098 11 месяцев назад
I follow lots of channels with online tutorials. Your teaching style is so smooth and understandable. You are a natural my friend!
@geraldfoushee
@geraldfoushee 6 лет назад
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...
@AitorMorgado
@AitorMorgado 4 года назад
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!
@MaurLaw4392
@MaurLaw4392 3 года назад
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.
@drcod3r329
@drcod3r329 6 лет назад
Welcome back brother awesome and clear as always keep it up :)
@nepoznatidj
@nepoznatidj 5 лет назад
Best tutorials and very easy going. Thank you man!
@slimyelow
@slimyelow 4 года назад
Brilliant! Just the chain of turorials I have been looking for forever.
@SimiliaSC
@SimiliaSC 3 года назад
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
@rickyharrison7294
@rickyharrison7294 4 года назад
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! :)
@adilkrishnap5804
@adilkrishnap5804 5 лет назад
tuts... your Tutorials are very(X 2) Helpfulllllll. Thank you for your support for developing a web page
@raheempoundsteerling4354
@raheempoundsteerling4354 5 лет назад
Thanks man. really helpful for my school project.
@GuidetteExpert
@GuidetteExpert 3 года назад
Thank you, your making learning coding more relevant and fun!
@MsSenoritaB
@MsSenoritaB 3 года назад
Great job Dani! I appreciate you for explaining coding quite well. I am feeling more confident about coding.
@bendeguzszkalka7233
@bendeguzszkalka7233 3 года назад
Exactly what I needed. Thank you so much!
@mosiurrahaman7454
@mosiurrahaman7454 6 лет назад
You are the best :D Really like your videos :D Please don't stop posting :D Thanks for Sharing your knowldge With us :D
@andreacassotti2561
@andreacassotti2561 2 года назад
Thank you very much! Your tutorial is very clear
@danielmagar517
@danielmagar517 6 лет назад
Clearly understand.. Thank you soo much...
@shalini1871
@shalini1871 5 лет назад
Thank you for your best explanation Sir!
@djleisheng
@djleisheng 6 лет назад
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
@kabakobala2875
@kabakobala2875 4 года назад
Very Helpful. Thank you
@sriranginirajendran8945
@sriranginirajendran8945 6 лет назад
Thank you very much! great work...
@abdouwaduka8455
@abdouwaduka8455 Год назад
Very clear in your teaching. Thank you so much
@skfl2372
@skfl2372 5 лет назад
Nice slow and clear tuturial Thanks
@azeez7675
@azeez7675 3 года назад
Thank you sir, very informative
@faith5029
@faith5029 2 года назад
I'm actually working on my portfolio right now and found this very helpful, thank you for this
@joecamroberon9322
@joecamroberon9322 5 лет назад
You are doing the world justice. These tutorials are entertaining and straightforward. Love it.
@ruffneck718
@ruffneck718 6 лет назад
You are Awesome.
@tomzell3666
@tomzell3666 4 года назад
Good stuff, greatly appreciate your content. Excellent teacher!! Thank you
@peterclaveramobila2998
@peterclaveramobila2998 6 лет назад
Its easy to understand. Thank you
@emiliodaf
@emiliodaf 3 года назад
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!!...👍💚💛👏👏👏
@amandateague8659
@amandateague8659 4 года назад
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
@higherpurpose1212
@higherpurpose1212 4 года назад
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! :-)
@jelisaavila3680
@jelisaavila3680 4 года назад
finally i found the solution on how to start making my proj. Im very thankful of this tutorial..thank you so much.
@samvarghese3172
@samvarghese3172 3 года назад
Loved the autocomplete tag shortcut, works even in vs code and would save a lot of my time
@TheLeontheking
@TheLeontheking 6 лет назад
i am happy that you like those bulletpoints as much as i do ;) great series btw!
@Milan19477
@Milan19477 Год назад
Awesome, thanks man!!
@creativenavati4586
@creativenavati4586 4 года назад
Greatest Tutorials
@nabeelparkar4364
@nabeelparkar4364 4 года назад
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
@katerinak21
@katerinak21 3 года назад
Your videos are sooooo helpful. THANK YOU
@minebitcoin2475
@minebitcoin2475 5 лет назад
Thanks - Just what I needed!
@amazingproduct5018
@amazingproduct5018 3 года назад
Thanks bro ! appreciate your content ! keep it up !
@kavnmd3062
@kavnmd3062 3 года назад
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.
@RESC_Eng
@RESC_Eng 2 года назад
perfect lectures , thank you so much
@whoddaya
@whoddaya 6 лет назад
So, actually, inside, I'm going to, just... makes for funny listening. :)) Silliness aside, great tutorials. Stopped doing html/css many years ago, and html5 and css3 are fantastic technological advancements. Thanks for taking the time to do these tutorials for us!
@Akiikage
@Akiikage 4 года назад
I find this soothingly good, unlike any other RU-vidr out there who are pretty straightforward, this one is good.
@triochannel2097
@triochannel2097 4 года назад
I'm so so grateful Guy. U are the BEST....
@nabap8910
@nabap8910 2 года назад
Thank you. It was a very useful post for me.
@zakariehaji
@zakariehaji 5 лет назад
Thank you so much Im learning alot
@CH-FM
@CH-FM 2 года назад
Clean & Clear Explanation 👏
@merelkouwets2287
@merelkouwets2287 3 года назад
This is helping me so much!!! Really helping me get through this subject in school, Thank you!! :))
@j.m.mandende6097
@j.m.mandende6097 4 года назад
Excellent!!! Thanks so much dude, your explaination are far better than most of the guys out there.
@angelbenitez8035
@angelbenitez8035 3 года назад
love your content, thank you
@erictouchaoeng6954
@erictouchaoeng6954 2 года назад
I've had learned many things from your video. Thank you so much!!!
@jansanchez
@jansanchez 5 лет назад
You're amazing! Your tutorials are very helpful and with this awesome microphone the result is just perfect.
@zwethantzin5449
@zwethantzin5449 4 года назад
Thanks you. You are my life saver.
@gourisharma5857
@gourisharma5857 4 года назад
Thank you so much for this!
@deepshikhagupta526
@deepshikhagupta526 3 года назад
Wonderful explanation ☺️
@anonymous........
@anonymous........ 3 года назад
Great very helpful 👍...
@user-cz9fy4hi7q
@user-cz9fy4hi7q Год назад
Thank you so much i have learnt alot from this video,very well explained.
@sodadakoda6022
@sodadakoda6022 4 года назад
super helpful thank you for this.
@mustafazafar6543
@mustafazafar6543 2 года назад
I am so happy. Your teaching style is so nice. Thank you so much, this tutorial was so clear and useful.
@glenilame9910
@glenilame9910 3 года назад
greatest tutorial ever thank you so much!!!!!!
@obenmolet6242
@obenmolet6242 11 месяцев назад
Thanks very much for this
@michelegiulietti5540
@michelegiulietti5540 5 лет назад
Better than Udemy Course I paid! Keep goin man...
@yomamamama3637
@yomamamama3637 3 года назад
thank you so much for making this and the javascript series seriously subscribed and liked every video i have followed along
@LiveINtheGood53
@LiveINtheGood53 9 месяцев назад
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. :)
@argenisaguilar9045
@argenisaguilar9045 3 года назад
great video, thanks a lot
@winnietreeofavalon4228
@winnietreeofavalon4228 3 года назад
Thank you so much!
@conoferatu3570
@conoferatu3570 4 года назад
Thank you so much bro,your videos are very helpful.
@chriswang5728
@chriswang5728 4 года назад
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!
@daianagauna3d
@daianagauna3d 4 года назад
amazing!! thank you!!
@muhammadzafar2470
@muhammadzafar2470 4 года назад
really helpful tutorial. we need more teachers like you that teach us our generation. love you from Pakistan. sir you are great .
@InspirVerse
@InspirVerse 4 года назад
Excellent tutorials !!!! Many thanks to you mate ;)
@abhishekmazumdar2072
@abhishekmazumdar2072 5 лет назад
lot to learn..thank you
@debjitmajumder3590
@debjitmajumder3590 3 года назад
Slow, Tidy, attention to every little step ......... Perfect for Beginners !!!!!!!! GREAT !!
@nssdesigns
@nssdesigns 5 лет назад
excellent... funny thing is today it's easy to use visual builders in WordPress to build responsive websites BUT when the theme needs tweaking you have to know html and CSS and this is where a lot of web builders in WordPress using Elementor or Brizy (including myself) get frustrated.... so I'm on board for this. Also I find it website magical writing text to build a website, sort of more rewarding to understand the code. It's not difficult at all to understand as soon as you know the tags and what the CSS styles mean (float) etc. Good stuff
@thattsfame6980
@thattsfame6980 2 года назад
Thanks for this tutorial
@TIGREX-GAMING
@TIGREX-GAMING 3 года назад
Keep it up bro, thanks so much for your teachings much love and great work 🙏
@Erik-um7hq
@Erik-um7hq 4 года назад
Fantastic Quality Content! Good job
@gutenh.4570
@gutenh.4570 4 года назад
This is so helpful!
@bliss_kell
@bliss_kell Год назад
Best tutorial ever🤗
@tokoiaoben3842
@tokoiaoben3842 2 года назад
I've been for tutorial that teach basics to create menu and this is best I've come across.
@mohisha4350
@mohisha4350 3 года назад
Thx, My teach will be really happy with my work!!
@dennisnyambura1283
@dennisnyambura1283 5 лет назад
I like it,thank you very much
@Immigrant-man
@Immigrant-man 4 года назад
thank you for your labor and help to pass class
@nadiadaoudii
@nadiadaoudii 5 лет назад
Thank you so much for helping me
Далее
Passat CC на 300 л.с. Начало проекта!
1:22:50
this stop is #IROHA #이로하 #ILLIT #아일릿
00:10
Просмотров 644 тыс.
🛑кто круче сделал?
00:12
Просмотров 222 тыс.
How to create a CSS navigation bar in 6 minutes! 🧭
6:28
Learn Flexbox CSS in 8 minutes
8:16
Просмотров 1,4 млн
Learn HTML Forms In 25 Minutes
24:56
Просмотров 947 тыс.
Passat CC на 300 л.с. Начало проекта!
1:22:50