Roauf Design > Services > Web Tips & Tricks > wtt102 (Web Tips & Tricks) / HTML5 Tutorial For Beginners

  • HTML5 Tutorial For Beginners ( Code: wtt102 )

  • Part1












Code: wtt102 (Web Tips & Tricks) / HTML5 Tutorial For Beginners

This series of videos demonstrates how to write HTML code that is compliant with the new HTML5 standards. These videos are good for beginners.

Part 1: This video describes HTML tags, elements, and attributes. The new HTML5 doctype declaration is shown as well as the method for specifying the character encoding for the document. The basic structure of an HTML document is also shown. This video introduces the html, head, meta, title, body, and p tags.

Part 2: This video describes how to use text. The p tag is demonstrated and the heading tags are introduced. The br tag is also shown. This video also touches on the importance of CSS. A quick demonstration of CSS is shown to center some text and to change its color. In older versions of HTML, text could be centered by using the align attribute. However, this attribute is deprecated and is not valid HTML5. While the align attribute may still work in your browser, it is not compliant with HTML5 standards. Therefore, learning CSS can be very beneficial when working with HTML5 code.

Part 3: This video demonstrates how to use images and hyperlinks. The difference between relative and absolute addressing is covered. This video shows the height and width attributes used with the img tag. In older versions of HTML, the height and width attributes could be specified in pixels or as a percentage. However, it is not valid HTML5 to specify these values as a percentage. If a percentage value is desired then CSS can be used.

Part 4: This video introduces 2 elements that are new to HTML5, the audio and video elements. While older browsers don't support these new elements, the popular newer browsers do.

Part 5: This tutorial will introduce 7 elements that are new to HTML5. These elements will be used to build a sample web page. The new elements covered in this video are: article, aside, footer, header, main, nav, and section.

Part 6: This tutorial will use CSS to style and control the layout for the HTML5 code that was developed in the previous video. This tutorial does not cover the basics of CSS but instead it is intended to demonstrate how HTML and CSS work together.