Discover Classes. Earn 10% Rewards.

Intro to HTML & CSS

Learn the fundamentals of creating webpages with HTML and CSS in this introductory course at Noble Desktop. Hand code a webpage from scratch, format text and images, and discover the power of Cascading Style Sheets. Start building your web development skills today!

  • Beginner
  • 18 and older
  • Earn 10% Rewards
  • Price Lock

    Secure your booking now and we'll match any price drop within 48 hours across all booking platforms, ensuring you never miss out on savings!

  • 185 Madison Ave, New York, NY & Virtually Online
  • 7 hours

Express Checkout – $395


Proceed to Checkout

No Booking Fees. Lowest Price Guaranteed. Earn 10% Rewards.

Give as a Gift

Start Dates (3) $395/person

20 left
Book
20 left
Book
20 left
Book
Showing 1 – 3 of 3

Book a Private Group Event

Booking this class for a group? Find great private group events

Or see all Coding Group Events

Explore group events and team building activities ranging from cooking, art, escape rooms, trivia, and more.

Class Description

Description

In this class, we’ll introduce you to HTML, 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. By the end of class you will learn about CSS (Cascading Style Sheets), including tag selectors, class selectors, and the class attribute.

Learn more about Intro to HTML & CSS at Noble Desktop.

Syllabus

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

Refund Policy

  • Students may cancel up to 14 days before the class/program start date and receive a refund, less the registration fee (10% of the undiscounted course price). 
  • Cancellations within 14 days are not permitted, but students may reschedule up to three business days before the class start date.
  • For cancellations and reschedules, please email us at [email protected]

In any event where a customer wants to cancel their enrollment and is eligible for a full refund, a 5% processing fee will be deducted from the refund amount.

Reviews of Classes at Noble Desktop (452)

(4.6-star rating across 452 reviews)

This class: 4.8 out of 5 from 78 reviews

  • Intro to HTML & CSS

  • Intro to HTML & CSS

  • Intro to HTML & CSS

  • Intro to HTML & CSS

  • Intro to HTML & CSS

  • Intro to HTML & CSS

    It was very informative, great for absolute beginners!
  • Intro to HTML & CSS

  • Intro to HTML & CSS

    This was such a cool class! I feel like now I can actually build a web page with a bit more research on my end. Learned a lot in a few hours
  • Intro to HTML & CSS

    The professor/ instructor was everything! She strengthened my understanding of css and made me aware of tools and free online resources to use when coding!
  • Intro to HTML & CSS

    The teacher was super knowledgeable and the structure of doing-it-yourself was executed really well. I definitely gained valuable experience!
  • Intro to HTML & CSS

  • Intro to HTML & CSS

  • Intro to HTML & CSS

  • Intro to HTML & CSS

  • Intro to HTML & CSS

    This course is great for anyone who knows little to nothing about HTML & CSS. This is second time I've taken a class at Noble Desktop and I intend to book another course with them. They're great! Instructions are easy to follow and I always leave feeling like I've learned more than I expected.
  • Intro to HTML & CSS

  • Intro to HTML & CSS

  • Intro to HTML & CSS

    The instructer was extremely knowledgeable
  • Intro to HTML & CSS

  • Intro to HTML & CSS

See 63 More Course Reviews
loading...
See reviews for other classes at Noble Desktop
loading...
Hide Reviews

Similar Classes

Noble Desktop

Noble Desktop is a reputable New York-based training institute known for offering a wide range of creative and technical courses, including web development, design, coding, and digital marketing. With a strong emphasis on hands-on learning and industry-relevant skills, Noble Desktop equips individuals with the knowledge and expertise needed to excel in today's competitive job market.

View school profile
Noble Desktop
Vetted by CourseHorse

A verified Brooklyn educator.

CourseHorse’s Choice 4.6 out of 5 · 452 reviews
Loading...