Upload

Learn HTML and CSS Tutorial. Howto make website from scratch

jimmyrcom jimmyrcom·85 videos
66,982
2,002,106
Like     Dislike 462

Sign in to YouTube

Sign in with your Google Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to like jimmyrcom's video.

Sign in to YouTube

Sign in with your Google Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to dislike jimmyrcom's video.

Sign in to YouTube

Sign in with your Google Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to add jimmyrcom's video to your playlist.

Uploaded on Feb 2, 2008

You can put your site on the web using a free host
http://blog.jimmyr.com/List_of_Webhos...

Yeah, it's long. #1 requested tutorial on my page is how to make your own site though. I guess it beats those "learn html in 24 hours" books in any case. See the freehosts below on how to put your page online.

w3 html and css
http://www.w3schools.com/html/
http://www.w3schools.com/css/default.asp


Simple HTML/CSS Layout Examples
http://blog.html.it/layoutgala/
http://www.code-sucks.com/css%20layou...
http://www.mycelly.com/
http://www.thenoodleincident.com/tuto...

Simple CSS Formatter
http://csstypeset.com/
HTML testing Sandbox
http://htmlsandbox.com/

CSS cheat sheet
http://www.google.com/search?hl=en&am...
HTML Cheat sheet
http://www.google.com/search?hl=en&am...
Group that standardizes html
http://www.w3.org/
MetaTags
http://www.google.com/search?hl=en&am...
doctype
http://www.google.com/search?hl=en&am...
Adding Images as backgrounds
http://www.w3schools.com/css/css_back...


RGB Color
You can indicate color by using RGB mode too. eg. #336699 is a nice blue google likes to use. It stands for 33 red, 66 green, and 99 blue in hexadecimal. Here's a RGB color picker
http://www.siteprocentral.com/html_co...

Domains cost money, like $10 a year usually or less. I'm not going to endorse any registrars.

CSS rounded corners
http://www.google.com/search?hl=en&am...
Change the look when printing (media)
http://www.w3.org/TR/REC-CSS2/media.html
CSS Popular Pages
http://del.icio.us/search/?fr=del_ici...
http://del.icio.us/search/?fr=del_ici...

HTML Validator
http://validator.w3.org/

CSS Validator
http://jigsaw.w3.org/css-validator/

Some decent text editors
http://www.context.cx/
http://www.pspad.com/
http://notepad-plus.sourceforge.net/u...
http://www.jedit.org/
http://www.scintilla.org/SciTE.html
http://www.notetab.com/

html forums
http://groups.google.com/group/alt.ht...
CSS Forums
http://csscreator.com/?q=forum/

Info about "Lorem Ipsum" often seen on template pages
http://en.wikipedia.org/wiki/Lorem_ipsum

blah
http://www.bbc.co.uk/blogs/radiolabs/...
http://arbent.net/blog/css-tips-that-...

CSS Transparency
IE
filter:alpha(opacity=50);
Firefox
-moz-opacity:0.5;
kde based browsers
-khtml-opacity: 0.5;
Safari
opacity: 0.5;

@@@{
"Group": "Programming",

"JumpPoints": [
{ "Description": "Standardizations Rant", "time": "04:21" },
{ "Description": "List of Intervals and their note Distances", "time": "5:20" },
{ "Description": "Using TrainEar.com", "time": "5:32" }
],

"Subtitles": [
{"locale": "EN", "long": "English", "url": "http://youtube.jimmyr.com/subs/K3kC_l... },
{"locale": "ES", "long": "Spanish", "url": "http://youtube.jimmyr.com/subs/K3kC_l... }
],

"Related": [
{ "id": "afgyNp5HueQ", "description": PHP Tutorial" }
],
"Tags": "HTML Tutorial, Learn HTML and CSS, CSS Tutorial, html video tutorial"
}

Loading icon Loading...

Loading icon Loading...

Loading icon Loading...

The interactive transcript could not be loaded.

Loading icon Loading...

Loading icon Loading...

Ratings have been disabled for this video.
Rating is available when the video has been rented.
This feature is not available right now. Please try again later.

Top Comments

  • Hardey Estrada

    I watched this 2 years ago after I graduated from college. Now i'm earning $3500 maximum. I don't know and i don't want to imagine how my life would be if I haven't discovered this video so i want to say thank you so much! you saved my life :)

    · 10

    Sign in to YouTube

    Sign in with your YouTube Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to rate Hardey Estrada's comment.

    Sign in to YouTube

    Sign in with your YouTube Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to rate Hardey Estrada's comment.
  • blackraider777

    for a begginer good start at learning HTML would be to analyse existing web pages around the net, by either using web dev tools inside browsers or some web-app like webdeconstructor com that let's you analyse layout of a web-page and all HTML tags on it ..

    it's not a spam, it's actually quite useful

    · 9

    Sign in to YouTube

    Sign in with your YouTube Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to rate blackraider777's comment.

    Sign in to YouTube

    Sign in with your YouTube Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to rate blackraider777's comment.

Video Responses


All Comments (6,364)

Sign in now to post a comment!
  • IamTheUmbrella

    hahahhahhh

    ·

    Sign in to YouTube

    Sign in with your YouTube Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to rate IamTheUmbrella's comment.

    Sign in to YouTube

    Sign in with your YouTube Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to rate IamTheUmbrella's comment.
    in reply to Ibrahim Ahmed (Show the comment)
  • Ibrahim Ahmed

    I use codecademy before you posted this comment, and I knew HTML before I knew codecademy, that was just a joke. ;)

    ·

    Sign in to YouTube

    Sign in with your YouTube Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to rate Ibrahim Ahmed's comment.

    Sign in to YouTube

    Sign in with your YouTube Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to rate Ibrahim Ahmed's comment.
    in reply to IamTheUmbrella (Show the comment)
  • IamTheUmbrella

    Ill Help U .........''codecademy(DOT)com/­courses/web-beginner-en-HZA3b/­0/1?curriculum_id=50579fb998b4­70000202dc8b''

    ·

    Sign in to YouTube

    Sign in with your YouTube Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to rate IamTheUmbrella's comment.

    Sign in to YouTube

    Sign in with your YouTube Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to rate IamTheUmbrella's comment.
    in reply to Ibrahim Ahmed (Show the comment)
  • Karl Jackson

    updated this please

    ·

    Sign in to YouTube

    Sign in with your YouTube Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to rate Karl Jackson's comment.

    Sign in to YouTube

    Sign in with your YouTube Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to rate Karl Jackson's comment.
  • Ibrahim Ahmed

    Okay so, first step, is to write "foo" in your file?

    ·

    Sign in to YouTube

    Sign in with your YouTube Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to rate Ibrahim Ahmed's comment.

    Sign in to YouTube

    Sign in with your YouTube Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to rate Ibrahim Ahmed's comment.
  • TheOther42086

    yay! now I know how to make a basic-crap website XD one step at a time haha

    ·

    Sign in to YouTube

    Sign in with your YouTube Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to rate TheOther42086's comment.

    Sign in to YouTube

    Sign in with your YouTube Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to rate TheOther42086's comment.
  • 123junerey

    Im watching at youtube

    ·

    Sign in to YouTube

    Sign in with your YouTube Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to rate 123junerey's comment.

    Sign in to YouTube

    Sign in with your YouTube Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to rate 123junerey's comment.
    in reply to BlockDemos (Show the comment)
  • Loading comment...
Loading...
Advertisement
Loading...
Working...
Sign in to add this to Watch Later