มืด

HTML Crash Course For Absolute Beginners

Traversy Media
ติดตาม
มุมมอง 3 812 195
99% 37 827 295

In this crash course I will cram as much about HTML that I can. This is meant for absolute beginners. If you are interested in learning HTML but know nothing, then you are in the right place. We will be creating a cheat sheet with all of the common HTML5 tags, attributes, semantic markup, etc. We will not be focusing on CSS in this video. The CSS crash course will be released shortly after
21 Hour HTML & CSS Course:
www.udemy.com/course/modern-html-css-from-the-beginning/?referralCode=EB0470C43F3C3E9AA306
CODE: Code for this video
www.traversymedia.com/downloads/htmlcheatsheet.zip
NEXT: CSS CRASH COURSE FOR BEGINNERS
thvid.net/video/%E0%B8%A7%E0%B8%B5%E0%B8%94%E0%B8%B5%E0%B9%82%E0%B8%AD-yfoY53QXEnI.html&lc=z121x5ozxpiiwddee23tffergoyxxngi504
CHECK OUT MY FULL STACK COURSE:
www.traversymedia.com/course/the-full-stack-web-development/
BECOME A PATRON: Support me directly for even $1 per month
www.patreon.com/traversymedia
ONE TIME DONATIONS:
www.paypal.me/traversymedia
FOLLOW TRAVERSY MEDIA:
facebook.com/traversymedia
twitter.com/traversymedia
instagram.com/traversymedia

วิทยาศาสตร์และเทคโนโลยี

เผยแพร่เมื่อ

 

17 ก.ค. 2017

แชร์:

แชร์:

ดาวน์โหลด:

โหลดลิงค์.....

เพิ่มลงใน:

