13: How to Create a Menu in HTML | Learn HTML and CSS

No video

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

Рет қаралды 519,517

Күн бұрын

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 Жыл бұрын

NEW UPDATED 2023 COURSE AVAILABLE! 🙂 You can find it here: kzfaq.info/get/bejne/rJ6ad9FzvsmUkqc.html&ab_channel=DaniKrossing

@sammypandey6833 6 жыл бұрын

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

@nickplaystoontown7080 5 жыл бұрын

Nice, but it isn't quite coding XD

@saucy05 5 жыл бұрын

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

@triplea0070 5 жыл бұрын

its called engineering not coding

@sampletext8552 5 жыл бұрын

@@triplea0070 coding

@xeuik 5 жыл бұрын

Same here

@mackleven7 3 жыл бұрын

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

@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!

@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!!

@DLiberator78 6 жыл бұрын

I am so happy to see you posting tutorials again. This channel is fast becoming my favourite KZfaq 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.

@NorthernRidesYaBoi 4 жыл бұрын

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

@erictouchaoeng6954 2 жыл бұрын

Me too

@ginunggagap Жыл бұрын

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

@joseluisbeltramone599 6 жыл бұрын

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!

@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

@jtc9098 Жыл бұрын

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

@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 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 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 4 жыл бұрын

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

@RealDiavolo 3 жыл бұрын

@@deciax explain pls😳

@tv_hsm6711 3 жыл бұрын

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

@Martin958 4 жыл бұрын

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 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

@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

@allisonfernandez4682 4 ай бұрын

these videos are helping me so much get through my college courses omg thank you

@Dani_Krossing 4 ай бұрын

I'm glad they help you :) I have a newer 2023 course on my channel, which is more updated than this one.

@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!

@GugaGrigolaia 4 ай бұрын

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

@bliss_kell Жыл бұрын

Best tutorial ever🤗

@LiveINtheGood53 Жыл бұрын

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. :)

@BokkenKung 4 жыл бұрын

Best course and youtube channel ever.

@chriswang5728 5 жыл бұрын

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!

@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.

@debjitmajumder3590 3 жыл бұрын

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

@PurrJoy-y3c 2 жыл бұрын

this is the best 👍👍

@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! :)

@tokoiaoben3842 2 жыл бұрын

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

@abdouwaduka8455 Жыл бұрын

Very clear in your teaching. Thank you so much

@brahimaithamid900 3 жыл бұрын

You are not as some other ppl here who makes coding hard to understand, I have watched a person explaining how to style the nav bar and he did unlike you put so much div classes which confused me, thank you so much

@Dani_Krossing 3 жыл бұрын

I'm glad you enjoy my teaching style! 🙂 Just a quick "correction" in case you meant HTML or CSS = coding 😊 HTML is a "markup" language, and CSS is a "styling" language. "Coding" is any language that is used for creating "logic". 🙂 Like JavaScript, PHP, C#, Python... etc.

@habyarimanagilpina9472 Жыл бұрын

You are the greatest teacher ,

@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

@petermckinnon3104 4 жыл бұрын

"Brilliant, well explained tutorial"... Thank you sooooooo much learnt loads.

@connorgaughan9117 4 жыл бұрын

Peter Mckinnon yeah I’m only a couple mins into the video and can tell his explanation is better than most (for beginners)

@eureptus 4 жыл бұрын

Hey, can you help me, when I link CSS into my index.html file it works, but in css when I try to make it in the block line, take out the dot points and the underline it doesn’t work, can you please give me the css code?

@skfl2372 5 жыл бұрын

Nice slow and clear tuturial Thanks

@jonesboadu9585 Жыл бұрын

i have a great teacher but am falling in love with your teachings too😃as a beginner, i want to learn from all angles but javascript is scaring me🤣

@robertoborgesdasilva933 4 жыл бұрын

You are the best, the best professor, the best instructor and the best friend too

