Free Course Image HTML and CSS for complete beginners

Free online courseHTML and CSS for complete beginners

Duration of the online course: 2 hours and 51 minutes

4.43

StarStarStarStarHalf star

(7)

Build your first web pages fast with this free HTML & CSS course—learn layout, forms, styling, and responsive-ready basics to kickstart a web dev career.

In this free course, learn about

  • HTML basics: purpose of HTML and the structure that starts an HTML document
  • Use core tags: title, headings, paragraphs, line breaks, horizontal rules, comments
  • Text formatting tags (e.g., bold) and when to use formatting elements
  • Add images with img and src, and create links with a; use bookmarks/anchors for navigation
  • Build tables with table/tr/td; use rowspan/colspan plus cellpadding/cellspacing concepts
  • Create lists: unordered (ul), ordered (ol), and definition lists (dl/dt/dd)
  • Embed external content using iframes and understand their purpose
  • Create forms: inputs, maxlength, radio vs checkbox, select dropdown, textarea, submit/reset
  • CSS fundamentals: what CSS is for; apply colors via names, hex, and RGB
  • Style backgrounds, fonts (font-family), and text formatting properties
  • Style links with pseudo-classes (e.g., :visited) and other link-related styles
  • Understand the box model: borders, padding, margins; style tables via CSS rules
  • Use span vs div and CSS selectors (element, class, id and beyond)
  • Positioning & cascade: relative/absolute/fixed; stylesheet levels and priority order

Course Description

If you want to build websites but do not know where to start, this free online course is a practical introduction to the two core technologies of the web: HTML for structure and CSS for design. You will learn how web pages are put together from the first line of code, so you can go from reading examples to confidently creating pages on your own.

You will begin with the essentials of an HTML document and quickly move into writing clean, readable markup for common page elements like headings, paragraphs, line breaks, comments, images, and links. Along the way, you will practice organizing information with lists and tables, including working with rows, columns, and spacing. You will also learn how to embed external content with iframes and how navigation can be improved using internal bookmarks, helping you think about usability from the start.

A major step toward real-world web development is collecting user input, so you will explore forms in a beginner-friendly way. You will learn when to use different controls such as text fields, radio buttons, checkboxes, dropdowns, and textareas, plus how attributes like maxlength support better data entry. You will understand what submit and reset actions do and how basic form structure fits into typical website experiences.

Once the structure is in place, you will bring your pages to life with CSS. You will learn how to apply styles, how the cascade works, and why priority matters when multiple style sheets or rules compete. You will style color, backgrounds, fonts, and text, and you will refine the look of links in different states. You will also learn the building blocks of layout and spacing with borders, padding, and margins, so elements sit where you intend and the page feels polished.

To help you move beyond copying and into problem solving, the course emphasizes selectors and how to target exactly what you want to style. You will practice working with span and div to group content and shape layouts. Finally, you will step into positioning fundamentals, learning relative, absolute, and fixed positioning so you can create simple page structures, sticky elements, and more controlled placements with confidence.

By the end, you will have a strong foundation in web development fundamentals and the vocabulary to keep learning. Whether your goal is to build a personal site, support a business project, or start a path toward a developer role, this course helps you understand how HTML and CSS work together to create websites you can be proud to share.

