CodeX Academy

Technical Competency Library

---

Project maintained by CodeX Academy

HTML Apprentice 1

A developer who can code independently and build simple and well-structured websites.

Master the following skills:

• Understand basic document structure
• Understand how HTML tags control page layout and output
• Understand common tag attributes: IDs, Classes, Styles
• Can utilize structural tags: body, header, footer, divisions
• Can utilize typography related tags: Headers (h1, h2, etc), Paragraphs
• Can utilize list tags: Unordered lists, Ordered lists
• Can utilize navigation related tags: anchors, other local html files, external urls
• Can construct a table using tags: table header, table footer, rows, columns

Suggested Learning:

• What is HTML
• The Odin Project - Introduction to HTML and CSS
• W3C HTML5 Tutorial
• HTML Dog’s Tutorial - Beginner
• FreeCodeCamp.Com - Responsive Web Design - Basic HTML and Basic CSS
• FreeCodeCamp.com video by Beau Carnes - Crash Course for Beginners
  • Introduction
  • Choosing a code editor
  • Basic HTML file
  • Elements and Tags
  • Headers
  • Paragraphs
  • Comments
  • Content Area Tags
  • Images
  • Links
  • Unordered Lists
  • Ordered Lists
  • Forms and Input Elements
  • Div Elements
  • Footer Section
  • Head Section
  • Website Title
• FreeCodeCamp.com video by Dave Gray - Full Tutorial for Beginners
  • Intro
  • Getting Started
  • Head Element
  • Text Basics
  • List Types
  • Add Links
  • Add Images
  • Semantic Tags
  • Create Tables
  • Forms & Inputs
  • HTML Project

Suggested Excercies:

• You can use this tutorial to help you solidify your knowledge.

Evaluation:

Ask your mentor if you are ready for evaluation. Then, schedule a live evaluation by clicking here to find a time on the calendar. After the evaluation, claim the badge.

.