เพลย์ลิสต์ของฉัน
ดูภายหลัง
ความคิดเห็น 100
FriskFryse FrossetFrugt
FriskFryse FrossetFrugt 2 ปีที่แล้ว
*Timestamps* _Intro_ 0:00-0:43 ----- Intro 0:43-2:48 ----- Before We Begin 2:48-4:47 ----- What is HTML? 4:47-6:08 ----- What We Need To Start 6:08-7:30 ----- Installing Sublime Text 7:30-11:14 --- Creating an HTML file 11:14-12:32 - Tag Syntax 12:32-13:21 - HTML Page Structure 13:21-14:11 - Page Structure Examlples _Tags And Elements_ 14:11-17:00 - Hello World 17:00-19:13 - Headings 19:13-25:35 - Paragraphs 25:35-26:36 - Tag Attributes 26:36-29:10 - Lists 29:10-32:57 - Tables 32:57-42:00 - Forms 42:00-42:56 - Buttons 42:56-46:59 - Images 46:59-49:23 - Quotations _HTML5 Semantic Tags_ 49:24-50:18 - Info 50:19-51:50 - blog.html 51:50-53:59 - Articles 53:59-55:10 - Sidebar/aside/nav 55:10-56:18 - Footer 56:18-57:54 - Simple Styling with CSS 57:54-59:14 - Meta-tags/SSO 59:14-1:00:06 Internal links 1:00:06 -------- Outro
Cody Vogle
Cody Vogle 12 วันที่ผ่านมา
MY ICON wont change to the chrome icon when i create a new text document any advice
Shody
Shody 19 วันที่ผ่านมา
your a fucking legend
Lucy Yin
Lucy Yin 28 วันที่ผ่านมา
Legend.
D Bag
D Bag หลายเดือนก่อน
The 🐐
1-69-LOVE-U
1-69-LOVE-U 2 หลายเดือนก่อน
2 years and still here in 2020 thank you so much!!! huhuhu 😍 lovelots
Fernando Lahoz
Fernando Lahoz 9 ชั่วโมงที่ผ่านมา
Another awesome video, thanks once again Brad!
Magical Lizard
Magical Lizard 19 ชั่วโมงที่ผ่านมา
I am making a registry page and I want the Html to remember people who have registered so they can log in how do I do that?
Inaj Espinosa
Inaj Espinosa วันที่ผ่านมา
Thank you Brad fro making my life easy
Teho Siudai
Teho Siudai วันที่ผ่านมา
im still unsure how i can make the image appear even after looking for alternative solutions on google, i made sure the file name is correct, the location is in the same folder as the cheatsheet etc, the file isnt corrupted. im running out of ideas
Yossi kopyto
Yossi kopyto วันที่ผ่านมา
For months I've been trying to learn HTML and I still can do it help me! 😭😭😭
frank malkowski
frank malkowski วันที่ผ่านมา
AndrewCuomo.live.streaming.scanning.on.com BilldeBlasio.live.streaming.scanning.on.com ChuckSchumer.live.streaming.scanning.on.com JoeBiden.live.streaming.scanning.on.com MikePence.live.streaming.scanning.on.com
Imran Asif
Imran Asif วันที่ผ่านมา
excellent tutorial. Went through the whole thing. Cheers!
PC Fantom
PC Fantom วันที่ผ่านมา
WoW, probably best introduction to HTML I've seen.
JOHNNY D-LUX
JOHNNY D-LUX 2 วันที่ผ่านมา
This video is so ridiculously helpful and you explain this so thoroughly, cannot thank you enough
Vladimir Marinkovic
Vladimir Marinkovic 2 วันที่ผ่านมา
Thanks a lot !!!
Tojo Tosin
Tojo Tosin 3 วันที่ผ่านมา
This was super helpful thanks 😊 👍
Jay Jr
Jay Jr 3 วันที่ผ่านมา
this helps zero
alice wickham
alice wickham 3 วันที่ผ่านมา
Fantastic tutorial - thank you ! I followed along and practiced on the way, learned loads, Kudos!
AuthenticGaming
AuthenticGaming 3 วันที่ผ่านมา
fuck grandma stole my shoes
Md Afroj
Md Afroj 4 วันที่ผ่านมา
Mere dost. Maine ek video banayi hai thvid.net/video/%E0%B8%A7%E0%B8%B5%E0%B8%94%E0%B8%B5%E0%B9%82%E0%B8%AD-V-6NyXJjpAg.html. Apko achha lagega mera tarika to please subscribe kr dijiye
Arttourist25
Arttourist25 4 วันที่ผ่านมา
Your style of teaching is extraordinary. I am a absolute beginner in coding and understood nearly everything you told. I also loved your little comments on "you want to do this in order to get that" and your small but precise explanations what each command will do.
96SL
96SL 5 วันที่ผ่านมา
thanks bro
Matthew Aye
Matthew Aye 5 วันที่ผ่านมา
Awesome crash course, Brad.
John Vincent Velasquez
John Vincent Velasquez 5 วันที่ผ่านมา
THANK YOU VERY MUCH!!!
Spirit Of Soul
Spirit Of Soul 5 วันที่ผ่านมา
I use Opera browser for the same! Ctrl+Shift+I for developer tools and Ctrl+U for page source.
Safdar Kh
Safdar Kh 6 วันที่ผ่านมา
This was much better than my actual web design class!. Thank you sir.
Manuel
Manuel 6 วันที่ผ่านมา
so I’m at the end but the css isnt effecting the website, is there something that might be missing?
mont murillo
mont murillo 7 วันที่ผ่านมา
So sublime text is basically RAR? Hahaha
Lunadriver
Lunadriver 7 วันที่ผ่านมา
This video is teaching me a lot better than the college course I'm paying a good thousand for
Aadhar
Aadhar 7 วันที่ผ่านมา
30:18
K A F
K A F 8 วันที่ผ่านมา
I'm so bored during this pandemic and tried doing this, I have literally zero knowledge in this since I am a Marketing grad, This has gave me alot of fun though, thanks a lot
IAM ZEPEQENO
IAM ZEPEQENO 8 วันที่ผ่านมา
1 in 10 americans thinks HTML is a sexually transmitted disease.
Hajime Mashte
Hajime Mashte 8 วันที่ผ่านมา
Hey, I have a Lenovo PC that has Function Keys above, and I want to know if there's any other way to open that menu in chrome that lets you hover over all your code sections because F12 key in my PC literally can only increase brightness! Also, SUPER HELPFUL VIDEO!!! THANKS A LOT FOR YOUR EFFORT!
Aadhar
Aadhar 8 วันที่ผ่านมา
14:32
Mr Game Generator
Mr Game Generator 9 วันที่ผ่านมา
I learned html and css just to brag to friends about it! now I just need friends...
Cody Vogle
Cody Vogle 9 วันที่ผ่านมา
how did he get the lorem paragraph to generate the entire paragraph
Luke Fox
Luke Fox 9 วันที่ผ่านมา
Learned more in 1 hour watching this then I did in 5 hours on my Udemy course that was not free, while this one is. Thank you!
Colin Campbell
Colin Campbell 9 วันที่ผ่านมา
Wow a little late to the game but awesome, so well explained
Web Plant
Web Plant 10 วันที่ผ่านมา
Best Explanation I've ever seen !! Great Job www.webplant.in/
Vicky Langford
Vicky Langford 10 วันที่ผ่านมา
Is this data analyst or data science?
kb
kb 8 วันที่ผ่านมา
web development
FARMER.-
FARMER.- 10 วันที่ผ่านมา
very good video thanks!
Cody Vogle
Cody Vogle 11 วันที่ผ่านมา
do i need to have spaces before the tags or ?
Lana Sorokhan
Lana Sorokhan 11 วันที่ผ่านมา
Well, just the best spent hour in a few days. Thanks a lot! Love the simple, short and concise explanation.
smokie38
smokie38 11 วันที่ผ่านมา
Why are my words not red? When I type doctype it is not red and when I do the head and press tab nothing happens
Jeph Harles
Jeph Harles 11 วันที่ผ่านมา
thanks, God bless you
Anandhu EV
Anandhu EV 11 วันที่ผ่านมา
bro im using chrome as the browser and when i use abbreviation tag in quotations , WWW is awesome didnt get underlined . instead it has dotted line below. Pls help me with these
Donovan Johnson
Donovan Johnson 12 วันที่ผ่านมา
Your my new teacher
DoT.
DoT. 12 วันที่ผ่านมา
you don't need to be politically correct, you're a good teacher, just leave that bs to twitter soyboys
BingleBonkerBinker
BingleBonkerBinker 13 วันที่ผ่านมา
Great video so far, the only part I don’t understand is with the abbreviation. I put the same line of text The WWW is awesome And I don’t get “WWW” as underlined with the abbreviation showing up. It’s just some odd dots under the W’s and nothing else.
Dave Taylor
Dave Taylor 13 วันที่ผ่านมา
Watched the whole thing - this was excellent! Massive thanks for this. All seems straight forward, with a little bit of back and forth to recap!
Silent V
Silent V 13 วันที่ผ่านมา
Thank you for this! I've actually learned HTML 20 years ago for fun so I'm not a beginner per se but I've decided to pursue frontend dev seriously and this was a good refresher. You've actually clarified some of the newer tags I'm unfamiliar with like using "strong" and not "b" or not using "tables" for layouts, and semantic HTML. So thank you for that.
Just Tutorials
Just Tutorials 13 วันที่ผ่านมา
I know this is a bit of a dumb question but is this the same method in 2020 as the video was made 3 years ago.
Paliza Click_bait
Paliza Click_bait 14 วันที่ผ่านมา
this is my 7th grade homework
Krishna Kant Bhardwaj
Krishna Kant Bhardwaj 14 วันที่ผ่านมา
good work dude...
Karan Jaiswal
Karan Jaiswal 14 วันที่ผ่านมา
Very help ful video And easy to understand with you Thanks Brad🙏
Dia-Yoga
Dia-Yoga 15 วันที่ผ่านมา
What a great video for us beginners. I just started at college the computer programmer studies and I find your video channel much more helpful than our school videos (we are doing the teaching from home due to Covid). So thank you so much, I keep watching your videos and learning heaps of new stuff!
Steve Ji
Steve Ji 15 วันที่ผ่านมา
Awesome video. Super helpful to beginners like me.Thanks a heap.
ROHIT MAHAJAN
ROHIT MAHAJAN 16 วันที่ผ่านมา
Reading something in name="....." is mandatory ?
TutTalks
TutTalks 16 วันที่ผ่านมา
Tut Talks is the official channel to provide programming tutorials. If you are a newbie and don't know anything about HTML, CSS, Javascript, and Bootstrap then you can free watch the complete course on our channel. Channel Link: thvid.net/show-UCkQ5mQlMwcINZQGfzVTPMog Please don't forget to subscribe channel. Contact & Follow Us: Facebook: facebook.com/tuttalks/ Twitter: twitter.com/tuttalkspk/ Instagram: instagram.com/tuttalkspk/ Our Website: tuttalks.com/
Jeff Bommarito
Jeff Bommarito 16 วันที่ผ่านมา
Brad, do you plan on updating this video for 2020? I know its mostly the same but a new format and updated content would be good
OldMC
OldMC 17 วันที่ผ่านมา
You did a really great job explaining everything you did. I really appreciate you taking the time to help people like me understand and learn html.
yanre Z
yanre Z 17 วันที่ผ่านมา
THANK YOU SIR
Najibullah Faqiri
Najibullah Faqiri 17 วันที่ผ่านมา
hello there teacher! i cant finde the (tag) when u say tag i cant finde it on my keyboard! what is tag actauly? when your said lorem tag :)
Najibullah Faqiri
Najibullah Faqiri 14 วันที่ผ่านมา
@11swallowedinthesea i searched for that. but when he is saying tag so the rest of lorem text showing up. everytime he says tag so the rest of text showing up. what he press the rest of text showing up?
11swallowedinthesea
11swallowedinthesea 16 วันที่ผ่านมา
Lorem is not a tag. It's just dummy text. Google 'lorem ipsum' to get it.
Arwa the Pineapple
Arwa the Pineapple 17 วันที่ผ่านมา
Great video.. I've finished this video over two days and I had so much fun learning and applying at the same time...I hope that I'll be able to build my own website in the future. Thank you very much.
محمد دریادل
محمد دریادل 17 วันที่ผ่านมา
Your film was very useful and concise
Patricia Dias
Patricia Dias 18 วันที่ผ่านมา
amazing video!
Ahmad Raza
Ahmad Raza 18 วันที่ผ่านมา
Great!
Fabrizio Mansur Filograna
Fabrizio Mansur Filograna 18 วันที่ผ่านมา
Hi, I really enjoy your videos, I have a question please, I'm an absolute beginner and I'm learning html and CSS, I'd like to ask you if I can already learn Python or if it is better I learn Javascript first, thank you
Fabrizio Mansur Filograna
Fabrizio Mansur Filograna 17 วันที่ผ่านมา
@11swallowedinthesea thank you for answering
11swallowedinthesea
11swallowedinthesea 17 วันที่ผ่านมา
JS first. It's the de facto in the holy trinity of web development (HTML, CSS, JS). Python can be used as it has frameworks like Django, but Python's more for back-end.
TevvMusic
TevvMusic 18 วันที่ผ่านมา
I got everything right until I accidentally made my copyright text at the bottom a clickable link. How to fix?
kartikeya tiwari
kartikeya tiwari 19 วันที่ผ่านมา
I wanted to learn HTML in a short time and when I searched for HTML videos on youtube, I saw this video with so many views and decided to learn from it. And those views are deserving. It was a good tutorial and that added cheatsheet is a good addition for revision later.
Alvin Ho
Alvin Ho 19 วันที่ผ่านมา
I love you teaching, simple and with step by step teaching. easy to understand. thank you.
Arush Sharma
Arush Sharma 19 วันที่ผ่านมา
what was the use of meta in the page?i mean wat is meta used for?
Tom Hills
Tom Hills 19 วันที่ผ่านมา
Amazing video, it really is for absolute beginners, but i just followed along with the whole video and feel really informed. Ill continue with the rest of your videos :) Thanks! The content is great
EZEPROJECTS
EZEPROJECTS 19 วันที่ผ่านมา
Well, I survived it! Wow! you really pack it in. Thx so much.
a Saun
a Saun 19 วันที่ผ่านมา
good video thanks
Denny Ham
Denny Ham 20 วันที่ผ่านมา
Anybody have the PowerPoint that is used in this video? Or can we purchase the PowerPoint to keep in our notebooks for my “community college class that is way too confusing and still requires me to come to You Tube to actually learn before my test”
「Ornated Cherry」
「Ornated Cherry」 20 วันที่ผ่านมา
.3.
Dave Cvetkovic
Dave Cvetkovic 20 วันที่ผ่านมา
Hi I am a complete new when it comes to learning HTML, I found this video supremely useful and feel I now have a good understanding of the basic syntax for HTML, thanks a lot. I have one question however, the last part where you touched briefly in Styling with CSS. for the main Header and Footer. well in short they did not change the style and alignment of either. I am using Sublime Text and Mozilla in case that makes a difference. I triple checked the code and it is all accurate. Can you inform me of where I went wrong or after two years have they already changed the format and you can no longer use basic CSS styling in the head of the HTML? Cheers
Dave Cvetkovic
Dave Cvetkovic 16 วันที่ผ่านมา
@11swallowedinthesea thanks for the help it wasn't the fix but I found my error. cheers!
11swallowedinthesea
11swallowedinthesea 17 วันที่ผ่านมา
Try: header#main-header h1 { ..... } footer p { ..... }
TIRUVALLUR VOLLEYS
TIRUVALLUR VOLLEYS 20 วันที่ผ่านมา
Nice video bro..For kids want to code learn here from Whitehat Jr ; code.whitehatjr.com/trial/register?ref=THA38889639
Noa98
Noa98 20 วันที่ผ่านมา
already stuck in 9:02 because I don't know how to create a new file in mac there's no option for this like in windows
Hilmi Tok
Hilmi Tok 20 วันที่ผ่านมา
HTML extensions: *.html, *.htm, *.shtml, *.xhtml
Hilmi Tok
Hilmi Tok 20 วันที่ผ่านมา
lette celebrate sublime text
John Bolty
John Bolty 20 วันที่ผ่านมา
Learning a new skill is difficult at times. But you made it easy and understandable. Thank you so much.
Rage Gaming
Rage Gaming 21 วันที่ผ่านมา
Please for god sake do not use internet explorer hahahahaha
13 49
13 49 21 วันที่ผ่านมา
5:00 IE (please don't)
CASSoYT
CASSoYT 21 วันที่ผ่านมา
Awesome man, really enjoy this in 2020.
putt
putt 22 วันที่ผ่านมา
ty
OSMOCHEMEMISTS TV
OSMOCHEMEMISTS TV 22 วันที่ผ่านมา
Please am a beginner can someone help me here?
Yasin Yousefi
Yasin Yousefi 22 วันที่ผ่านมา
The way you teach is awesome THANKS FOR THAT
dragonator
dragonator 22 วันที่ผ่านมา
link to powerpoint? it would be really helpfull, i watched like 20 and already loved it, thanks very much
GREEn t
GREEn t 23 วันที่ผ่านมา
Watched the whole thing. This was the best organized, and most comprehensive video series I've discovered. Thank you. I've subscribed and will continue learning from you.
OUR alternate-history
OUR alternate-history 23 วันที่ผ่านมา
you can just get a subdomain
Delfina Guerrero
Delfina Guerrero 24 วันที่ผ่านมา
This was amazing and helpful! Thank you so much for your content.
Rey Hall
Rey Hall 24 วันที่ผ่านมา
Is there any way you could kind of just pull up a website's activity log like in sublime text and just review the coding like a study sheet? Figured that would help.
abbe m
abbe m 24 วันที่ผ่านมา
this is exactly what i was looking for!
micheal silas
micheal silas 25 วันที่ผ่านมา
i'm having issues when i try to save the index.html folder, mine is not changing to a browser. it opens my notepad when i click on it and chrome is my default web
Sleep.
Sleep. 25 วันที่ผ่านมา
will this work with chrome os? i already have vs code on here
Sleep.
Sleep. 25 วันที่ผ่านมา
yall forgot brave browser D:
The Unholiness Within
The Unholiness Within 26 วันที่ผ่านมา
Is a lot of HTML required, or an indepth learning of it, to create an ecommerce website for audio book publishing?
Ian Munene
Ian Munene 26 วันที่ผ่านมา
if ur watching this during quarantine
367erin
367erin 26 วันที่ผ่านมา
Finally just Finished this video!!! Gotta search another resource about HTML for my brain to remember as much as possible like repeating things then applying it too
Lysander Quiñones
Lysander Quiñones 26 วันที่ผ่านมา
Can you help? on the Forms section on Name, Last name and Email I followed your instruction but the box beside those labels won't appear when I open it please help, thank you
Sama Tarek
Sama Tarek 27 วันที่ผ่านมา
Chrome is my default but it doesn’t open the index.html file.Notepad opens it or I can choose internet explorer,why is that?
Debjit Majumder
Debjit Majumder 28 วันที่ผ่านมา
so , HTML and CSS is only for front end developers ????
ต่อไป
CSS Crash Course For Absolute Beginners
1:25:11
มุมมอง 2 400 000
Build An HTML5 Website With A Responsive Layout
1:01:15
HTML Full Course - Build a Website Tutorial
2:02:32
Flexbox CSS In 20 Minutes
19:59
มุมมอง 976 000
Learn HTML in 12 Minutes
12:17
มุมมอง 4 100 000
SSH Crash Course | With Some DevOps
55:02
มุมมอง 233 000
JavaScript Crash Course For Beginners
1:40:30
มุมมอง 1 200 000
นี่แหละ iPhone 12 Pro - Apple
2:22