Course content

  • Video class: HTML and CSS Tutorial for Beginners - 1 - Introduction 03m
  • Exercise: _What is HTML?
  • Video class: HTML and CSS Tutorial for Beginners - 2 - Hello world 04m
  • Exercise: What signifies the beginning of an HTML document?
  • Video class: HTML and CSS Tutorial for Beginners - 3 - Title, Heading and Paragraph 05m
  • Exercise: _What is the purpose of the title tag in HTML?
  • Video class: HTML and CSS Tutorial for Beginners - 4 - Horizontal Rule, Break and Comment 04m
  • Exercise: Which HTML tag is used to insert a horizontal line on a webpage?
  • Video class: HTML and CSS Tutorial for Beginners -5 - Formatting Elements 05m
  • Exercise: _What tag is used to make text bold in HTML?
  • Video class: HTML and CSS Tutorial for Beginners - 6 - Images 04m
  • Exercise: What attribute is used to specify the location of an image?
  • Video class: HTML and CSS Tutorial for Beginners - 7 - Links 06m
  • Exercise: _What is the purpose of an anchor tag in HTML?
  • Video class: HTML and CSS Tutorial for Beginners - 8 - More on Links 03m
  • Exercise: What attribute is used to create bookmarks within a web page for easy navigation?
  • Video class: HTML and CSS Tutorial for Beginners - 9 - Tables 05m
  • Exercise: _What HTML tag is used to create a table?
  • Video class: HTML and CSS Tutorial for Beginners - 10 - Rowspan and Colspan 03m
  • Exercise: How can you make a cell span multiple columns in HTML tables?
  • Video class: HTML and CSS Tutorial for Beginners -11 - Cellpadding and Cellspacing 03m
  • Exercise: _What attribute can be used to add space between the content and the border of a table?
  • Video class: HTML and CSS Tutorial for Beginners - 12 - Unordered Lists 04m
  • Exercise: How can you create an unordered list in HTML?
  • Video class: HTML and CSS Tutorial for Beginners - 13 - Ordered Lists 03m
  • Exercise: _What is the HTML tag used for creating an ordered list?
  • Video class: HTML and CSS Tutorial for Beginners - 14 - Definition Lists 04m
  • Exercise: Which tag is used to specify a term in a definition list?
  • Video class: HTML and CSS Tutorial for Beginners - 15 - Iframes 02m
  • Exercise: _What is the purpose of iframes in HTML?
  • Video class: HTML and CSS Tutorial for Beginners - 16 - Forms 06m
  • Exercise: What is the purpose of using the 'maxlength' attribute in an HTML form input?
  • Video class: HTML and CSS Tutorial for Beginners - 17 - Radiobutton and Checkbox 04m
  • Exercise: _What is the difference between a radio button and a checkbox?
  • Video class: HTML and CSS Tutorial for Beginners - 18 - Dropdown and Textarea 04m
  • Exercise: What HTML tag is used to create a drop-down menu in a form?
  • Video class: HTML and CSS Tutorial for Beginners - 19 - Submit and Reset 04m
  • Exercise: _What is the purpose of a submit button in a form?
  • Video class: HTML and CSS Tutorial for Beginners - 20 - Intro to CSS 04m
  • Exercise: What does CSS stand for and what is its primary purpose?
  • Video class: HTML and CSS Tutorial for Beginners - 21 - Color 03m
  • Exercise: _What are the three ways to specify a color to an HTML element according to the tutorial?
  • Video class: HTML and CSS Tutorial for Beginners - 22 - Background 07m
  • Video class: HTML and CSS Tutorial for Beginners - 23 - Fonts 05m
  • Exercise: _What is the purpose of using the font family property in CSS?
  • Video class: HTML and CSS Tutorial for Beginners - 24 - Text Formatting 06m
  • Video class: HTML and CSS Tutorial for Beginners - 25 - Links 04m
  • Exercise: _What is the style that has to be applied to the anchor tag when a link is visited for the second time?
  • Video class: HTML and CSS Tutorial for Beginners - 26 - Border 06m
  • Video class: HTML and CSS Tutorial for Beginners - 27 - Padding 02m
  • Exercise: _What is padding in HTML and CSS?
  • Video class: HTML and CSS Tutorial for Beginners - 28 - Margin 03m
  • Video class: HTML and CSS Tutorial for Beginners - 29 - Tables 04m
  • Exercise: _What is the correct way to apply a style to a table in HTML and CSS?
  • Video class: HTML and CSS Tutorial for Beginners - 30 - Span and Div 05m
  • Video class: HTML and CSS Tutorial for Beginners - 31 - Selectors 07m
  • Exercise: _What is the third type of selector in CSS?
  • Video class: HTML and CSS Tutorial for Beginners - 32 - More Selectors 03m
  • Video class: HTML and CSS Tutorial for Beginners - 33 - Relative Positioning 03m
  • Exercise: _What is the value of the position property used for relative positioning in CSS?
  • Video class: HTML and CSS Tutorial for Beginners - 34 - Absolute Positioning 04m
  • Video class: HTML and CSS Tutorial for Beginners - 35 - Fixed Positioning 03m
  • Exercise: _What is fixed positioning in CSS?
  • Video class: HTML and CSS Tutorial for Beginners - 36 - Style Sheet Levels 07m
  • Video class: HTML and CSS Tutorial for Beginners - 37 - Style Sheet Priority 02m
  • Exercise: _What is the priority order for the different style sheets in CSS?

This free course includes:

2 hours and 51 minutes of online video course

Digital certificate of course completion (Free)

Exercises to train your knowledge

100% free, from content to certificate

Ready to get started?Download the app and get started today.

Install the app now

to access the course
Icon representing technology and business courses

Over 5,000 free courses

Programming, English, Digital Marketing and much more! Learn whatever you want, for free.

Calendar icon with target representing study planning

Study plan with AI

Our app's Artificial Intelligence can create a study schedule for the course you choose.

Professional icon representing career and business

From zero to professional success

Improve your resume with our free Certificate and then use our Artificial Intelligence to find your dream job.

You can also use the QR Code or the links below.

QR Code - Download Cursa - Online Courses

Course comments: HTML and CSS for complete beginners

DP

Disha Paul

StarStarStarStarStar

This is too good course. I enjoy and learn a lot of things. every topic a very smooth explanation that's understand for everyone. excercise part good.

DP

Disha Paul

StarStarStarStarStar

this course is too much effective for me and I learn a lot of things.

DP

Disha Paul

StarStarStarStarStar

Nice course and really effective. i enjo

DP

Disha Paul

StarStarStarStarStar

i am enjoy this course and learn a lot of things.

More free courses at Web Development

Free Ebook + Audiobooks! Learn by listening or reading!

Download the App now to have access to + 5000 free courses, exercises, certificates and lots of content without paying anything!

  • 100% free online courses from start to finish

    Thousands of online courses in video, ebooks and audiobooks.

  • More than 60 thousand free exercises

    To test your knowledge during online courses

  • Valid free Digital Certificate with QR Code

    Generated directly from your cell phone's photo gallery and sent to your email

Cursa app on the ebook screen, the video course screen and the course exercises screen, plus the course completion certificate