@erictouchaoeng6954 2 жыл бұрын

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

@greenjth8949 9 ай бұрын

Man u saved me tysm

@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!

@drcod3r329 6 жыл бұрын

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

@HemantJanAwatade Жыл бұрын

Excellent explanation *Dani* 👌👍❤️

@HemantJanAwatade Жыл бұрын

🙏

@Michael-dj6pd 4 жыл бұрын

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

@nabeelparkar4364 5 жыл бұрын

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

@michelegiulietti5540 5 жыл бұрын

Better than Udemy Course I paid! Keep goin man...

@andreacassotti2561 3 жыл бұрын

Thank you very much! Your tutorial is very clear

@glenilame9910 3 жыл бұрын

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

@eureptus 4 жыл бұрын

3:58 reminding myself where i was at

@derialnmau 2 жыл бұрын

Amazing lessons! My main concern is how to remember al of it?

@eeeerf8570 Жыл бұрын

bro ur amazing i found menu bar difficult cos in college i dont seem to get it buh uv made it interesting uv earned a new subscriber

@Akiikage 4 жыл бұрын

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

@usernotfound6979 3 жыл бұрын

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

@BK-dx3cp 3 жыл бұрын

Best Ever KZfaq tutorial!. I wonder why you are not on Linkedin learning?

@Immigrant-man 4 жыл бұрын

thank you for your labor and help to pass class

@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...

@joecamroberon9322 5 жыл бұрын

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

@manjusharaju3953 3 жыл бұрын

Great explains I am first visiting your channel

@STUPIDYOUTUBE_HIDINGMSGS 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! :-)

@ruffneck718 6 жыл бұрын

You are Awesome.

@amazingproduct5018 3 жыл бұрын

Thanks bro ! appreciate your content ! keep it up !

@Milan19477 Жыл бұрын

Awesome, thanks man!!

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

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

@AdityaBhardwaj-fg3yl 2 жыл бұрын

You are the best freal

@deepshikhagupta526 3 жыл бұрын

Wonderful explanation ☺️

@kabakobala2875 4 жыл бұрын

Very Helpful. Thank you

@CH-FM 2 жыл бұрын

Clean & Clear Explanation 👏

@azeez7675 3 жыл бұрын

Thank you sir, very informative

@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.

@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.

@nabap8910 2 жыл бұрын

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

@triochannel2097 4 жыл бұрын

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

@ossiankemi3940 Жыл бұрын

Easy and efficent!

@angelbenitez8035 3 жыл бұрын

love your content, thank you

@DanziiiiM Жыл бұрын

Man det her hjælp meget ang. min programming aflevering på uni

@adilkrishnap5804 5 жыл бұрын

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

@amandateague8659 5 жыл бұрын

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

@conoferatu3570 4 жыл бұрын

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

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

Great very helpful 👍...

@thattsfame6980 2 жыл бұрын

Thanks for this tutorial

@mustafazafar6543 2 жыл бұрын

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

@gibuzzx6018 2 жыл бұрын

now my navbar code is way better. Before i did it with grid items very messie. Thanks

@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!

@samvarghese3172 3 жыл бұрын

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

@rainbowananas5040 4 жыл бұрын

Super content! Have been updating my HTML skills to this day. Last time I did any HTML was about 15years ago :'D

@user-so6vj5rt4y Жыл бұрын

I love this This is so educative and also a free video for everyone

@slimyelow 5 жыл бұрын

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

@obenmolet6242 Жыл бұрын

Thanks very much for this

@raheempoundsteerling4354 5 жыл бұрын

Thanks man. really helpful for my school project.

@hktepochcalli1481 3 жыл бұрын

awesome salsa!!

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

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

@faith5029 2 жыл бұрын

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

@katerinak21 3 жыл бұрын

Your videos are sooooo helpful. THANK YOU

@GuidetteExpert 3 жыл бұрын

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

@robertantony4877 2 жыл бұрын

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

@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