Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd
Upload
29 views

Intro To HTML and Css Syllabus

This 3-hour introductory course covers the basics of HTML and CSS. Students will learn how to hand code a webpage from scratch using HTML tags for text formatting, links, images, and lists. The course also introduces CSS for styling text, colors, and page layout. Group classes are offered in NYC and onsite training is available. Students will code their first webpage, learn CSS selectors and properties, and use browser developer tools to validate and refine their code.

Uploaded by

Gaurav gupta
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
29 views

Intro To HTML and Css Syllabus

This 3-hour introductory course covers the basics of HTML and CSS. Students will learn how to hand code a webpage from scratch using HTML tags for text formatting, links, images, and lists. The course also introduces CSS for styling text, colors, and page layout. Group classes are offered in NYC and onsite training is available. Students will code their first webpage, learn CSS selectors and properties, and use browser developer tools to validate and refine their code.

Uploaded by

Gaurav gupta
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

Intro to HTML & CSS

We’ll introduce you to HTML, the standard markup language used to create webpages, and
COURSE SYLLABUS

you’ll dive in and hand code a webpage from scratch. This 3-hour class is essentially the first
section of our more comprehensive Web Development Level 1 class.

Group classes in NYC and onsite training is available for this course.
For more information, email hello@nobledesktop.com or visit:
https://www.nobledesktop.com/classes/html-intro

hello@nobledesktop.com • (212) 226-4149

Course Outline

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

Course Syllabus | Intro to HTML & CSS 1


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

Course Syllabus | Intro to HTML & CSS 2

You might also like