Master programming syntax, solve interactive challenges & run live code in Syntaxis Explore Arena →

menu_book Course Curriculum (Intro to HTML & CSS) expand_more

HTML Basics

Document structure Head metadata Headings and paragraphs Links Images and alt text Lists Tables Forms and labels

Semantic HTML

header main footer nav landmark article and section figure and figcaption button versus link details and summary time element address element

CSS Basics

CSS selectors Class selectors Cascade and specificity Box model Margin and padding Typography Colors Borders

Layout & Responsive

display block and inline Flexbox basics Grid basics Positioning Media queries Responsive images CSS custom properties Focus styles

Intro to HTML & CSS / HTML Basics

Lists

Learn Lists in Intro to HTML & CSS with a focused explanation, a topic-specific example, and a mastery check.

12 min read • Beginner

intro-html-css-006.html

html

<h2>Shopping list</h2><ul><li>Rice</li><li>Tomatoes</li><li>Tea</li></ul><h2>Steps</h2><ol><li>Mix</li><li>Bake</li></ol>

What to watch

Content source & attribution

Original Syntaxis Content · Original Syntaxis Content

Lesson quizzes

Lists Mastery Check →

Images and alt text