# Intro to HTML & CSS

Canonical URL: <https://www.nobledesktop.com/classes/html-intro>

## Overview

In this class, we’ll introduce you to HTML (HyperText Markup Language), the standard markup language used to create webpages.

You’ll dive in and hand-code a webpage from scratch, learning how to format paragraphs, headings, and lists. You’ll also learn how to create links, add images, and modify tags with attributes. In addition, you will learn about CSS (Cascading Style Sheets), including tag selectors, class selectors, and the class attribute.

This one-day class is the first day of our more comprehensive [Web Development Level 1](/classes/coding-classes-new-york-city-nyc) class. If you find that you enjoy coding HTML and want to learn more, you can do the remainder of [Web Development Level 1,](/classes/coding-classes-new-york-city-nyc) and we’ll take the price of this class off that course.

## What you'll learn

- Learn HTML, the standard markup language used to create webpages and emails
- Format paragraphs, headings, and lists
- Create links and add images
- Style webpages with CSS

## Curriculum

### Section 1

#### Coding Basics: Intro to HTML Syntax

- The HTML, head, title, & body tags
- Headings, paragraphs, & lists
- The strong & em tags
- The doctype
- The lang attribute
- The meta tag & the Unicode character set

#### Coding Links: Absolute & Relative URLs

- Anchor tags & hrefs
- Linking to other websites
- Linking to pages within a website
- Opening a link in a new browser window/tab

#### Adding Images

- The break tag
- The image tag & source attribute
- Using the width, height, & alt attributes
- Using horizontal rules

#### Intro to Cascading Style Sheets (CSS)

- The style tag
- Tag selectors
- The font-size, font-family, color, & line-height properties
- Hexadecimal color codes

### Section 2

#### CSS Class Selectors

- The class attribute
- CSS class selectors
- The span tag
- CSS opacity

#### Div Tags, ID Selectors, & Basic Page Formatting

- Dividing up content with the div tag
- Assigning IDs to divs
- Setting width & max-width
- CSS background-color
- Adding padding inside a div
- Centering content
- CSS borders
- CSS shorthand & the DRY principle

#### Using Browser Developer Tools

- Opening the DevTools in Chrome
- Editing HTML in the DevTools Elements panel
- Enabling, disabling, & editing CSS in the DevTools
- Using DevTools to fine-tune your CSS
- Hexadecimal shorthand

#### HTML5 Semantic Elements & Validating HTML

- The outline algorithm
- The header, nav, aside, & footer elements
- Understanding articles & sections
- The main element
- The figure & figcaption elements
- Checking for errors: validating your code

## Schedule
- Jan 5, 2027 10:00am–5:00pm — NYC
- May 11, 2027 10:00am–5:00pm — NYC
- Sep 7, 2027 10:00am–5:00pm — NYC

## Instructors

### Dan Rodney — School Director, Instructor, & Senior Course Developer

Dan Rodney has been a designer and web developer for over 20 years, creating coursework and leading innovative training initiatives at Noble Desktop. He teaches courses covering Figma, HTML & CSS, Adobe Photoshop, InDesign, Illustrator, and Power BI. Dan has also been at the forefront of integrating AI into design and business workflows, spearheading Noble Desktop’s latest AI course offerings. In addition to teaching and curriculum development, he writes custom scripts for InDesign (Make Book Jacket, Proper Fraction Pro, and more) and works with automation and AI-driven tools in his free time. You can find Dan on X (Twitter), LinkedIn, Facebook, and at danrodney.com.

