มืด

Creating a Website with HTML and CSS From Scratch Tutorial

ClutchMoon
ติดตาม
มุมมอง 787 922
97% 7 671 208

Hey guys, sorry this was supposed to be uploaded to my other channel, AlexKnows101. I didn't realize I couldn't upload videos longer than 15 minutes there so I just uploaded it here instead. If you guys like it, I'll continue it and make more videos and turn it into a series. Thanks!

แนวปฏิบัติและการใช้ชีวิต

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

 

30 ธ.ค. 2011

แชร์:

แชร์:

ดาวน์โหลด:

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

เพิ่มลงใน:

เพลย์ลิสต์ของฉัน
ดูภายหลัง
ความคิดเห็น 100
WELCOME TO 'JHORAMON'
WELCOME TO 'JHORAMON' 4 วันที่ผ่านมา
Excellent.
Abdi YouTube
Abdi YouTube 22 วันที่ผ่านมา
Great! tutorial I have seen In my life
OUR alternate-history
OUR alternate-history หลายเดือนก่อน
why didn't you do something the stuff he put in style.css instead
Asad Ali
Asad Ali หลายเดือนก่อน
you teach real good keep it up
LIKE A STAR
LIKE A STAR หลายเดือนก่อน
NEVER MIND THERE ARE AMAZING FREE WEBSITES TO MAKE SOME COOL FREE CASH IN 2020 CHECK THvid FOR GRAMFREE 500 GRAM IS $1000 SIGH UP AND REFER OTHERS GramFree.world/?r=1915522
LIKE A STAR
LIKE A STAR หลายเดือนก่อน
NEVER MIND THERE ARE AMAZING FREE WEBSITES TO MAKE SOME COOL FREE CASH IN 2020 CHECK THvid FOR GRAMFREE 500 GRAM IS $1000 SIGH UP AND REFER OTHERS TO EARN FREE CASH TO PAYPAL. BITCOIN. PAYEER AND MORE GramFree.world/?r=1915522
Caleb Loden
Caleb Loden หลายเดือนก่อน
Ok so I learned last night you can not change font size by “pt”, you have to use “%” the only reason it changed in the video is the html tag determined the font size. Still a good video.
Caleb Loden
Caleb Loden หลายเดือนก่อน
Great great great great!!! I’ve been learning website development coding but didn’t know how to make a file to throw them together. Thanks man. You helped!!
Johanna Terrero
Johanna Terrero 2 หลายเดือนก่อน
Wow, thanks so much for this. Super helpful and so simple to understand! 👍🏼
Cutie Cat
Cutie Cat 2 หลายเดือนก่อน
Excuse me... I dont mean to be rude. But I think its *Language->H->HTML* [then]
Falak Sayyed
Falak Sayyed 2 หลายเดือนก่อน
thank you very much
Malcolm Lagares
Malcolm Lagares 2 หลายเดือนก่อน
I could NOT find your THvid Channel "AlexKnow101". Can you provide a link please ?
armaan Bansal
armaan Bansal 3 หลายเดือนก่อน
Thank you so much! I recommend this video to beginners
Phillip Surveys
Phillip Surveys 3 หลายเดือนก่อน
Thanx for this, it really helped me
Leonard Blanco
Leonard Blanco 4 หลายเดือนก่อน
In my sir it did not color even I copied yours what shall I do?
surfbug1
surfbug1 5 หลายเดือนก่อน
Subbed just cuz you have an east coast accent LOL
Sharon Kabaso
Sharon Kabaso 5 หลายเดือนก่อน
this was very helpful. do you have a you tube page for one to subscribe to?
Darsh Jhamnani
Darsh Jhamnani 5 หลายเดือนก่อน
How to create a WEBSITE! NOT a WEB PAGE! !!
مها
مها 5 หลายเดือนก่อน
Thanks Thanks Thanks Thanks Thanks Thanks Thanks Thanks Thanks Thanks Thanks Thanks Thanks Thanks Thanks 😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭
Jean Sanchez
Jean Sanchez 5 หลายเดือนก่อน
that was useful. thanks man
CatCannabis
CatCannabis 6 หลายเดือนก่อน
i get as far as seeing text but right when you start the CSS stuff none of that works for me please help!!!!
Sherece Lewis
Sherece Lewis 4 หลายเดือนก่อน
@CatCannabis did you type the same name that you save it as? What I mean by that is if you have then the css file should have the same name as the href.
نضال ابن فوزي
نضال ابن فوزي 5 หลายเดือนก่อน
did you put the the css file in the same folder with the html?
CatCannabis
CatCannabis 6 หลายเดือนก่อน
i copied your code verbatim and i cant get my website to change to blue color. What could possibly be the problem???
Bereket Zeru
Bereket Zeru 6 หลายเดือนก่อน
This was a great video, I appreciate it man. Hard to find people who are straight to the point and don't talk t0o much or too little
Noah Fuehrer
Noah Fuehrer 6 หลายเดือนก่อน
click ctrl s to save
Precious Liseli Halubala
Precious Liseli Halubala 6 หลายเดือนก่อน
Non of the colors worked for me...Overall it was a good tutorial.
CatCannabis
CatCannabis 6 หลายเดือนก่อน
Same, none of the CSS stuff he did worked for me? Did you ever fix it?
Sbusi Linda
Sbusi Linda 7 หลายเดือนก่อน
Lovely video! Thank you so much!
Joao Guallar Reyes
Joao Guallar Reyes 7 หลายเดือนก่อน
After all this time you keep making people's lives easy, thanks. an IT student
enzomerp
enzomerp 7 หลายเดือนก่อน
umm why is the website folder empty for me?
CharlieVM25
CharlieVM25 7 หลายเดือนก่อน
So I'm having a problem when your added a different color to the website, it just wont appear, so any ideas?
Jp Swanepoel
Jp Swanepoel 7 หลายเดือนก่อน
Same problem
bukenya deo
bukenya deo 7 หลายเดือนก่อน
ok it`s has been good i want that for putting in the images with the links at the bottom. Thank you
Briana zee
Briana zee 7 หลายเดือนก่อน
the tool guide has created @ ****#CLONESITE2020*
Bruno
Bruno 7 หลายเดือนก่อน
" im gona refresh this and show you what this is done, u can that it has done nothing"
Ravi k
Ravi k 7 หลายเดือนก่อน
Hi How to create google like search to enable users to search the content they look for and get the desired output?
Instant Gaming
Instant Gaming 8 หลายเดือนก่อน
hey there great turturiaol i was wondering how do you display pictures please respond :)
Gugulethu Zulu
Gugulethu Zulu 8 หลายเดือนก่อน
Thank you so much ,I was so blind when comes to this , you just break it down and makes it so simple to understand
Jonathan Solano
Jonathan Solano 8 หลายเดือนก่อน
thanks so much man!
Rey Aspacio
Rey Aspacio 8 หลายเดือนก่อน
Very Great TUT. thanks. I'm new on HTML and CSS and got idea to how...GOD bless
bukenya deo
bukenya deo 8 หลายเดือนก่อน
Thanks brother this is so great
AqmerDropz
AqmerDropz 9 หลายเดือนก่อน
I reccomend visual studio code its way better, has better color coding, helps with spellings, tells errors easy to change files and create etc.
Karlord 04
Karlord 04 9 หลายเดือนก่อน
I wish you were our teatcher bro yhis was awesome
Félix Obiang
Félix Obiang 9 หลายเดือนก่อน
You are just the BEST
Dennis
Dennis 10 หลายเดือนก่อน
Excellent! Thank You!
Eugene Yun
Eugene Yun 10 หลายเดือนก่อน
i am stuck after writing the color code in style tab; i wrote in every piece of code instructed but my website is still blank with only text on it from the body text. Please help
Topsy Gift
Topsy Gift 10 หลายเดือนก่อน
My folder kept saying "This folder is empty" I don't know why. Please how to I solve this problem?
Lalaby Unita
Lalaby Unita 11 หลายเดือนก่อน
Thank you very much! Tomorrow is my class Test and now I can do it!
orginalditto
orginalditto 11 หลายเดือนก่อน
I remember doing something like this in school, so it's familiar and thank you
Povileh
Povileh 11 หลายเดือนก่อน
Thank you so much, I wanted to start creating webs and I didn't have success, but when I watched your video I had great succes! THANK YOU AGAIN!
JoeDanRob
JoeDanRob 11 หลายเดือนก่อน
You know your watching a american when they call # a £ sign
dabananda saha
dabananda saha 11 หลายเดือนก่อน
tnq u so much bro...
Rimela
Rimela 11 หลายเดือนก่อน
Why can't I see in firefox after I open it up!!!!!! plz plz plz help out so urgent.
Jasur Ahmadov
Jasur Ahmadov ปีที่แล้ว
My Website body{ background: aqua; text-align: center; } #main{ width: 1000px; height: 600px; background: white; margin: 25px auto; border: solid 2px red; padding: 10px; } h1{ text-align: center; font-family: "Times New Roman"; font: 24pt; color: black; } hr{ height: 3px; color: solid; } p{ font-family: "Calibri"; font-size: 12pt; text-align: left; text-indent: 48px; color: black; } My Website This is a paragraph This is a paragraph This is a paragraphvThis is a paragraphThis is a paragraphThis is a paragraphThis is a paragraphThis is a paragraphThis is a paragraphThis is a paragraphThis is a paragraphThis is a paragraphThis is a paragraphThis is a paragraphThis is a paragraphThis is a paragraphThis is a paragraphThis is a paragraphThis is a paragraphThis is a paragraphThis is a paragraphThis is a paragraphThis paragraphThis is a paragraphThis is a paragraphThis is a paragraphThis is a paragraphThis is a paragraphThis is a paragraphThis is a paragraphThis is a paragraphThis is a paragraphThis is a paragraphThis is a paragraphThis is a paragraphThis is a paragraphThis is a paragraphThis is a paragraphThis paragraphThis is a paragraphThis is a paragraphThis is a paragraphThis is a paragraphThis is a paragraphThis is a paragraphThis is a paragraphThis is a paragraphThis is a paragraphThis is a paragraphThis is a paragraphThis is a paragraph
reni ramiro
reni ramiro ปีที่แล้ว
When I saved the index.html it did not open on Firefox"
BedrockModz
BedrockModz 11 หลายเดือนก่อน
It doesnt need to open in firefox. Mine opens in chrome and works perfectly
evan harrison
evan harrison ปีที่แล้ว
face reveal! please
evan harrison
evan harrison ปีที่แล้ว
uuuhhmm i need sum help i just did almost exacly what you did and i cant figure out whats wrong and it has a red line on the sid e of it
Jashuworl
Jashuworl ปีที่แล้ว
I'm just trying to really make a normal website from scratch on my own and could not find any, thanks for helping.
evan harrison
evan harrison ปีที่แล้ว
if you dont want to code you can go to google sites or use this link to get their
James Isidenia
James Isidenia ปีที่แล้ว
Thanks You Sir😊😘
Louisse Panganiban
Louisse Panganiban ปีที่แล้ว
My CSS file is not working :( can anyone please elaborate how the CSS file should work
Michaela Playz
Michaela Playz ปีที่แล้ว
I'm following along with the video , but naming my website differently and picking different colors. For some reason the background color of my website won't chant nor the text alignment. Please help?
Michaela Playz
Michaela Playz 6 หลายเดือนก่อน
@zines boii I forget lol that was such a long time ago. I think I just messed with it until I got it
zines boii
zines boii 6 หลายเดือนก่อน
@Michaela Playz how
Michaela Playz
Michaela Playz ปีที่แล้ว
Never mind I fixed it
Handyman Van
Handyman Van ปีที่แล้ว
clutchmoon with the minecraft!!!!!!
Maricar Eugenio
Maricar Eugenio ปีที่แล้ว
what if the background you want to put is picture? How can you do this?
Fibonacchi メ
Fibonacchi メ ปีที่แล้ว
I can do all that without using css...
Bonginkosi Zweni
Bonginkosi Zweni ปีที่แล้ว
world class explanation
NANUK
NANUK ปีที่แล้ว
i have a windows 10, once i get to saving style everything that changes on your set up, does not work for me, i do have a windows 10, is there a different step, only first set-up worked for me, any advice to help me with this?
GWEN GOLD
GWEN GOLD ปีที่แล้ว
At 20:00 I was like geez why didn't u save it 😂😂😂 👁👃👁
Hifza Ali
Hifza Ali ปีที่แล้ว
Thank you so much I really started understanding now. What I dont understand is my Notepad++ when I have my file saved it is not able to run on any internet provider can you please show us how to add the firefox, explorer or Google chrome on the run section in the Notepad++
MamaTis
MamaTis ปีที่แล้ว
This video is great and helped me understand what I need so I can accomplish my website. I have a question for you: What about a domain name? I have one do I use it for my website when I complete it.? Thank you
Angela Lise
Angela Lise ปีที่แล้ว
do we need to install the Colour hex thing? in order to make the background blue?
Totz skie
Totz skie ปีที่แล้ว
Thank for this tutorial Hope dont have behind the this tutorial..thank a lot
Andres Yatusabes
Andres Yatusabes ปีที่แล้ว
Before you save the file, how did you get Firefox already programmed to the file to get to you do the online stuff
Melissa
Melissa ปีที่แล้ว
This was really helpful, thank you!!
Gianmarco Maggiore
Gianmarco Maggiore ปีที่แล้ว
When I write the html code in notepad c++ and save it as an html file. When I try to open it, it doesn't open in Chrome automatically, and when I press Explorer as the program to open it, it just shows me a webpage with the text of the whole code, not just the body part. Can somebody help me?
Lucky Kid Tv
Lucky Kid Tv ปีที่แล้ว
HAhahahaa you are e fan of minecraft to I'm e fan
ali moon
ali moon ปีที่แล้ว
how did you check your website? i am still so confused :(
Alex Ahl
Alex Ahl ปีที่แล้ว
he picked the html link in his folder
RawStreak
RawStreak ปีที่แล้ว
for me, on the website it shows the text/codes that i write on notepad++, e.g it shows Coding Practice practice text for coding does anyone know how to fix???
swift_hammer
swift_hammer ปีที่แล้ว
It's hard to find good youtubers like him.
swift_hammer
swift_hammer ปีที่แล้ว
You the legend. Thanks for the tutorial
Lynne Santa Cruz
Lynne Santa Cruz ปีที่แล้ว
Its very detailed. Thank you. May you upload more videos for html and Css
Geometry sten
Geometry sten ปีที่แล้ว
How do i do so other people can type in like "www.example.com" or something in their browser and they come in to my HTML website?
John JS
John JS ปีที่แล้ว
Thank you so much and hope you make more video like this
Jarrett Brandt
Jarrett Brandt ปีที่แล้ว
my css file isnt working
Darksonic97
Darksonic97 ปีที่แล้ว
man thanks here it is. Don't say i mispelled wrong cuz i want to know if it was a thing. Main Title of Web Page Menu 1 Menu 2 Menu 3 Menu 4 so this is for testing, i.e doing things such as finding variables. I got this idea from this video. Footer
pavan
pavan ปีที่แล้ว
wow man even though it seems easy its not easy for beginners like me. Ill have to watch the vdo and follow it slowly as im a slow learner or maybe im jst being a bit selfish to learn it quick . This vdo seriously helped me and ur a G. Plz make more vdos ill check the other vdo too. ThankYou.
mesut vahidi
mesut vahidi ปีที่แล้ว
Please update something if you can how to build a map notification for web site
Pumpuy 714
Pumpuy 714 ปีที่แล้ว
Thank you for a simplified look into creating a basic site. Just a few moments of watching and I think this is something I can do as a nice hobby. It is nice to the basics of the code instead of the quicky drag and drop.
RareBoisBenson
RareBoisBenson ปีที่แล้ว
how can i get the website public insted of this: file:///C:/Users/jonhe/Desktop/Moekachu's%20WEbsite/index.html
Brandon Stone
Brandon Stone ปีที่แล้ว
I got everything to work except for changing the color and then changing the text color. Your text also did not change color I don't think.
Handyman Van
Handyman Van ปีที่แล้ว
he sounded tired,it's ok to be tired
James Kontoudios
James Kontoudios ปีที่แล้ว
Does this work on mac??
Qublex
Qublex ปีที่แล้ว
Made this thanks to your help! :) HTML ----- UWSB Sandbox This is for testing, i.e doing things such as finding variables. I have gotten this idea from ClutchMoon's Creating a Website video. @Anonymous
evan harrison
evan harrison ปีที่แล้ว
dang
The Durka
The Durka ปีที่แล้ว
Hey! How do you add pictures to your html site?
Cruz Sanchez
Cruz Sanchez ปีที่แล้ว
I finally found a video that speaks English
Endless
Endless ปีที่แล้ว
Is it cheating if I write this down and take it into my computing exam tomorrow
Biliana Ivanova
Biliana Ivanova หลายเดือนก่อน
same
TRiiSTii
TRiiSTii ปีที่แล้ว
Same lul
anthony richardson
anthony richardson ปีที่แล้ว
How do you make when some things are cliked they respod, kile change the page and stuff?
FHsargevrod
FHsargevrod ปีที่แล้ว
How do I veiw it on other devices
chungha enthusiast
chungha enthusiast ปีที่แล้ว
Thank you so much. I´m 13 and I'm starting to learn HTML. This is really useful!
Jenny Jenn
Jenny Jenn ปีที่แล้ว
Hey, can someone help me? I followed all the instructions he did till 9:30 , and i saved it but when i refresh the page of website the color wont apply. (instead of the blue color he did i did another color - #ffe4e1) Actually none of the colors apply.
La funny 55
La funny 55 ปีที่แล้ว
The only tip of advice I have is to make sure at the top were it says styles.css that is exactly what you saved the file as in the folder with the html file. Or try referencing the folder with just the Styles sheet.
Elena Gaskell
Elena Gaskell ปีที่แล้ว
thanks
JohnyBoi
JohnyBoi ปีที่แล้ว
Amazing video! Very well explained! I could not understand in class when the professor tried to explain it. But after coming across this video i understand a lot better! Thanks for sharing your knowledge.
Valdete Elezi
Valdete Elezi ปีที่แล้ว
I learned that on school and used java script too
Mrcy Clan
Mrcy Clan ปีที่แล้ว
how can i publish it
ต่อไป
HTML Full Course - Build a Website Tutorial
2:02:32
The Life of a Speedrunner
1:01
มุมมอง 2 145 445
Learn CSS in 12 Minutes
12:11
มุมมอง 1 900 000
Build An HTML5 Website With A Responsive Layout
1:01:15
How To Make a WordPress Website - In 24 Easy Steps
1:28:03
Learn HTML in 12 Minutes
12:17
มุมมอง 4 100 000
JSON and AJAX Tutorial: With Real Examples
40:45
มุมมอง 1 200 000
Git & GitHub Crash Course For Beginners
32:42
มุมมอง 2 000 000
HTML Crash Course For Absolute Beginners
1:00:42
มุมมอง 3 800 000
Node.js Crash Course
1:30:08
มุมมอง 671 000