Creating Your First HTML5 Web Page - 02

Download this episode

Download Video

Download captions

Download Captions

Description

Warm up your keyboard and get ready to work. In this lesson—an important foundation for the series as a whole—you'll be fully immersed in what it takes to build an HTML5 web page, including the utilization of HTML5 structural elements in a real scenario.

Download the source code for Creating Your First HTML5 Web Page

Tag:

HTML5

Embed

Format

Available formats for this video:

Actual format may change based on video formats available and browser capability.

    The Discussion

    • User profile image
      Mahmud Chowdhury

      WoW this video tutorial is really good. I have learnt so much and it was easy to understand.

    • User profile image
      EllaVS

      Good! Thanks Smiley

    • User profile image
      rickyfarmer

      I'm new to Channel9 but am happy I found it.  I am using a mac, dreamweaver and Safari.  Hoping that will work just as well or close to learn the basics.  

    • User profile image
      Clint

      @rickyfarmer: this is platform agnostic material.  Smiley

    • User profile image
      BobTabor

      @AbolfazlQazaqi: Could you elaborate?

      @Mahmud Chowdhury: Very cool!  Best wishes!

    • User profile image
      Derek

      A bit too long for me, it was getting a little tedious near the end but a good beginner tutorial none the less. Keep it up

    • User profile image
      Stephanie Hughes

      I am so happy to be here. I am a student Graphic and Web design and this is excellent. Thanks.

      Stephanie Hughes
      @stphughes

    • User profile image
      Stephanie Hughes

      I will be flying international in a few days and would like to complete this entire course whilst i am away and on the plane. Anyway i can download all modules, rather than one at a time?

      Thanks,

      Stephanie

    • User profile image
      sqltriad

      I used to learn C# during the early days  and Bob Tabor's videos were very handy.

    • User profile image
      azeem

      Hey Bob i think you made a mistake. You forgot to close the "headline" in the first article.

      <h1>Background Every Web Developer Needs to Know<h1>

      (19:24)

      edit: sorry i just watched the next lesson Wink

    • User profile image
      Dean Bush

      Thank you, Bob, for your online instruction! I intend to go through the entire series. I feel empowered already!

    • User profile image
      BobTabor

      @Stephanie Hughes: Awesome!  Hope these help.  To answer your other question ... no, I don't believe you can download them all in one "package" (i.e., one zipped file, etc.).  Sorry!

      @sqltriad: Very cool ... glad to help!

      @azeem:  Smiley  Thanks for the edit.  Glad you're paying attention!!!  Big Smile

      @Dean Bush: Nice.  Keep up the good work!

    • User profile image
      Manish Chhetia

      HTML 5 tutorial is really good; covered all basics with nice details.

    • User profile image
      alan whtifield

      Fantastic video! Watched and followed, finished around five mins ago and am pretty excited about seeing the next! Thanks for making!!

      Alan

    • User profile image
      Vrushali

      Hello Bob,
      I watched 1st and 2nd tutorial HTML5,its awesome,i learn so much new things i'll watch html5 and js full session in upcoming days.nice to see you,it was easy to understand.I have one question that is html5 functions run properly on IE 9 or later version,what about the reaction for other browser(firefox,GoogleCrome etc...).

      Thank you

    • User profile image
      BobTabor

      @Vrushali: I think you could use just about everything we do here in any CURRENT VERSION browser vendor.  There may be a small exception or two (particularly around Forms later in this lesson ... but I honestly don't know where the prickly bits are) ... the best thing to do ... TEST in every target browser (they're free!) before you release your website publicly. Best wishes!

    • User profile image
      BobTabor

      @Manish Chhetia: Thank you!

      @alan whtifield:  Glad you're excited.  This is fun stuff!  Just take consistent baby steps and you'll be ahead of me in no time.  Good luck!

    • User profile image
      AdiTao

      Great tutorial. Thanks for your work. 

    • User profile image
      Alex Weishaeupl

      Hello Bob,

      do you know where i can find the file "lesson2.zip"?
      I can't find it on the channel9 website :-(

      Thank you for these great videos..

      Best wishes

    • User profile image
      BobTabor

      @Alex Weishaeupl: Under the video description paragraph at the top of this page you'll see the text: "Download the source code for Creating Your First HTML5 Web Page".  Hope that helps!

    • User profile image
      Ryan White

      I hope to see a similar series for Windows 8 C# programming one day, as I've seen from your other series. They have always been so clear, and helpful.

      Everywhere else I try, I get lost in 12 seconds. I'm been nothing but please at the results I have from here!

    • User profile image
      Ezward

      Bob, Thanks for creating this series. I have been looking for a well crafted tutorial on HTML/CSS and Javascript for my daughter and this and your Javascript series look to be perfect. Thanks again.

    • User profile image
      BobTabor

      @Ryan White: Thank you for the vote of confidence!  Glad my style works for you.  Best wishes!

      @Ezward: Good luck to you and her both!

    • User profile image
      scottandrus

      Hi, Bob!

      I'm a student with a reasonably strong foundation in traditional development (C++, Objective-C for iOS, C#, and JavaScript) as well as graphic design, but I would like to branch out into creating websites and learning web markup, which I have very little experience with. Would this series be a good fit? Thanks again for all of your efforts.

    • User profile image
      FutureCoder

      Bob, I love your tutorials, You are doing a great thing by teaching this.

      I just have a question about the differences in video playback. I want to know why if I pause the video, it doesn't start up again if I move back a little.  I have noticed this on several videos on channel 9, and I wonder if this is a limitation of html5 or Silverlight maybe.?

      Sometimes it works but most of the time if you move around in the video you will have to start over again to get back to where you were.  I have learned that if I pause the video, I may not be able to get it going again.


      edit.. sorry, I wasnt using Internet Explorer, It works in IE.  it was not resuming when i had the format set to auto - now I have opened it in html5 in IE and I can pause and move around.

       

    • User profile image
      rgb

      Mistake:

      <h1>How Web Browsers Parse HTML</li>

      00:28:28

    • User profile image
      SagarRout

      Hey! Bob

      I am a newbie in channel 9 but i found your videoes are clear and very elborated in nature.I am really impressed with your active learner concept.

      Thank You

      Can you tell me how can i put a logo in our title and no internet explore logo?

       

    • User profile image
      rgb

      Very sorry! Before I publish the comment, I hadn't watched whole movies. Great video!

    • User profile image
      BobTabor

      @scottandrus: I tried to incorporate the latest thinking in HTML5 and CSS3 in this series.  In some ways, HTML5 is a departure (or, perhaps, it embraces the original intent) of emphasizing semantics over design . . . if you watch this series, you'll hear me hammer that point home ad nauseam.  In that respect, I think it will get you thinking in the right direction.  I'll also cover new trends (responsive web design, mobile first design), modern CSS frameworks and the like before it's all over.  So, yes, I am confident that by the end of the series you'll have a solid understanding of the entire landscape of HTML5 / CSS3 development for web and Windows 8 apps.  Good luck!!!

      @FutureCoder:  Cool ... make sure you give that feedback experience to Channel 9 directly ... I'm not part of Microsoft or Channel9 per se, just a "hired gun".  Use the Feedback link in the footer regarding your challenges about playback experiences ... they would want to know this.  They may not solve it over night, but I'm sure they'll address it in the next rev of the site's design.  Glad you're enjoying the series!

      @rgb: No worries, mate!  Smiley  It's hard to type in Notepad!

      @SagarRout:  You want a favicon.  See:

      http://www.w3.org/2005/10/howto-favicon

    • User profile image
      UzairBadar

      kindly tell me bob where are the file name "lesson 2"

      send me the link plzzzzzz

    • User profile image
      BENss

      Is NotePad++ ok to use instead of the regular notepad? Someone had suggested that program to me.


      +1 on all the "Thanks" and "Great series" comments


      EDIT: Just kidding. I just got to the part where you have files already laid out for us. It would be easier just to use those and the basic Notepad (for future viewers with the same question).

    • User profile image
      BobTabor

      @UzairBadarDownload the source code for Creating Your First HTML5 Web Page

      @BENss: You can use whatever you want.  That's why we used Notepad ... it's vanilla, so add your own particular flavors.  Big Smile

    • User profile image
      BaoYuguang

      very good!

    • User profile image
      Drenusha

      Hello. I have seen the introduction and this is just what I need, but I am not sure if I can follow the tutorial on Mac too?

    • User profile image
      Rafet

      Why is my html displayed in google chrome (or in explorer too) with he code? :-(

    • User profile image
      BobTabor

      @Drenusha: Yes, just use TextEdit (already installed) or go to the App Store and use TextWrangler ... free.

      @Rafet: You may have saved it (inadvertantly) as .html.txt ... please watch that part where I talk about being careful when saving the file ... change from .txt to All Files *.* in the Save As dialog.  Hope that helps!

    • User profile image
      fungale

      this is so good...

       

    • User profile image
      Elvis

      pls can any body help me with a link where i can download adobe dreamweaver full video tutorials, i will be very grateful thanks...

    • User profile image
      Mark Mahathey

      I will be watching all the videos

    • User profile image
      bitoolean

      @BobTabor: I'll also cover new trends (responsive web design, mobile first design), modern CSS frameworks and the like before it's all over.

      I can't wait to get to those parts! Excellent tutorials - I've had to learn web programming/design by reading books and online reference the past couple of years, but this is undoubtedly the better approach. May I suggest to young/new learners - obey every small piece of advice in these videos!

      I'll dive into those C# tutorials recommended in two reader's comments above absolutely. I haven't felt like investing the time in learning it yet, but I'm confident it'll be a lot easier, if not more enjoyable this way. Where can they be found?

      I only regret these weren't available earlier. I can see most websites poorly optimized/designed, so I intend to become a better website developer. This is the best start possible. For free!

    • User profile image
      Mohamed

      Good Stuff Bob Taybor! Your tutorials were so helpful.
      I followed your Microsoft Visual C# series, and today im a junior programmer.

    • User profile image
      Sergey

      The best lesson I've ever seen and very good series!
      Great thanks from Russia))

    • User profile image
      annaqeeb

      A typo in the text file Before.txt, in "One Final Note About Our Overview" Section :

      "fie paragraphs" . Ithink it was meant to be "five paragraphs"

    • User profile image
      Evgeniy

      Hello, Bob!
      How is better to use <br> for applying new line in your example's [figure] tag?
      1)<img src="http-message.gif" alt="A diagram...">
      <br>
      <figcaprion>Figure 1. The HTTP Request...</figcaprion>

      2)<img src="http-message.gif" alt="A diagram...">
      <figcaprion><br>Figure 1. The HTTP Request...</figcaprion>

    • User profile image
      Tyler

      Phew!
      I took the C# course before this. I remember my dad trying to get into learning html when I was younger. I don't remember it being this labor-intensive though! (although this was back when windows 98 was "the latest and greatest")
      Is there an IDE for html?

    • User profile image
      Himanshu Banswal

      Hi,Bob Taybor i have seen your all videos, all were very good and very helpful for every designer and developer.

      And i'would like to say thanks to Channel 9 who give us a good plate farm to learn..:-)

    • User profile image
      Yabood

      This is great.  Thank you very much for taking the time!  I am planning on taking the 70-480, and this series is perfect.

    • User profile image
      eebrinker

      dude .... get to the point. zip it along. understand you are on a video. if someone needs to stop or replay, they can. but can't jedi-mind trick you into speeding it up. took 15 minutes to find out you're doing a beginner's lesson. and the only thing even your beginners got to learn in that timeframe was that a tag has brackets!

    • User profile image
      BobTabor

      @eebrinker: My friend, you may have missed the parts of title that intimated the intent of the series ... "Fundamentals", "Absolute Beginner", "Creating Your FIRST HTML5 Web Page" ... sorry you were misled.  I tried to explain in the first video of this series that this was intended for beginners, that there would be better ways for experienced developer to spend their time.

      @Yabood: @Himanshu Banswal: @SergeyMadMohamedMadbitooleanMadfungale: Glad the videos were helpful!

      @Tyler: re: IDE ... PLENTY.  Search for: Web Matrix or Visual Studio Express 2012 for Web.  There are lots of non-Microsoft ones available, too.

      @Evgeniy: Remember the semantic intent of the <br> ... if you're using it because the content (like a mainling address) benefits from the custom of putting line breaks in it, then a <br> is appropriate.  It's probably less appropriate for using it to STYLE your pages.  However, no one is going to fault you (ok, at least, I won't fault you) for doing this so that your page looks right.  But I would encourage you to use CSS for styling.

    • User profile image
      haidinhtran

      I really need this series for my partners Big Smile

    • User profile image
      Dave

      Thank you Sir for making these videos! I guess im and old Guy taking up coding at 37 but totally love making web pages from scratch. I've been working in Wordpress for a couple of years using all ready made themes so this is new ground :). Parallel to this I'm teaching myself the CMS umbraco, maybe you use it?

      Thanks!
      Dave
      Sweden

    • User profile image
      BobTabor

      @Dave: Never too late as far as I'm concerned.  Smiley  I'm familiar with that product only by name, but have never used it.  Good luck!

    • User profile image
      Tanay

      Bob,what is the difference between the <br> and <p> tags?

    • User profile image
      Duncanma

      @Tanay: I'm not Bob, but here you go... the <br> or <br /> tag is a line break, which just breaks the content onto a new line. This tag doesn't go around any content, it sits in the middle of your other content. <p> is a more descriptive tag that wraps around a block of text that you wish to appear as a single paragraph of text. You can put an id attribute, a class attribute or whatever else you need on <p>, but you can't put anything on a <br>.

      From Wikipedia: "The difference between <br /> and <p> is that 'br' breaks a line without altering the semantic structure of the page, whereas 'p' sections the page into paragraphs. Note also that 'br' is an empty element in that, while it may have attributes, it can take no content and it may not have an end tag."

    • User profile image
      Ayesha

      Hey,
      I find the tutorials really very useful. And i get the idea its no biggie at all, and for once i am liking programming . So, thanx for that.
      I want to ask that the place where the image is inserted, it doesn't open up in my internet explorer. Instead, everytime its giving the alternate message with a cross on the picture. I dont know how? Tried different images too, but still it won't go away. ? It's getting me confused.

    • User profile image
      BobTabor

      @Ayesha: Hi Ayesha, the problem is easy to correct.  The web browser cannot find the image in the location you specified.  Perhaps the file name is incorrect, or the folder name or location is incorrect.  I believe I cover the topics of specifying "relative paths" for the "src" attribute of the <img /> element ... make sure you understand the topics of "relative paths", even seek out a good HTML reference / cheat cheat (use Bing.com).  Hope that helps!

    • User profile image
      Ayesha

      Thank you bob. Thanx a lot.

    • User profile image
      Re3d

      Awesome vids!
      You are great, bob!

    • User profile image
      josh

      Hi bob, great video.

      I need to know why the Font Size for h1 is smaller than h2 ??

      <h1>Background Every Web Developer Needs to Know</h1>

      <h2>Introduction</h2>

    • User profile image
      BobTabor

      @josh: Hi josh, it's been a while since I recorded this so I can remember specifically what's going on, but it's either:

      (1) A result of a CSS style specifically on the h1 and/or h2 elements

      (2) A result of a CSS style that encloses, and therefore impacts the h1 and/or h2

      (3) A style specifically on your browser.

      If you could point me to an exact time marker in the video, I could get closer to the right answer.  Thanks ... Hope that helps.  AND I would say just hang in there ... all should be explained before the end of the series.  Smiley

    • User profile image
      Charles69

      Thank you for this great video! can't wait to the next one! Good work, well done  Wink

    • User profile image
      josh

      Thanks for the replied.

      Its at 24:01 of the video, notice that the header for:
      "Background Every Web Developer Needs to Know" ---- <h1>
      "Introduction" ---- <h2>

      I thought h1 font size should be larger than h2.
      Is this will be explained later?





    • User profile image
      Adrian Gurnett

      Good videos Bob .. random question: what is the fancy looking black gadget behind you that flickers with the dots? (binary clock of some sort?)

    • User profile image
      BobTabor

      @josh: Yes, I'm pretty sure I'll explain it, or at the very least, how to take control of the size yourself with CSS3.

      @Adrian Gurnett: Yes, it is a binary clock.  Here's a challenge ... Can you figure out what time I started recording the video?  Wink

    • User profile image
      Chris Hugo

      Can't make these play with Windows 8 and the latest version of Chrome. Gets the first few seconds and then stops. Have selected HTML5 as format

    • User profile image
      BobTabor

      @Chris Hugo: That's probably great feedback for the Channel9 team to hear.  Unfortunately, they probably don't monitor these comments as closely as I do -- I can only help with technical / HTML5 / CSS3 challenges you face while working through the examples.

      However, you may want to try right-clicking on the MP4 (or other version) of the file, selecting Save As ... from the context menu, and saving to your desktop or desired folder, then watching from there.  They will be HD 1280x720, crystal clear.

    • User profile image
      chugo

      That's what I did.  Thanks!  Great video.  It's very easy to understand.  Can't wait to get through the rest of them.

    • User profile image
      Mbonga

      God ever bless you Bob for this new Year.

      Thanks a lot cause your lessons have made me a way to this technologies

    • User profile image
      Fawaz

      Hi.............

      First time I understand the basics of HTML5.I also watch the HTML5 basics from other tutorials (like lynda.com etc).But from this tutorial I understand correctly.I like to THANKS Sir BOB TABOR on this fantastic and great training.

      Thanks once again.........

    • User profile image
      BobTabor

      @Mbonga: @Fawaz: Glad the videos help.  Have a great 2013!

    • User profile image
      Adrian Gurnett

      I will hazard a guess @ 14:16:22 :)

    • User profile image
      Rajesh

      hi...................

      Hai BOB i know little bit about html5..But i dont how to use...From this tutorial I understand correctly BOB..

    • User profile image
      zbutler

      Hi Bob and great video. I am understanding quite well the formation of a document but for some reason my images did not display. I have the latest versions of IE and Chrome but for some reason they wouldn't display even though my coding is the same as yours (from what I can see) Any suggestions on what the problem is?

    • User profile image
      BobTabor

      @zbutler: Let's start here ... Can you download the code associated with this video and verify that it DOES work on your computer?  If you tell me "Yes, it does", then there must be *something* different about your HTML/CSS and my HTML/CSS ... we would just have to comb through each line of code and look closely to find the difference.  I suspect that your images are not displaying because of the path in the src attribute of the img element ... it's not pointing to the correct file name ... make sure the file extension is correct ... that always gets me!

    • User profile image
      Pincho

      Thanks Bob. This is an excellent html course for beginners. Even though I have taken other html classes, I intent to complete your html, java script, and c# classes, so I get a better understanding of those languages. Thanks again, and Keep up the good work.

       

       

    • User profile image
      Mahadev

      Thanks. Very helpful for beginners …

    • User profile image
      Romel Fausto

      Easy to understand tutorials. I hope there will be more tutorials like this in different topics. Thanks a lot.

    • User profile image
      nCo

      Are you the greatest person who ever lived? Smiley Thank you very much for tutorials! I am total beginner in this! Because of you, I enjoy working in HTML5! You are good man! Smiley I hope one day I will learn that much so you can be proud of your student... Smiley Best wishes from Serbia!

    • User profile image
      BobTabor

      @Pincho: @Mahadev: @Romel Fausto: @nCo: Thank you, all.

    • User profile image
      daniel

      hi bob, just like to say thanks for the videos. i followed the video carefully. and yet when i run the code, the bottom nav section wont appear as hyper links. i downloaded the lesson 3 code and that runs with it as links and flipping between the two i cant see any difference at all. any idea why this could be?

      thanks

    • User profile image
      BobTabor

      @daniel: Honestly, you're probably missing something small.  If you send me the files I'll take a quick look and see if anything pops out at me.  bob at learn visual studio dot net

    • User profile image
      Aquawinds

      Thank you for the tip on downloading TextWrangler! What's the difference with Coda, for example? I used to write basic HTML like ten years ago, I'm excited I can write it again! Greetings from Mexico ;)

    • User profile image
      BobTabor

      @Aquawinds: I own Coda 2 as well ... it's nice, and when I'm using a mac, it's my main editor.  You get some utilities like managing entire websites as projects (instead of just loose files), you can publish from Coda 2 via FTP, you get syntax highlighting, snippets, preview and probably other features I don't use.  Smiley

    • User profile image
      Amit Gupta

      Hi Bob,

      I am working as a UI developer... I have very good command on Html 4.0 and css 2.0.. your video tutorial is awesome.. i like it very much.your HTML5 and css3 tutorial start from baby step it's very good for beginer. Can you provide me link form learning HTML5 and CSS3.. which is very helpfull for me.

    • User profile image
      bob

      Just adding another thanks and well done. The speed of your instruction is spot on. Moves right along, so I do not get bored, and yet I need to stop once and while and rewind. I look forward to the rest of the series.

      cheers

    • User profile image
      Oakley

      I relly like these tutorials, I can't believe they are free ! ( they are free aren't they ?)
      I had no idea you could use notebook like this . I was up early this morning and right on the compter at 5:30am doing the css tut adding the font change to ariel and helvettical sans-serif but for two hours I could not for my life get the notepad to change or change the page color or anything ... I put the css folder in with the work file in the 03 folder ..saved it over and over with no success ... anybody know what Im doing wrong?

    • User profile image
      BobTabor

      @Amit Gupta: I'm not sure from your question what you want.  Can you be more specific?

      @bob: Thanks!  Glad you're enjoying them!

      @Oakley: Hi, can you post some of the code?  It's going to be one of two things:  (1) syntax error in your CSS code, or (2) how you reference the CSS file from your HTML file ... file name may be wrong, folder name may be wrong or have an extra / in there, etc.

    • User profile image
      Olivia Torma

      Hi Bob.

      Thanks for a great intro to HTML5. I've just finished following your first tutorial and found it great for beginners! I have only had a little experience with HTML from editing some code in my wordpress theme (I made a lot of mistakes along the way but eventually worked it out). Your helping me make more sense of why it's written the way it is. This will be a great help to me when I learn how to add my own artwork to the design of my site.
      Cheers,
      Olivia
      (Australia)

    • User profile image
      Keanu

      Great Work Bob. I have been working in the blind for the past couple of months on this. Glad I found Ch9, through Chris Pound. I followed what you did. I used notepad ++. I checked my result and got everything underlined except for whatever comes before your meta command. Any suggestions?

    • User profile image
      KEANU

      Ok. I got it. I had mistyped some tags. Looking great.

    • User profile image
      meza of war

      SOS i need help anyone. when i moved the navagation stuff at the top of the page the bulletin points stayed right next to the heading of the page and did not move with the navagation stuff to the right.what happened? can anyone help me!SOS

    • User profile image
      meza of war

      never mind

    • User profile image
      BobTabor

      @Olivia Torma: Great!  Hope you enjoy the rest of the series!

      @Keanu: Cool ... glad you figured it out!

      @meza of war: Care to share?  Was it due to mistyping?  Let me know if I can help.

    • User profile image
      electro44

      Thanks Bob! Finding your videos made my day! Cant wait to see them all!

    • User profile image
      Astro

      Hi Bob
      In the xhtml days, the <br> tag was always treated as evil, and that they don't have semantic meaning, and that the only time they are appropriate are in poetry or someones mailing address.

      Can you clear up when and when you shouldn't use the <br> tag?

      thanks!

    • User profile image
      BobTabor

      @Astro: Take a look at the spec:

      http://www.w3.org/TR/2011/WD-html5-20110525/text-level-semantics.html#the-br-element

      It is a "line break", and they give semantic examples of what to do and NOT to do.

      Ultimately, you should be using CSS when you can to style things, so avoid using the <br> where a paragraph should go -- even if you don't want a full paragraph break ... again, use CSS for spacing in those cases.  However, some content (like addresses, poetry, etc.) need a line break because there's meaning in the break ... convention, or what have you.

      Hope that helps?

    • User profile image
      rana saddam hussain

      Hey Bob great work easy to learn
      can you make make videos on JavaScript
      thanks a lot

    • User profile image
      BobTabor
    • User profile image
      Gernot

      I just finished this video and I think it's awesome. It's kinda long time ago since I used html last time so it's great to have some easy "course" to start learning it again! I really hope the next videos will be great too :)

    • User profile image
      NewStudent

      Firstly,Major Kudos to you Mr Bob Tabor. Really :)

      As a new student in the IT course,im honestly terrified about the stuff i'm gonna study really. But just with the first and second Video. I'm kinda eased up and motivated to get down with the basics :)

      Not only will this help me in my module but your tutorial in C# and Java fundamental will help me throughout this year in school and might give me the starting edge.

      Major appreciation!

    • User profile image
      BobTabor

      @Gernot: Thanks and hope the rest of the videos continue to benefit you.

      @NewStudent: Good luck in your courses! 

    • User profile image
      shaundra

      why cant i access the source code? i downloaded everything but all files in folders look like the next folder. there aren't any script files or minus-8 or data10.json files, just to name a few, like what i see on your screen.

    • User profile image
      shaundra

      i think i figured it out...if i have more trouble, i will let you know. thank you for this series

    • User profile image
      ingenting

      Thank you, Bob!

    • User profile image
      noureddine

      theks'

    • User profile image
      noureddine

      شكرا مايكروسوفت  لكن هل بالامكان توفير برامج تعليمية بالعربية

    • User profile image
      Ebony

      Hi, Bob, I am in love with all your lessons. I am coming back to remember how to write HTML and I thank you very much! There is not better help than this. Thanks a lot!!

    • User profile image
      BobTabor

      @Ebony:Very nice, thanks for watching!

    • User profile image
      limsatta

      Thank you.

    • User profile image
      Alleagra

      A natural born explicator! You engage from the start. Superb lectures and other teachers/presenters, whatever, should pay careful attention. Brilliant.

    • User profile image
      isbn121

      How do you download lesson2?

    • User profile image
      BobTabor

      @isbn121: Look for the bold text "Download" right beneath the embedded video.  There are several formats to choose from.  Good luck!

    • User profile image
      BobTabor

      @Alleagra: Wow, thanks for the nice compliments.  Glad you enjoyed the videos!

    • User profile image
      irum

      your lecture is super.
      thanks
      God bless you.

    • User profile image
      Muhammad​Faizan

      Respected Sir,
      You have done a great job, i've completed C# fundamentals, windows store and have created my own app..
      Now I'd be completing JS fundamentals + this series !
      Thank you thankyou so much for creating these series ! I really respect you alot...
      and the way you explain it feels like a geeky friend of mine is teaching me via video call !

    • User profile image
      edi

      Respect to you Sir
      I've started to learn C# from your video series and it feels like I do understand what's going on, but I have a question for you: it's the right move to start with C# ? Or I should started with HTML5 and CSS, then move to JAVA and after that to C#? I'm not in any school or something, but I'll learn this no matter what. thank you for your time given to all of us

    • User profile image
      BobTabor

      @irum: @MuhammadFaizan: @edi: Glad you liked the videos.  Thanks for the nice words!

      @edi: Yes, there's no proper way to view the videos, but I do think the HTML5/CSS3 needs to go before the JavaScript series.  You can view the C# videos any time.  Good luck!

    • User profile image
      arjun

      really good and simple to learn thanq and super

    • User profile image
      edi

      Thank you Sir for the reply, I'm on the right direction now.

    • User profile image
      GoodCoffee

      Hi, I finished the web fundamentals section on code academy but I wanted a review from another perspective so I am watching this. I am on a Mac and using Safari and TextEdit.

      Unlike Notepad, TextEdit only gives these format options when saving a file: Rich Text Document, Rich Text Document with Attachments, Web Page (.html), Web Archive Document, OpenDocument Text (.odt) Document, Word 2007 (.docx) Document, Word 2003 (.xml) Document, and Word 97 (.doc) Document.

      I chose to save as Web Page. After I started putting in my tags, at the 15:20 mark in the video, I followed along with Bob and opened the file in Safari and I can still see ALL of the tags displayed in the browser. I went through all of the tags and I wrote them correctly, but why is Safari displaying them? I copy/pasted the file into a new TextEdit doc and saved as Rich Text Document, but Safari will not open that file.

    • User profile image
      GoodCoffee

      After some web searching I read that I needed to go to Format and select "Make Plain Text," so I did that. However, I am still having the issue where even as a plain text.txt file I still see all the tags displayed in the browser. I just wanted to update my trouble shooting before it gets mentioned.

      Thanks.

    • User profile image
      GoodCoffee

      Woo hoo! I figured it out. After converting the file to plaintext I needed to manually give the file a .html suffix. Now it works!

    • User profile image
      Jose Fair

      I thank you for this tutorial to a huge lack me to stay current in the web design and learn from a good instructor, files perfect for understanding the semantics of HTML5
      Thanks Mr. Bob Tabor

      Le agradezco por este tutorial me hacia una falta enorme para estar actualizado en el diseño web y aprender de un buen instructor, perfecto los archivos para enteder la semantica del HTML5
      Gracias Señor Bob Tabor

    • User profile image
      monjurulhoq​ue

      Wow, thanks for the nice tutorial.

    • User profile image
      ali jamshidi far

      thanks

    • User profile image
      BobTabor

      @GoodCoffee: A couple of things.  First, I use a Mac too.  I would recommend using TextWranger, it's a free text editor, it doesn't hide things, and you can get it from the App Store.

      Second, I think the problem you're running into is that, even though you think the file extension is .html, I think in fact it is .txt and therefore it's not treating that file as an HTML file to be interpreted.  Select the file, hit command-i on the file, in the Information panel, expand the section called "Name & Extension" ... go to the very right-hand side of the text field ... if it ends with .txt (or anything that doesn't end with .html) you have your answer.  Also, you may want to uncheck the Hide extension option.

      Edit ... didn't see your later posts.  Sorry ... looks like you figured it out.  Smiley

       

      @Jose Fair: @monjurulhoque: @ali jamshidi far: Thank you for the nice comments.

    • User profile image
      Ayo322

      Hi

      Just found these videos thank you so much. Very useful! Smiley

    • User profile image
      sijercicamar

      can anyone link lhe file lesson02.zip pls 

    • User profile image
      AnsarHiram

      nice intro and easy to remember. makes a difference when actually working through a real document.

       

    • User profile image
      Clint

      @sijercicamar: link is at the bottom of the description of the video, says 'Download the source code' Smiley

    • User profile image
      attiq khan

      @sijercicamar: http://media.ch9.ms/ch9/code/C9HTML_02_Code.zip

    • User profile image
      mahjeed

      Hi Bob, i can't find the lesson2.zip file . how can i get it?.Thanks

    • User profile image
      Clint

      @mahjeed: the link is in the description of the video mahjeed.  "Download the source code for Creating Your First HTML5 Web Page"  or the always wonderful non-href version:  http://media.ch9.ms/ch9/code/C9HTML_02_Code.zip

    • User profile image
      yaniv

      I'm hard hearing, so where there are closed captions for video??

    • User profile image
      BobTabor

      @yaniv: (I don't work for Microsoft, but ...) I believe Channel9 is working on it, but it's a huge job.  Hang in there ...

    • User profile image
      Roshan Daruka

      Unable to find the lesson 2 download link

    • User profile image
      Clint
      @Roshan Daruka: the link is in the description of the video mahjeed. "Download the source code for Creating Your First HTML5 Web Page" or the always wonderful non-href version: http://media.ch9.ms/ch9/code/C9HTML_02_Code.zip
    • User profile image
      DRZ

      Thanks for the video and zip file.  This is useful and accurate information.  Thanks Bob!

    • User profile image
      Marc

      I have 2 things to say:

      1: I've used the exact same steps as you ordered in your video. But when I open my webbrowser (Google Chrome), my whole page is 'clickable'. Everything is underlined, and when I click on it, my page goes to the top. How is that possible? (Also I used Notepad++ for more structure)

    • User profile image
      BobTabor

      @Marc: Hi Marc, please do this for the sake of debugging ... download the files that accompany this lesson:

      http://media.ch9.ms/ch9/code/C9HTML_02_Code.zip

      ... unzip, and then open up my version of the html file.  Does it exhibit the same behavior?  If so, then I made a mistake in my video and I can look at it more closely.  If it DOESN'T exhibit the same behavior, then you have some small issue in your code.  That is a good place to start ... let me know what you find out.  Good luck!

    • User profile image
      Marc

      Nevermind, I already found it. Forgot one > in the nav section. I forgot to close the <a> and that's how it all became clickable.

    • User profile image
      DNS

      Hi Bob, I really love your tutorials. As you said in this tutorial that we must buy any book to learn all those tags. Can you please tell me name and writer name of any book which is best for learning html5 and css3 ? I shall be grateful to you...

    • User profile image
      BobTabor

      @DNS: Check out the very last video in this series where I give some suggestions.  Good luck!

    • User profile image
      amar

      where can i download the zip file of lesson 02??

    • User profile image
      Clint
      @amar: the link is in the description of the video. "Download the source code for Creating Your First HTML5 Web Page" or the always wonderful non-href version: http://media.ch9.ms/ch9/code/C9HTML_02_Code.zip
    • User profile image
      Atif Jameel

      hi Bob Tabor!
      thanks
      should i use adobe dreamweaver for easy?

    • User profile image
      atif12

      hi Bob Tabor!
      thanks for sharing videos!
      should i use adobe dreamweaver for easy?

    • User profile image
      BobTabor

      @Atif Jameel: & @atif12: If you want to follow along, feel free to use whatever you are currently licensed to use.  As a long time Adobe user, I've always been baffled by Dreamweaver personally.  But I'm probably not the target audience.  Good luck!

    • User profile image
      LFurtado

      This is just awesome, Bob you did it again!

      I had just finished the C# fundamentals, and loved it. These first videos seems to be so nice and enjoyable as the other series.

      Thanks for another great series! Can barely wait to finish this one and keep going for the Javascript.

    • User profile image
      BobTabor

      @LFurtado: Hi, thanks for the compliments.  Glad to hear the videos are helping!

    • User profile image
      Ronald Clayton

      I thought this introduction to html5 was very informative and I hope to carry on to the very end, 20 in sight but still a long way off.

      I would like to see a set of tutorials that not only give instructions into html but also including java and a few other disciplines leading to being able to create a interactive e website.

      I hope to follow on and do your Java tutorials but it all seems so mind boggling right now.

      I have enjoyed devling into studying and learning new things at my age of being 65 years young and being able to produce my own marketing material by using Adobe Photoshop and one or two of there other packages has been an eye opener. Never though IT would hit these dizzie hight.

      I would like to say well done to Bob for producing a very lucid set of superb tutorials even if at times I found some of it hard to understand.

      Cheers and I look forward to viewing doing some of your other tuts.

      Ronald Clayton.
      Ron the Jeweller.

    • User profile image
      Clint

      @Ronald Clayton: We have very targeted absolute beginner series to cover just the topic at hand rather than mixing everything together.  This means we have a HTML5/CSS series, a JavaScript series and we even have a c# series for absolute beginners.  The base fundamental series to teach you the base concepts. 

      To teach backend stuff like ASP.NET and Azure, channel9 and Microsoft Virtual Academy has a lot of additional series to do just this.

    • User profile image
      PEDR0MEJI4

      if @BobTabor is not the best teacher in the world ever... then i dunno who it is. This is just great, plain and simple.

    • User profile image
      valmir100

      i cant find this lesson02 file , where can i download it plzzz help me 

    • User profile image
      Clint

      @valmir100:the link is in the description of the video mahjeed. "Download the source code for Creating Your First HTML5 Web Page" or the always wonderful non-href version: http://media.ch9.ms/ch9/code/C9HTML_02_Code.zip

    • User profile image
      BobTabor

      @PEDR0MEJI4: I think you're being WAY too kind with your comments, but I'll take it.  Smiley  Thank you and good luck as you push forward in this series!

    • User profile image
      Oscar Salgado

      Hola Bob,
      I just wish to briefly concur what many of the folk here have been saying. I'm under a mandate here at work to learn HTML/CSS and eventually XML. I've been taking some lynda.com courses for good solid background.

      However your course is AWESOME as it ties everything I've already gone over in other venues and goes quickly. The structure of your course was pretty much exactly what I needed at this step in my development process.

      Thanks very much. GREAT JOB!

      I'm going on to your next lesson. :-)

      Oscar

    • User profile image
      BobTabor

      @Oscar Salgado: Thanks for the nice note Oscar!  Glad this is helping it all click for you.  Warm regards, Bob

    • User profile image
      Eric Hughes

      <!DOCTYPE html>
      <body>

      <h1>Thanks Bob Tabor</h1>

      <p>Thank you Bob. You are a really good teacher, I tried to learn html before and It worked. But you really helped me understand why you do everything you do. Your Vid is really helpful.</p>
      </body>
      </html>

    • User profile image
      BobTabor

      @Eric Hughes: Thanks Eric!

    • User profile image
      TTRoars

      I'm trying to do a career shift into IT/IS. I am so glad that I found this tutorials. I'm only a couple of videos in, but I find it very helpful.

      I've got a small problem while I was following along. In my code, it seems the images are not coming up. I downloaded the files to go along with the video. What kind of troubleshooting can I do to figure out why the images aren't coming up?

      Thanks
      Teresa

    • User profile image
      BobTabor

      @TTRoars: May I see your code?  I'll try to help.  Also, where are your files?  HTML + images in the same folder?  Different folders?  On the desktop of your computer?  As much info as possible will help.

    • User profile image
      rajendra dubey

      sir you have u used several tag like <header> ,<nav>, <section>, <article> , <figure> etc etc..
      do these tags are pre defined, or they are self created for your convenience ??

      i am having a confusion can we create our own tags in html??

    • User profile image
      Rajendra_​Dubey

      sir you have u used several tag like <header> ,<nav>, <section>, <article> , <figure> etc etc..
      do these tags are pre defined, or they are self created for your convenience ??

      i am having a confusion can we create our own tags in html??

    • User profile image
      Rajendra_​Dubey

      the image could not be loaded instead, it is displaying the alternate message which we have written,
      can you please help me to load my image in my web brouser

    • User profile image
      BobTabor

      @rajendradubey: Those are part of the HTML5 specification.  Smiley  I did not create those myself.

      @rajendradubey: You may have a problem with the path.  Can you post the code you've written as well as where on your hard drive those images reside?  ALSO can you load the code I wrote and make sure that works for you.

    • User profile image
      Rajendra_​Dubey

      thank you sir the problem of image is solved.
      sir can you please tell me that can i use ant other name for <section>??
      i just want to ask that in html can we create our our tags?

       

    • User profile image
      Rajendra_​Dubey

      <img src="http-message.gif">

      sir this path is accepted only when the image is in the same folder,

      which path to give if image is in different folder, i tried but its not working.

    • User profile image
      BobTabor

      @rajendradubey: No, you cannot create your own HTML tags.

      @rajendradubey: I talk about relative paths in the next video.  Please watch that video and hopefully it will answer your questions.

    • User profile image
      Summiya​Khalid

      thanks alot. you are a very good teacher. I not only learnt but enjoyed as well  Smiley

    • User profile image
      BobTabor

      @SummiyaKhalid: Thank you!

    • User profile image
      arkkimede

      Hi Bob.

      Thank you for your job.

      Do you think it is possible down load with the video also the subtitle (In English)?

      I'm Italian and for me it's hard to understand a mother tongue speaking English. 

      The subtitle help me and all (more or less) is clear.

      Thank you in any case. 

       

    • User profile image
      SUBHAM

      hello bob .it is very  nice to study from your interactive videos !!! 

      i have a doubt , can you plzz tell the actual use of tag <hgroup>............ </hgroup>... as i found the same result no matter it is there or not in the codings ........

      i must tell you that i have reached upto 2 lesson . 

    • User profile image
      BobTabor

      @SUBHAM: I'm pretty sure I answer your question in another video.  Just keep watching.  Smiley

    • User profile image
      SUBHAM

      yeah yeah i got it !!! thanq !!..... i think answer for each doubt comes in the upcoming video !! 

      thank you very much Big Smile

    • User profile image
      Ajwad

      where is Lesson 2.zip???

    • User profile image
      Clint

      @Ajwad: the link is in the description of the video mahjeed. "Download the source code for Creating Your First HTML5 Web Page" or the always wonderful non-href version: http://media.ch9.ms/ch9/code/C9HTML_02_Code.zip

    • User profile image
      Jazzhtml5

      Hi.. Great tutorial and job.

      Learn a lot and in deep.

      However the images didn't appear. For some reason i made a mistake both on figure 1 and figure 2. It only appears the alt text and the caption but those GIF images don't appear. i search for the error but i didn't find it. i saw the sub-folder Work and the images were there.

      Hope you can add me with this if you have time.

      Thanks a lot..

       

       

    • User profile image
      BobTabor

      @Jazzhtml5: Double ... no TRIPLE check your references to those images in the HTML, namely the img tags.  It has to be exactly like what I typed.  Download the code associated with this video and try *my* version of the code to validate that.  Good luck!

    • User profile image
      Giv

      Great Lesson, Thank You , You Did Great Job Sir .

    • User profile image
      Alex

      it didn't work for me. what am I doing wrong. I followed the steps to a T. how do I get the internet explorer icon into the work folder? How come when I opened the document in the work folder it still has all the code visible and doesn't look at all like yours? I am using IE11

    • User profile image
      Alex

      ok now I cant get the tab to display the title. and the line that we deleted is still there, the line made up of =. Can you tell me what I did wrong?

    • User profile image
      Ageel

      I cannot figure out why, when I open the Lesson02 in Chrome, it doesn't display the title in the tab. The tab displays:"Lesson02.html".  Any suggestions?

      <head>
        <meta charset="utf-8">
        <title>HTML5 and CSS3 Fundamentals</title>
      </head>

      Another question: Does spacing matter in HTML5?  IE:

      <head>

       

      <meta charset.....>

      or

      <head>

                      <meta charset....>

      UPDATE:  I tried it on Firefox and I was able to see the title in the tab. Yaaay!!  Just made it my default browser.

       

       

    • User profile image
      Ageel

      The figure caption did not display. In fact, the whole figcaption sentence was not displayed.

      <figcaption>Figure 1. The HTTP Request and Response messages contains

      important information that allows communication back and forth between the

      client and the server.</figcaption>
      </figure>

    • User profile image
      Ageel

      For some reason, everything from 'What are Domain Names' to 'The Purpose for Standard Groups' is in bold and a slightly larger font.  I have been unable to find the reason.  Any suggestions?  Thanks.

      PS: When I tried to paste the code, I cannot post it.  I get a message stating: "This comment appears to be spam and has been rejected."

       

       

    • User profile image
      BobTabor

      @Alex: & @Ageel: Please send me your HTML file via email and I'll take a look at it ... bob@learnvisualstudio.net

    • User profile image
      BobTabor

      @Ageel:

      Looking at the code you sent me ...

      1. Using Chrome on my Mac (v. 32.0.1700.77 ... the latest according to my About page) I *was* able to see the title in the tab.  Perhaps this was a glitch on your particular install?

      2. Whitespace does NOT matter.  Use all you want.  Smiley  HOWEVER in some cases whitespace and tabs do add extra characters (even if you can't see them) and make your page larger than they need to be (and as a result, just a tiny bit slower).  Later, after you learn more of the basics, you can learn about minification and gzip which strip out extra characters browsers don't need to keep your pages as small as possible.

      3. It's challenging when you're first getting started to see all of the problems in code.  I looked at your HTML code and you have a stray <!DOCTYPE html> declaration on line 133, for example.  That should only be at the very top of the page.  Furthermore, in line 61 "What are Domain Names?" you did not CLOSE the h3 tag ... each sets everything below it as an H3.

      4. Figure 1 and 2 display for me ... at least, the caption does.  Make sure your images are in the SAME DIRECTORY as this file because you're not referencing a sub folder in your anchor tag (just the file name itself, meaning that the src should be in the same directory as the HTML file.)

      In all matters, please check, double check and triple check your code.  I know it's laborious, but if you copy and paste your page code into http://html5.validator.nu you can find many of the problems.  Good luck!

    • User profile image
      Ageel

      Bob,

          I just emailed you the HTML file.  I figured out the solution to an earlier problem I had previously posted regarding the caption not showing up.  The error, surprisingly, wasn't with the caption, but in the syntax for importing the image. Instead of ...Message"> I had ....Message:>


    • User profile image
      Ageel

      @BobTabor: 

      Thanks for the speedy response. Trying to figure out where the stray !DOCTYPE is. I don't have line numbers L.   Another quick point I'd like to bring up. I think it would be extremely helpful if there was a summary page at the end of the video tutorials specifying what we should have learnt at the end of the module. I bring this up because there are a lot of instances where you say: "Don't worry about this ( Eg: charsets). We'll learn that later." At the end, I would like to know what I should have grasped by watching the tutorial, prior to proceeding to the next one. Eg: After watching this module, you should know what the HTML syntax is for creating a paragraph, an ordered list, a break, how to import images and how to add the captions...etc. This would help in cementing the info we just acquired, and if we didn't get those concepts in the summary, we'll know we have to go back and redo the exercises.

    • User profile image
      Ageel

      @BobTabor.  What did you mean by a stray <!DOCTYPE>.  This was from the original txt file:

      <p>Each web page should declare which standard it has promised to adhere to.  This is called a DOCTYPE, and it is the reason that we typed this:<br>
      <br>
      <!DOCTYPE html>
      <br>
      <br>

    • User profile image
      Paul

      Great Video!

    • User profile image
      kailash karankal

      First of all thank you sir,
      I watching this video.
      Video is good sir and my difficulties are cleared.
      thank's.

    • User profile image
      Creative​Designer1994

      Thank You :)

       

      I want advice I am a computer science student second year I would like to learn professionally design What better advice

    • User profile image
      Majid

      I am failed to get lesson02.zip :-(. Can you send me Link of that lesson02.

    • User profile image
      Syed Muhammad Ahsan

      I'm starting this wonderful tutorial series...

    • User profile image
      eltoine

      I have windows 8.1 explorer 10 and marathon browsers when i follow the video it only opens in word pad and when i go to my browser it looks like the word pad version i have restarted and followed your directions to the t but still no dice what am i doing wrong or am i missing a setting

    • User profile image
      Elijah Fuller

      Hi there, can you guys show me where I can download Lesson02.zip?

    • User profile image
      Jeandrei Walter

      Hello guys, I'm a Brazilian guy and I'm learning HTML5 and also english so I would love to have this videos downloaded in my PC and I know I can do it here, but I want the subtitles too because this way I can learn english and html5 together.
      So, I was wondering if there was a way I could get the subtitle?
      Anyway, Thanks a lot.

    • User profile image
      BobTabor

      @Elijah Fuller: Please hit Ctrl+ F and search for the download link on the page.

      @Jeandrei Walter: Unfortunately, the technology doesn't work that way.  Sorry!

    • User profile image
      Davide78

      Hi Bob,

      Nice tutorial, very well done! I have a small problem, I only have a MacBook Pro and I use Firefox. I cannot seem to find a way to convert the raw html document into the web page result. Do you know how I can do that? thanks

    • User profile image
      Ali A

      Hi Bob,
      thanks for the tutorials

      i want to learn from these
      but wonder
      i have window 8
      can i do every thing with no problems or

      it will be different
      thanks

    • User profile image
      Ingrid Taylor

      Hi Bob

      I'd like to follow the course but I only have a macbook pro and using Safari. Can I still do this. I can't find a way to convert the html document into the web page result. Can you help.

      thanks

    • User profile image
      Davide78

      @Ingrid Taylor: Hi, I've had the same problem. I've done some research and eventually found the way to do it. I use firefox though, but it should be the same.

      Basically when you have the html document in text edit, go to format, then choose: make plain text

      Then Save as, change the Plain text encoding into Unicode(UTF-8), then at the end of the file name you have to put .html, eventually a pop up window will come up saying are you sure? you just comfirm html and it's done!

      hope that helps!

    • User profile image
      Fogpotion

      Great lesson - Except - The initial part of the lesson does not really describe how to create a work file and how to make sure all the elements are in the same file. Believe it or not - finding Notepad on Windows 8 is impossible - and creating files is tricky.
      If you are working from a Windows 7 platform, I can see how you might have skipped this 'duh' aspect - however those of us unfortunate enough to have purchased the 'latest and greatest' have trouble even finding the 'restart' button.
      You lessons are great, however, I have already done the Code Academy tutorial and I really needed to strengthen my understanding. I appreciate the explanations of the terms - which are concise and easy to understand. Thank you so much.

    • User profile image
      Ingrid

      thanks to Davide78. I have another question. The images don't load. I've typed the code out as instructed but all I get is a box with a question mark in the middle saying it cannot find the image. Is there something else I should add to the src code? thanks

    • User profile image
      BobTabor

      @Fogpotion: Sorry, these lessons were created BEFORE Windows 8 was released.

      @Ingrid: Make sure the PATH in your <img src=""> are pointed correctly.  I cover this in more depth in the next lesson or two (it's been a long time).  Download my code and make sure it works for you, then look at the src I used to reference the correct paths.  Good luck!

    • User profile image
      Ingrid

      Hi Bob

      thanks so much for getting back to me. I'm using a macbook pro, textedit with Safari. I've made sure that <img scr=> tag is correct but it still won't show the image when I open the document in Safari. It's so frustrating. I also changed the copyright wording to the symbol but a capital A was added next to the symbol. Might there be compatibility issues?

      thanks

    • User profile image
      BobTabor

      @Ingrid: Please send me your files and I'll take a look at them.  I have a Mac (actually, about 6 or 7 ... I'm using one right now!) and I'm sure we can figure this out.  Make sure you collect them together in the same folder structure (keep any sub-folders that may contain other files like images ... try to keep it as close to what you have right now on your system), right-click (Command-click) on that folder and select Compress ___ from the context menu.  Then email to me: bob@learnvisualstudio.net

    • User profile image
      Ingrid

      Hi Bob, I've solved the problem. I've switched over to Textwrangler and everything is working as it should. I can now move on to the next lesson.

      thanks

    • User profile image
      loveritual

      @BobTabor:Hi Bob, i have the same problem as a few other people, underneath the video display the Download option has a question mark next to it and an instruction to 'right-click' which gives option to 'Save Page As' -but this is the Microsoft Virtual Academy web page not the zip file you are talking about at around 2.37. If i download from the top of this page as you advised, i get a whole bunch of stuff, but not the 'Before/During and After files you show on the video. Have been completely stuck at this point for two days!

    • User profile image
      loveritual

      @BobTabor:Hi Bob, i have the same problem as a few other people, underneath the video display the Download option has a question mark next to it and an instruction to 'right-click' which gives option to 'Save Page As' -but this is the Microsoft Virtual Academy web page not the zip file you are talking about at around 2.37. If i download from the top of this page as you advised, i get a whole bunch of stuff, but not the 'Before/During and After files you show on the video. Have been completely stuck at this point for two days!

    • User profile image
      Chris

      Hi Bob, please forgive my computer ignorance but I have just started this module of your course (really enjoyed Module 01 and looking forward to completing the entire course and others) and am already stuck on a ridiculous item. This is probably a knucklehead question but whenever I downloaded the lesson 2 file it will not allow me to copy and paste the Before folder contents into the Work folder...it will not give me the paste option...I could copy it into any other folder on my computer...but the paste option is taken away when I hover over the Work folder...or any of the folders under lesson 2....the "Not Allowed" symbol appears.....can u tell me what I need to do or what I am doing wrong? Note I am using Windows 8.1 and File Explorer. I would sure appreciate any help. Thank you kindly.

    • User profile image
      BobTabor

      @Chris: That is a pickle.  Are you sure you extracted the zip file to a real folder before attempting to copy something into it?  Could it be you're attempting to copy into a zipped folder?  Or, could it be that the target folder is in use?  I can't imagine what else it could be.

    • User profile image
      sudhir varma

      very gud one

    • User profile image
      Ingrid

      Hi Bob, the thread for lesson 12 has been closed. The pseudo elements first-line, before and after are not working for me. I've typed them out exactly as you have but they will not work. I'm using the Safari browser. What am I doing wrong?

      Thanks

    • User profile image
      jenbau

      Hi everyone!

      Somebody knows the link where I can download the zip file?

      Thanks!

    • User profile image
      Marlaf

      Hello Bob,

      excellent work!I have a question.Before trying to go through the steps of your video i would like to know if i'm going to be able to have the same results as you due to the fact i have a macbook version 10.5.8,and i'm also using textmate and firefox as a browser 15.0.1.Thank you for your time.

    • User profile image
      Solomon

      You should also try http://www.codecademy.com/

    • User profile image
      awhitsel

      At 22:59, you showed the first figure with the figure caption right below it.  However, when I bring it up on my end, the caption shows up to the side of the figure at the bottom.

      Is there any way to fix it so that the caption is below the figure instead?

    • User profile image
      oduol

      Hi Bob! It is a wonderful job you are doing out there for people like us absolute beginners to get the grasp of software development. This series is what I have been looking for and luckily I came across your series and definitely I stand to gain. Now my problem is in Module 02 at 15.17 I do not get to the IE Logo instead Visual Studio Express 2013 for Web page pops up but with the project in. How do I go about displaying my results on a web page? Or is there any setting I can make on the VS 2013 for Web to enable me to view my results on a web page?

      I am having Windows 8.1 and IE 11 with Visual Studio Express 2013 for Web installed.

    • User profile image
      Ali

      Hello Bob!
      Thank you for excellent video. Please explain me what is the difference b/w section vs div. What to use when.

      Regards

    • User profile image
      Kay

      Apologizes if my question sounds stupid but... where do I download course material? Thank you.

    • User profile image
      ola oyeleye

      please can you come back to learningvisualstudio.net. we miss you bob.

    • User profile image
      BobTabor

      @ola oyeleye: I'm adding a bunch of stuff this week.  Stay tuned ...

    • User profile image
      notesman

      Is ja toll, aber wie immer sind die Ignoranten von MS nur englisch.

    • User profile image
      raghav

      Bob,
      THANKS A LOT.
      U ROCK.
      BLESS U

    • User profile image
      raghav

      Bob,
      THANKS A LOT.
      U ROCK.
      BLESS U

    • User profile image
      Guille

      OMG! Bob thank you sooo much! I have been begging my husband to help me with my Health Coach website and he just refuses! (too much stress from work to bring it home I guess) so I really really wanna thank you for doing this, it was exciting to see what came out!
      I will start practicing tomorrow on my on webpage!!
      BLess you!

    • User profile image
      Eduardo del Angel

      hey Bob, nice to meet you! Can you help me on 02 | Creating Your First HTML5 Web Page of HTML5 & CSS3 Fundamentals: Development for Absolute Beginners, you talk about downloading a zip file to follow along with this lession i cannot find where to download that file can you help thank you

    • User profile image
      Thrinayana K

      Amazing tutorial but I'm not sure what I did wrong.
      The entire text except the first 2 headings are hyperlinked.
      How do I limit the hyperlink to just Home About and Contact?

    • User profile image
      JordiSanfar

      @BobTabor I am a newbie on this page, though I have practiced on another web pages, I´ve been following each step of this video but, I do not why, all the text has the link on it, h ref, I guess, when I click on it, it takes me to the core, my docs. What did I do wrong?

    • User profile image
      Danish

      Hey BOB...
      Can i contact you personally?

    • User profile image
      RachelB

      Hello! First, thank you for this series! It has been incredibly helpful, and you're a wonderful instructor, Bob. I really appreciate the work that has gone into making this resource available.

      So, I had a question; why am I getting a different result when loading the code into a browser despite using the same code as in the video? I got a different result when adding the list element for Home, About, and Contact. When loading the code in the browser, the page shows 6 bullet points but no text. My apologies if this result and the solution were posted elsewhere in this discussion, I didn't see a similar post.

      Thank you in advance for your reply! The code: 

      <header>

        <hgroup>
          <h1>Channel9</h1>
          <h2>HTML5 and CSS3 Fundamentals</h2>
        </hgroup>

        <nav>
          <ul>
            <li>Home<li/>
            <li>About<li/>
            <li>Contact<li/>
          </ul>
        </nav>


      </header>

      When I added the code to the footer, the hyperlinked text appeared, but still had 6 bullet points for the link section.

    • User profile image
      Sherou

      Hi Bob, I just want to say Thank You. What you do is sooooo Awesome!

      I do have a question. In Lesson 2 my images didn't load. I made sure all the coding was right. 

    • User profile image
      Taherpoor

      Hi, thanks for the great video.

      I tried to "embed" or post both pictures, but I couldn't, I did exactly what you did, but it didn't work, and also the copy right symbol appear like a question mark"?". do you think is it because of my German windows which is installed on my pc?

      thank you.

    • User profile image
      widowerat61

      Hi Bob, I just sign up for Channel 9 HTML5 & CSS3, been a long time sense I use HTML coding or Java even, Have used PASCAL and just the beginning of Fortran. when computers first came out and booted up from a 3.5 floppy disk, and having to reload all the programs from a series of data saved on a HP main drive that took up one entire building. 

    • User profile image
      sunethra

      Hello Bo,, I landed here after few hours of search; first lesson I am your fan. Please be ready to receive simple rather silly questions from me. Thank you.

    • User profile image
      John W Sheffield

      Thank You Bob for your valuable time you have helped me with my grades and knowledge a person like you is priceless, John

    • User profile image
      smart friendo

      @Bob Tabor i cant found the zip file of notepad in which the text you are editing html tags can u tell me plz where do i suppose to get this notepad file ???

    • User profile image
      raghavenddra

      Thank you BoB. You have created a nice and elaborate tutorial about html and css. I thank you for giving it free. so nice of for sharing your valvuable time and experience with us. I would like to give you a big hug for this

    • User profile image
      raghavendra

      @smart friendo you can find those Zip file at the top of the page of the Homepage of this course

    • User profile image
      Meg

      Hi Bob. Thank you for creating these videos.

      I am trying to follow along as much as possible on Windows 8. Unfortunately the "Work" folder within the "Lesson 2" folder has no content on my computer. Can you shed any light on this?

      Thanks,
      Meg

    • User profile image
      Mickdie

      Is there anybodyelse experiencing issues downloading the source code? I have experienced the same problem in the C# series also.

      P.S Bob is an excellent teacher!

    • User profile image
      Ronald

      Thank you @Bob for this series. I followed your Fundamentals of C# and it got me really started in programming again since I was a VB6 student back in high school so now to accompany my reading I am following this series. What I particularly like about your approach/style is that you are current. You are quick to deprecate bad styling or that which is old and has been replaced. You are conceptually grounded which makes everything much easier. Rather than cram stuff into someone's head you offer understanding. Where it says HTML5 &amp; CSS3 it really is HTML5 &amp; CSS3 NOT HTML4.x with HTML5 at the very end or HTML4 with a discussion of how awesome the web is. I am truly appreciative of your approach to quality.

      Thanks,
      Ronald

    • User profile image
      karthik

      Sir,

      One doubt.


      Generally section should be placed between article tag

      plz correct me if am wrong

    • User profile image
      Paulo818

      I just started watching this today and I learned a lot of stuff. Thank you so much.

    • User profile image
      Abdul Moiz

      please help me someone i need help i want to make one car web using html5 and css3 please if any one can help me ?

    • User profile image
      urkesh

      this is what i've been looking for..really good ,,!!

    • User profile image
      shikhapande​y95

      hello sir 

        thankyou very much ...for such a nice tutorial 

      .sir i  m using windows 8 . im  not able to change the background colors and font styles as u told in tutorial 3 . i have typed the same syntax as u have instructed.

      pls tell me the reason why i m not able to it perfectly .

      a quick rply is expected .

      thanku 

    • User profile image
      Masum

      thank you very much and hope that you will continue your GREAT WORKS!

    • User profile image
      Ahmad Idrees

      Hello sir
      I am facing aproblem that i cannot view pictures on html after code it.
      <img src="what ever" alt "this is a pic">

    • User profile image
      Ahmad Idrees

      Hello sir
      I am facing aproblem that i cannot view pictures on html after code it.
      <img src="what ever" alt "this is a pic">

    • User profile image
      philip

      i can't seem to put use any pic as my background help out

    • User profile image
      nkumar

      I'm student after Retirement from service.Really,so happy as new beginner & it is to be mentioned that it was easy to understand.thanks ! God bless to you.

    • User profile image
      NKumar

      I'm student after Retirement from service.Really ,so happy as new beginner and it is to be mentioned that it was easy to understand .
      Thanks!God bless to you.

    • User profile image
      Kelton

      BOB!!!!
      Man, you're telling us to download the file Lesson02.zip????
      Man where is this file for us to download so that we can follow along.....You mention that it's on the website for Channel9...?? WHERE, Bob??????? Where exactly, specifically and directly? You mention the name is PROBABLY Lesson02.zip maybe...BOB, if you don't know the name , I sure as heck won't know Sir....
      Can you PLEASE be more detail as to where this EXACT file reside.. maybe find out the name of if it from Channel8 if in fact they've names it something else, if it's not named Lesson02.zip so that we can follow along, could you please do that Sir?
      We see Lesson2 but it's the video to download....we're not seeing folders to download.
      I'm sorry, but man this is frustrating, not having absolutely no details.....

      Where is this Lesson02 file folder that you speak of???????
      Where Bob, please help us...or if anyone else has found this sunken treasure....where did you find it, please send us the EXACT LINK whre the folder rest....PLEASE....

    • User profile image
      Kelton

      If anybody is wondering, we're talking about for the video: Creating Your First HTML5 Web Page - 02.
      In the video, you're explain that it is most important for us to follow your lead exactly and to download the Lesson02 folders so that we can copy the items inside and such.
      BUT...where are those folders....we are not seeing them on the Channel9 website....
      If anyone has them please forward them to me so that I can forward them. kelton.jenkins7@att.net, in fact forward us all the folders, because we have absolutely of where he is saying these folders to load are on this Channel9 website, nor what they MAY BE named. If you do send them, DON'T JUST SEND A BUNCH OF VIDEOs please name them, be detailed and specific please.
      Thanks.....

    • User profile image
      BobTabor

      @Kelton: You may want to read the text under the video ... you would see the following: "Download the source code for Creating Your First HTML5 Web Page" ... Ctrl + F to search in your web browser, then type in "download" to find the links on any given web page.  That should help.

    • User profile image
      Chasity

      After downloading the lesson02 file I'm not able to paste the "before" data in the "work data". I know I'm doing it right. It will let me copy and paste it in other places tho. Also, it is already in my "after" file. I have deleted everything and started over twice and still same problem. Help please!!!

    • User profile image
      Chasity

      FYI: when I go to paste in the "work" file the pasting option is grayed out. 😡😤

    • User profile image
      Napolean

      Hi Bob where can I get the folder contents you were using I can't find them from the site

    • User profile image
      Jacolby Green

      Your video's are very helpful. Thank you for putting them out there. I really do feel as if I have a better understanding of why some of the tags are used.

    • User profile image
      Jay Karan Yadav

      Hi Bob, you are an awesome teacher.... Best wishers from India!

    • User profile image
      Kaysiz

      This tutorial is owesome,I am a python developer and wanted HTML and CSS for my webdesigning. I am glad to be here.
      Very elaborate tuts, good work Bob

    • User profile image
      Kaysiz

      Best wishes Zimbabwe

    • User profile image
      sapnar

      Hi Bob! Thanks for the tutorial.

      I tried to insert those images, followed exactly same code as yours but I got an error. I'm using macbook(text editor), do you think I need different coding, to insert images or is it the same?

      Thank you :)

       

    • User profile image
      archangel19

      Hi Bob! I'm a beginner of HTML5 and CSS3 who is a spanish native speaker that would love to download the videos with the subtitles, where can I download the subtitles please? Thanks in advance.

      By the way, Great Work!

    • User profile image
      Maaz

      kindly tell me where are the file name "lesson 2"

    • User profile image
      mancoi

      Hello Bob, can you create the subtitle file to download please? I'm not good in hear so when i download i want the subtitle too.

    • User profile image
      Bruce

      How and where do I correctly download the "lesson02.zip" file that Bob asks us to download for this video. When I click the link under the video - Download the source code for Creating Your First HTML5 Webpage it gives me an error message saying the Page Cannot Be Displayed. I see that other people have posted about this same issue as to where to download the lesson2 zipfile. I would be very very much appreciative if somebody could please tell me how to get around this issue and correctly locate and download the file so I can continue with this lesson.

    • User profile image
      gduncan411

      @Bruce: Strange, I was just able to download the Lesson 2 source from the link below the video.

      In any case, here's a link that has all the lessons in it, http://media.ch9.ms/ch9/code/C9HTMLCode.zip

      This is the link from the MVA course (link at the top of this page, and here, http://www.microsoftvirtualacademy.com/training-courses/html5-css3-fundamentals-development-for-absolute-beginners), Module 1...

      Hope this helps...

    • User profile image
      mukhtaa

      many thanks (a)  i use the notepad++ no problem

    • User profile image
      mukhtaa

      @gduncan411: thanks 

    • User profile image
      rahul

      Hello Bob!!
      I've a question that (in 2 video) without using the dedicated (actual) physical path of images, how is it possible that the images are seen in the browser?

    • User profile image
      Leooow

      I can't paste the before files in the after folders. Anyone know why? I seem to be able to paste anything anywhere except these files in this specific folder. Thank you!

    • User profile image
      Leooow

      So i figured out that i have to unzip the file first. Okay that's done. I followed Bobs direct instructions but i can't seem to make a difference in the internet explorer browser. What could i be doing wrong? I saved it exactly as Bob did.

    • User profile image
      GaryKlein

      @rahul:  As long as the image is in the same folder, that's where your browser will look first.  If the image is in any other folder, then you must define the path to it.

    • User profile image
      Usha S Gupta

      I want to code for how to create home page in html.
      And in home page how to create menu.

    • User profile image
      Usha S Gupta

      I want to code for how to create home page in html.
      And in home page how to create menu.

    • User profile image
      Nachiketa Thakur

      Sir,
      Thank you a lot for teaching. :)
      I have just one question that - will I be able to make a website for my state where I will be uploading free tutorial videos of my Textbook's course by the end of this course ?

    • User profile image
      Leilani M Tait

      Hi Bob, Thank you so much for the videos. I am deaf, and found the Microsoft Virtual Academy videos have subtitles. Is there any way I can have the subtitles downloaded in english?

    • User profile image
      Georgi​RGeorgiev

      Thank you very much for this tutorial.
      GOD bless you and keep you, Bob.

    • User profile image
      torielizabe​th

      Okay, so around the 6:11 mark, I'm saving the document in notepad as a .html file but it's either telling me I'm not authorized (total bs, I am the administrator of my computer), or it's automatically saving it as a text document in LibreOffice-not even Notepad. Any advice?

    • User profile image
      Carlton Duncans

      This is an awesome training video.
      But, during this point adding the img point
      I could not see the image at all. I went back to make sure
      everything was correct. Still no image?

      Could it be that I am using windows 10?
      and Edge or Chrome?

      Thanks,BoB

    • User profile image
      Jack Fuller

      @Carlton - Have you got everything saved in the right folders - work?
      If not it might not be able to find the image, if it is are you seeing the alternate text instead?

    • User profile image
      creighton00

      Did not get the copyright symbol to show. Did exactly what you stated in the video but getting a small square instead. Can you think of anything I did wrong.

    • User profile image
      Furunal

      Hello Bob,
      I'm not able to download the HTML5 and CSS3 fundamentals: For Beginners working file. So unable to follow along with your video.

      I'm learning these on MVA...Please get to my aid.

      Thank you

    • User profile image
      Yaseen

      Hello Bob,
      I'm not able to download/locate the HTML5 and CSS3 fundamentals for beginners working file as well. Plz help


      Thanks

    • User profile image
      aroral

      @UzairBadar

      sorry but did yo get the link to lesson02.zip?

    • User profile image
      Rob

      Dear Bob,

      I have a question. I did exactly the same as you did and the first time I did it it worked, but when I saved my file on the way you did, it saved as a notepad document and not like yours, like a link to internet. Do you know why this happened?

    • User profile image
      toondan

      Fantastic stuff Bob ! Heading onto video 3 ... knowledge here is amazing learning loads ! (a)

    • User profile image
      TalhaMajeed

      Hey bob,
      Can you tell me why in the <article> tag the "h1" tag appears smaller than "h2" tag. I think it should appear bigger like it did for Channel 9 the main heading in our header!

    • User profile image
      lvnagrwl

      hi , I am unable to download zip files. Could you please provide a workaround for this?

      Thanks

    • User profile image
      phuthanhdx

      Thanks for great series

    • User profile image
      Mir Zahir

      I got underlines so I decided to delete the page and start all over. I have resumed the tutorial with MS Word instead of notepad and saved it as MSEdge Web page. Operating System is Windows 10.
      Last time saved it as Explorer 11 HTML and got the underlines. Please advise if I am heading in the right direction now. My goal is to successfully complete your HTML5 tutorial. I admit you have explained things very well. Please reply, I am anxious to hear from you.
      Best Regards.

    Add Your 2 Cents