I've been interested in learning how to make websites and i figured, why not start learning html5 instead of older stuff? so my search around the web has brought me interesting articles that i thought you guys may be interested in seeing.

This is a good layout of how web browsers work and how html5 will optimize their use:

Also, another good article of speculation:

This is a decent tutorial i've found of someone in college who is actually learning how to program in html5. its not fully developed yet, but he shows you the basics and has a video chain:

You might be interested


Reply Attach
  • 4

    Spam bot dislikes your post. +3 for internets

    • Disco
    • February 23, 2012, 6:53 pm
    Lol why do you say that? Cause of all the links? Lol
    - bufus101 February 23, 2012, 9:09 pm
  • 1

    Not to be a debbie downer or anything, but HTML5 coding isn't really too different than the current version of xhtml or HTML is it?

    Also, the guy in the video sounds like he's more obsessed with his mac than actual HTML. His video doesn't even contain anything you can't do in current html... If you want to learn web languages I suggest

    The thing is its not necessarily going to be different. but they are adding a lot of features, which have never existed before in html therefore it is technically "different"
    - bufus101 February 23, 2012, 9:45 pm
    It sounds to me like its mainly for mobile web browsing, which my crappy phone still can't do. (Damn you redneck area where I live!)

    Some of the new tags seem neat, like <video> and <details>, and finally <frame> will be gone as well as <center>, but as a web developer you'll still have to make sure your web site works for people with older browsers.
    - casper667 February 23, 2012, 10:23 pm
    thats the whole point. they are designing html5 to work with all browsers, because they are making the code take care of the order of operations and everything so all the browser has to do is unpackage it pretty much. This allows your hardware to have less to handle but then you need faster internet speeds to keep up
    - bufus101 February 23, 2012, 10:27 pm
    Well if the code looks the same in all 3 major browsers, I'll love HTML5 cuz you have no idea how annoying it is to get a webpage to look similar in IE, FF, and Chrome. lol:)
    - casper667 February 23, 2012, 10:36 pm
    exactly lol. thats why its so exciting. idk how to make web pages but i really want to learn. I was going to start learning html4 but if 5 is coming out soon i would obviously rather learnt that. but if they are going to be quite similar than i could start with html4.

    you seem like you program in html, do you have any tips for a newbie? :D
    - bufus101 February 23, 2012, 10:39 pm
    From what I understand 5 is VERY similar to 4, just don't use the deprecated tags like <center> which you should be using css for anyways.

    I have been coding in html for a few years now, you canc heck out my site if you want.

    The one tip I can think of off the top of my head would be to try and use the <table> tag sparingly for layout, and instead use the <div> tag.

    Also, if you see something you like on a webpage but don't know how to do it, you can always right click and select "view page source".
    - casper667 February 23, 2012, 11:15 pm
    web pages have to allow you to see their code? and thanks for the advice :)
    - bufus101 February 24, 2012, 8:06 am
    and whats your recommendation on which text editor to use? also, do i have to buy a domain name just to test out my html code?
    - bufus101 February 24, 2012, 10:21 am
    No, your browser can open .html or .htm files saved to your computer, including ones you create.

    For text editors, I use Notepad since a lot of the other editors insert a lot of extra code but it just depends on your personal preference really.
    - casper667 February 25, 2012, 1:01 am
    Aright, thank you for all the help. just one last question, would you consider it "easier" to use a editor, specifically as a beginner? or does it not really matter that much
    - bufus101 February 25, 2012, 9:33 am
    It might be easier to use an editor, since instead of having to type out tags most of the time you'll be able to just click a button and follow prompts, and it should also remember to close tags for you as well as nest things properly.

    However since editors like Dreamweaver(the only one I have experience with) do a lot of the work for you I don't think you'd learn actual HTML as quickly or as fluently.

    You'd also have to learn how to operate the editor, which is something to consider.
    - casper667 February 25, 2012, 8:12 pm
    yeah skinnybill below linked a good site for teaching everything. i want to learn html, but its for a specific website idea i have so i kinda want to learn but i also kind of just want to get it done lol. ill gather my resources and do whatever feels best
    - bufus101 February 25, 2012, 8:21 pm
    How would you use the <div> tag to make a table without the <table> tag? do they share the same attributes or something?
    - bufus101 February 25, 2012, 9:24 pm
    If you're making a table, then you would use the <table> tag.

    However, lots of people set the table border to 0(making it invisible) and use tables for their basic site layout, when <div> and CSS is actually much better suited for that once you get the hang of it.

    Here's a good discussion of why you should use <div> instead of <table> when doing the layout of your page: LINK
    - casper667 February 26, 2012, 1:25 am
    very good argument. i agree div would be better, just the tutorial skinnybill recommended didnt have a div section i think. ill look around and see what i can find. thanks
    - bufus101 February 26, 2012, 1:36 am
    so div is the way to organize all of your layouts and CSS is used to make the layouts, pretty much?
    - bufus101 February 26, 2012, 1:42 am
    Here's w3schools' div section: LINK

    You'll understand <div> a lot more once you learn CSS. W3schools also covers <div> layouts vs <table> layouts here: LINK
    - casper667 February 26, 2012, 1:43 am
    beautiful, thank you. Yeah i looked at CSS a bit last night, i can understand why using that can make managing a website a hell of a lot easier
    - bufus101 February 26, 2012, 9:14 am
  • 1

    The way you say "thought Id learn this new stuff rather than the old stuff" is a little irrelevant.

    HTML5 is a standard, not a version. What this basically means, is HTML5 just defines what is new and what won't be used anymore. Its not a brand new HTML.

    What I would recommend is to just learn HTML (may be referred to as HTML 4.01) and then look at HTML5 later. Its just a few extra tags to learn about (audio, video, canvas etc)

    Yeah i completely agree with you. One thing ive always been bad with is wording lol. what i ment was when a new version comes out of any type of programming language sometimes certain things are fixed or changed in such a way that your methodology about programming something may be different depending on the features your version has. i figured if i was going to learn, i might as well learn the most recent version is what i ment. I understand HTML4 and 5 are going to be very similar though
    - bufus101 February 25, 2012, 11:15 am
    Good Good :)

    All you really need to understand is:
    There are some awesome new tags
    Some (crappy, never should have ever been used) tags are being depreciated
    - SkinnyBill February 25, 2012, 11:33 am
    Simple, descriptive, I like it :D
    - bufus101 February 25, 2012, 11:39 am
    I see someone already suggested W3Schools for HTML tutorials.

    Its excellent, and provides tutorials for absolutely ANY kind of language for web development. From basic HTML, javascript, jQuery to Server-Side-Scripting such as PHP,, ruby-on-rails, to data management such as XML or even Databases (MySQL, MSSQL etc)

    It also contains a simple HTML5 tutorial, introducing you to the new tags and giving simple tutorials:
    W3S HTML5 Tutorial
    - SkinnyBill February 25, 2012, 11:47 am
    awesomesauce, has some free online classes you get take too, like they email you links to videos and such. thanks for the info, ill look into it
    - bufus101 February 25, 2012, 1:18 pm
    Yeah, but with me, I like my tutorials skimmed to the bare bones. For example - W3Schools tell you all what you actually need to know, but dont add paragraphs and paragraphs of stuff you don't need to know.

    Its also why i find TheNewBoston's tutorials not useful. While they are VERY GOOD resources, I feel he talks about it too much, and talks too slowly. He could make his videos quicker and more efficient if he talked less, and wrote a script to follow more exactly. (As far as I know, he writes an outline to follow when recording his videos, but not a full script)
    - SkinnyBill February 25, 2012, 2:04 pm
    oh i see. yeah when i have time ill scroll around and check out all my sources to see which one i like best. whenever i find the time to do that lol
    - bufus101 February 25, 2012, 2:24 pm
    wow you are right, w3schools is like literally barebone information. its actually quite awesome
    - bufus101 February 25, 2012, 6:45 pm
    Sorry for all the comments lol, but also, i just found this, but i cant find anything online that tells me what else to use. im glad the w3schools tells you whats going to be canned in html5 but it doesnt tell you what to replace it with

    The <frame> tag is not supported in HTML5.

    The <frame> tag was used to define one particular window (frame) within a frameset.

    The <frame> and <frameset> tags are not supported in HTML5, because they have a negative effect on the usability of a web page.
    - bufus101 February 26, 2012, 1:19 am
    Oh, there is that i suppose. But just for this example, i will tell you that you need to use iframe:

    The <iframe> tag specifies an inline frame.

    An inline frame is used to embed another document within the current HTML document.

    It basically does the same job, but much better.

    Example Usage:
    <iframe src=""></iframe>

    You can even add the "seamless" attribute to make the iframe look as if it was part of the page, rather than embedded.
    - SkinnyBill February 26, 2012, 4:39 am
    ohh i see. so iframe is the replacement for frame? cool beans.
    - bufus101 February 26, 2012, 9:14 am
Related Posts