HTML 101: Yellow Belt

HTML (includes HTML5 Elements) This class provides you with the concepts and skills to use HTML effectively. You get hands-on practice working with basic through advanced techniques to get the most out of your experience. You will learn the basics of coding for web design with this introduction to HTML.

WHO IS THIS COURSE FOR?

People new to Web design that desire a deeper understanding of HTML, and the new standards of web design.

ASSUMED KNOWLEDGE

We will assume little or no prior knowledge of HTML and CSS in this course but you should have a basic working knowledge of either the Windows or Mac.

WHAT YOU WILL LEARN

• Basics of HTML
• Planning your Web Site
• Semantics on the web
• Images and Hyperlinks
• Understanding Properties
• Working with page structure
• Building Forms

OUTLINE

Introduction

• The World Wide Web
• HTTP explained
• Web Standards
• Web Accessibility

Site set-up

• File and folder management
• Site definition
• Naming conventions
• Defining assets

Browsers

• What is a browser
• Browser statistics
• Browser compatibility
• Static V responsive website

Syntax & Structure

• Tags
• Self-closing tags
• Semantics
• Structural elements
• Headings and paragraphs
• Block and inline
• The different DOCTYPEs
• Document object model

Tags, Attributes & Values

• Special characters
• The title attribute
• Using the address tag
• Quoting in HTML
• Bold, strong, italic and emphasis
• XML declaration issue
• XHTMLising your code
• List tags

Head tag

• Adding meta tags
• Keywords, descriptions and refresh
• The character set
• HTML comments
• Style tag
• Script tag
• Favicon

Body tag

• DIV tags
• Forms
• Lists
• Tables

Web Images

• GIF, JPEG, PNG and SVG
• What format do I choose
• Image attributes
• Alternate text for accessibility

Hyperlinks

• The anchor tag
• Named anchors
• Relative and absolute links
• Linking to an e-mail address

Publishing

• Buying a domain
• Buying hosting space
• File transfer protocol
• Uploading files to a server
• Testing online