Learn more about [Dan Rodney's](/dan-rodney) background and expertise.

### Brian McClain — Program Director & Senior Instructor

Brian McClain is an experienced instructor, curriculum developer, and web developer. Brian served as Director for a coding bootcamp before joining Noble Desktop in 2022, where he is now a lead instructor and course developer for both JavaScript and Python. He teaches Web Development, JavaScript, Python for Data Science, Machine Learning, and AI. Prior to Noble, he taught Python Data Science and Machine Learning as an Adjunct Professor of Computer Science at Westchester County College.

Brian is also an active industry professional in the field of generative AI app development. His website and iOS app, Artmink, provides appraisals of art and antiques from user-uploaded images.

### Colin Jaffe — Instructor

Colin Jaffe is a programmer, writer, and teacher with a passion for creative code, customizable computing environments, and simple puns. He loves teaching code, from the fundamentals of algorithmic thinking to the business logic and user flow of application building—he particularly enjoys teaching JavaScript, Python, API design, and front-end frameworks.

Colin has taught code to a diverse group of students since learning to code himself, including young men of color at All-Star Code, elementary school kids at The Coding Space, and marginalized groups at Pursuit.

Colin lives in Brooklyn with his wife, two kids, and many intricate board games.

### Greyson Frazier — Instructor

Greyson Frazier is a Software Engineer with over a decade of experience building applications using JavaScript, React, Node.js, Angular, TypeScript, Java, AWS, Tailwind, and Next.js. He holds a Bachelor of Science in Computer Science from Rutgers University and previously worked as a software engineer at Capital One, where he developed scalable, enterprise-level applications.

Greyson is an experienced instructor who has previously taught at Code Immersives and Coding Temple. He is passionate about creating hands-on, supportive learning environments and has developed curriculum designed to make complex technical concepts approachable and practical for students.

Based in Bloomfield, NJ, Greyson stays current with evolving web development frameworks, particularly React and Next.js, and is dedicated to helping students develop the skills needed to succeed in today’s technology landscape.

### Chett Tiller — Instructor

Chett Tiller is an experienced web developer who has brought his expertise with React, Node, and full-stack development to multiple companies over his career. After transitioning six years ago to an instructor, first at the Flatiron School and now at Noble Desktop, Chett has brought his passion for full-stack engineering to hundreds of students and guided them on their journeys from fledgling developers to their first job offers.

When Chett isn't busy teaching students or writing curriculum, he builds online products for local volunteer organizations and dabbles in game development.

## FAQ

### Do I need to bring anything to the class?

No. We provide computers (Mac or PC) with a coding editor installed. Choose your operating system at checkout.

### Is this course open to beginners?

Yes, this course is open to beginners. Students must be comfortable using a computer. No other prior knowledge is required.

### Do you offer payment plans or student financing for this course?

This course does not qualify for payment plans or student financing. See our Payment Plan FAQ to find related programs that qualify.

### Can I take this course online (remote learning)?

Yes. This course is available online. See the course description and enrollment options for the training format and schedule. How do live-online sessions work? For live-online sessions, you attend at the scheduled class times (New York, Eastern Time). Attend remotely through Zoom with a live instructor. Hear the instruction, ask questions, and share your screen with the instructor. Use your computer’s microphone and speakers, or call the phone number we provide. You will need your own computer and any required software. See the course requirements for details. If you need assistance, contact us at hello@nobledesktop.com .

### What happens if I need to miss a session?

You have some options: You can watch a recording of the session. We will provide any course materials. You can use your free retake to make up any missed class time.

### What’s included with my tuition?

A hands-on learning experience working on projects and exercises, which is proven to boost comprehension, retention, and engagement Expert instructors who are industry professionals and experienced educators that are driven to help you succeed Access to industry-standard software during your training Comprehensive learning materials including proprietary workbook developed by industry experts A 1-year free retake policy which allows students to retake any part of the course or program for free to refresh the materials and gain additional practice 30-day access to class recordings to review material at your own pace A certificate of completion to verify your accomplishment

### Are there any additional fees or expenses?

There are no extra fees or taxes for our courses. The price you see on this page is the maximum you’ll pay us.

### Do you offer any discounts for this course?

We don’t currently offer discounts as we do our best to affordably price our courses.

## Pricing

**Tuition:** $395