มืด

1: How to Get Started With HTML & CSS | HTML Tutorial for Beginners | Learn HTML and CSS | mmtuts

mmtuts
ติดตาม
มุมมอง 162 714
98% 1 784 32

HTML tutorial for beginners! This is the first HTML tutorial in this series on learning HTML and CSS. Learn how to create a website using HTML and CSS, which are programming languages used to markup websites.
Having said that, HTML and CSS is also the recommended programming language for when getting started on making websites. It will lay the foundation for future coding languages such as PHP, SQL, Javascript, and jQuery.
If you want to learn HTML and CSS, this HTML lesson will get you started on learning the latest HTML5 and CSS3 languages, in a easy to understand HTML and CSS course.
The following text editors is recommended for web development projects:
1 - Sublime Text 3 is a great editor and free, but will have pop-ups from time to time, if you do not have the paid version: www.sublimetext.com/
2 - Atom is free, and a great editor and very similar to Sublime Text, and does not have pop-ups or a paid version. This one I recommend for people who wants a simple and FREE editor! In the next episode I will explain why I will be using this editor in this course! atom.io/
3 - Notepad is not really recommended for larger projects, since it lack in features and functionality compared to the above editors I linked to. But it is great if you want to start out with a simple editor while you are still learning basic programming: notepad-plus-plus.org/
4 - Visual Studio Code (VSCode) is my top recommendation if you want to create professional websites! Of cause the editor doesn't determine the quality of a website, but VSCode is a fantastic tool because of its features and functionality. The only reason we will NOT be using this editor in this course here, atleast for now, is that it would require an episode of me going through its features, which might be overwhelming for some here in the beginning. The other mentioned text editors are easier to get started with, which is what I think is important here in the beginning. If you still wanna give VSCode a try, go ahead! code.visualstudio.com/
➤ 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: www.patreon.com/posts/html-1-download-15592084

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

 

22 มิ.ย. 2017

แชร์:

แชร์:

ดาวน์โหลด:

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

เพิ่มลงใน:

เพลย์ลิสต์ของฉัน
ดูภายหลัง
ความคิดเห็น 131
Nikita M
Nikita M 2 วันที่ผ่านมา
Thank you for your videos. I’m currently learning how to make websites and really appreciate your thorough tutorials.
Marcelo Moraes
Marcelo Moraes หลายเดือนก่อน
What about visual studio code?
Scuff Podcast
Scuff Podcast หลายเดือนก่อน
I have a project which I have to make a website so I will watch all of your lessons.
KidsolooBeatz
KidsolooBeatz หลายเดือนก่อน
the best Beginner tutorial av seen so far man..thankyou
soham pun
soham pun หลายเดือนก่อน
I am new to web development. Is this a tutorial of HTML5?
mmtuts
mmtuts หลายเดือนก่อน
Yes
Pakistani Gamer
Pakistani Gamer 3 หลายเดือนก่อน
Hello Daniel I've been watching your videos a long time ago I was really confused when I was learning HTML5 & CSS3 I learned a bit and designed the websites as for my practice but I left to write coding for a while because I was feeling something weird I was also watching web designing videos and learnt a lot of skills from them but unfortunately some videos were so confusing because they've used their own designing skills and codes some of codes were so difficult to understand so I gave up I didn't write any code for 6-7 months so I forgot CSS3 very badly now I'm back again for achieving my goal and learn designing skills and show them to others and make them happy and amazed but now I'll deserve it anyway! InshAllah!
qvindicator
qvindicator 3 หลายเดือนก่อน
I personally like atom as a text editor instead of notepad. Atom is free, doesn't have popups, and it's friendlier than notepad++' EDIT: Just watched the second video and I saw that you are using atom. That was a total coincidence.
Pakistani Gamer
Pakistani Gamer 3 หลายเดือนก่อน
Yes it's amazing text-editor ever I used as my favorite one
Pratik R
Pratik R 3 หลายเดือนก่อน
what are the other languages to make functionality?
Javed Iqbal
Javed Iqbal 3 หลายเดือนก่อน
Very educating vid. Thanks
anonxxtron
anonxxtron 4 หลายเดือนก่อน
thanks for making these videos
Fiski WoW Guides
Fiski WoW Guides 5 หลายเดือนก่อน
Nice style for teaching peoples bro.I try with notepad++ and i code sometime before i found NetBeans , i recommend it to all people...Its simple and you can see errors,warrning,run the project,run xml scans and more :)
S S
S S 6 หลายเดือนก่อน
hello, I ahve visula tudio. does this tutorial work for me? I am absolute beginner!
mmtuts
mmtuts 6 หลายเดือนก่อน
Yes you can. You can use any IDE or text editor. The editor you choose have no effect on making websites :)
S S
S S 6 หลายเดือนก่อน
@mmtuts thank you for the reply. I have visual studio, on which I can have python, java... So can I use it for your tutorials?
mmtuts
mmtuts 6 หลายเดือนก่อน
Do you have "Visual Studio (VS)" or "Visual Studio Code (VSC)"? VS is an IDE which is a bit overkill for web development, and is used for APP/Game dev. VSC is a text editor which is better suited towards basic web development. In reality, you can use ANY text editor for web dev. Some examples are: - Sublime Text - Atom - Visual Studio Code But just avoid IDEs for now. They are much too complex for people who are just getting started.
NamelessTraveler
NamelessTraveler 6 หลายเดือนก่อน
Thanks for the video! I like how clearly you explain the topics and I'm going to watch all your videos :)
CHINNAN JAISRIRAM
CHINNAN JAISRIRAM 6 หลายเดือนก่อน
Is atom a good text editior to use?
joanna marie ramos
joanna marie ramos 5 หลายเดือนก่อน
Yes
Broad Man
Broad Man 5 หลายเดือนก่อน
~no answers~
CHINNAN JAISRIRAM
CHINNAN JAISRIRAM 6 หลายเดือนก่อน
bro I am new to your channel and telling you the truth you are the best instructor that explains everything in an easy way to the audience thanks bro you are the best
CRISTOBAL KITOA
CRISTOBAL KITOA 7 หลายเดือนก่อน
I looking for this . Thank so much .God Bless You !!
KrazyTeeTP
KrazyTeeTP 7 หลายเดือนก่อน
you look like $ElonMusk... your videos are very helpful! Bless
Saurav Pal
Saurav Pal 8 หลายเดือนก่อน
Ohhh god!! You are an amazing teacher!! THANK YOU SO MUCH!!
Tarron Filmer
Tarron Filmer 9 หลายเดือนก่อน
Anyone watching, other text editors I've found very useful is atom, brackets (especially for web design). and on linux i really like kate (kde advanced text editor). atom and brackets are also multi platform which is great! the text editors i've mentioned have many great features, like sublime but are free. (edit.) literally uses atom on next vid xD
karyuwi barton
karyuwi barton 10 หลายเดือนก่อน
thank you soooo much for this tutorial you save my life :) :)
Van XyTh
Van XyTh 10 หลายเดือนก่อน
How do I get this color scheme?
Murat
Murat 10 หลายเดือนก่อน
Download "Sublime Text 3" (text editor) and before you begin write any code, save your document (in which you are going to write your codes) by this way "documentname.html" so with (.html) extension. Later, open your document with sublime text app, and you haven't to syntax mistake, because text editor can not read your code and color scheme will not change.
bambino
bambino 10 หลายเดือนก่อน
Good teachers like you are so rare! A skill not everyone has
Ahsan Usman
Ahsan Usman 10 หลายเดือนก่อน
When I started with HTML and CSS I started with this amazing book which is taught from basic to advance here you can find more info: goo.gl/M3F8QR If you have any queries let me know!! Thanks
ZioNerd
ZioNerd ปีที่แล้ว
sublime text is my best not notepad++
Ro
Ro ปีที่แล้ว
Wow! I've only watched the first episode and I can already tell you're a great teacher!
Shubham Gaur
Shubham Gaur ปีที่แล้ว
suggest me the best free editor for web development tools like html css jquery or java script??
mmtuts
mmtuts ปีที่แล้ว
Atom or Visual Studio Code
MOHAK KAPOOR
MOHAK KAPOOR ปีที่แล้ว
your videos are great i just wanna see all of them bye the can you tell that you are using which html software
Mehboob Alam
Mehboob Alam ปีที่แล้ว
Nice video
Esra 7:10
Esra 7:10 ปีที่แล้ว
Thanks.
CodeCompete Repeat
CodeCompete Repeat ปีที่แล้ว
you are an incredible teacher.. earlier i was procrastinating learning front end.. but your lectures are good way to start.. Thanks :)
CodeCompete Repeat
CodeCompete Repeat ปีที่แล้ว
good video
Bridget Ginn
Bridget Ginn ปีที่แล้ว
You are wonderful human being for providing these videos. I can't express enough thanks.
Maximilian Ochoa
Maximilian Ochoa ปีที่แล้ว
Would emacs be a viable text editor for a beginning coder whose main focus is one web design/dev? I am aware you recommended a few different editors, but emacs seems to me to be a pretty powerful and well developed option but wondering if it'll hamper me?
mmtuts
mmtuts ปีที่แล้ว
I had never heard about GNU Emacs before you mentioned it. Looking at it and reading about it on their website, it seems to be a simplified editor that can only do the core basics of what other free editors can do. Of cause the editor does not define the quality of a website, but it does make the workflow easier. If you are asking for my opinion I think you should give other more widely used editors a chance. Try Atom or Visual Studio Code and maybe you will get attached to one of them :)
Brian Mickey
Brian Mickey ปีที่แล้ว
Thank you for making all this content!
heena bhaskar
heena bhaskar ปีที่แล้ว
How i download any text editor ??plz help me....
Syed Muzamil
Syed Muzamil ปีที่แล้ว
Nice one #SMMHD
Тимур Хайдаров
Тимур Хайдаров ปีที่แล้ว
Excellent but do you have some lessons Linux Because nowadays I learn Linux or when are you gonna make Linux Classess?
Foxtrot Oscar
Foxtrot Oscar ปีที่แล้ว
you should add a BTC or ETH donation address for all your hard work.
Jube
Jube ปีที่แล้ว
how u get color text??? pls tell me
ilam buduri
ilam buduri ปีที่แล้ว
o shit why didnt you tell us that we need a Computer.hahahaha that was funny.
ต่อไป
Introduction to HTML Programming
1:38:24
HTML Crash Course For Absolute Beginners
1:00:42
Learn HTML in 12 Minutes
12:17
มุมมอง 3
Intro to HTML & CSS - Tutorial
1:33:04
มุมมอง 29
HTML - Introduction
10:46
มุมมอง 51
HTML Full Course - Build a Website Tutorial
2:02:32
HTML Tutorial 1: Introduction to HTML
9:34
Web Development: Intro to HTML
1:33
มุมมอง 70