Free online courseCSS and HTML5

Duration of the online course: 5 hours and 40 minutes

New course

Master CSS and HTML5 in this free online course. Learn syntax, adding CSS to HTML, classes, IDs, tables, animations, text overlays, and more for web development.

Course Description

The "CSS and HTML5" course offers a comprehensive and practical guide to modern web development. With a total duration of 5 hours and 40 minutes, this course is meticulously designed to equip students with foundational and advanced concepts of CSS and HTML5.

Belonging to the Information Technology category and specifically falling under the Web Development subcategory, this course is perfect for anyone looking to deepen their knowledge and enhance their skills in creating visually appealing and responsive web pages.

The course begins with an introduction to CSS and HTML5, laying a solid groundwork for understanding the basics. Following the introductory segment, the course delves into basic CSS syntax, demonstrating how to write and interpret CSS code effectively. This ensures students can grasp the fundamental principles that underpin all CSS code.

One of the critical skills taught in this course is how to add CSS to HTML through various methods including external, internal, and inline styles. Each method is explained in detail, providing real-world examples and best practices. This allows students to understand the different ways CSS can be implemented in web projects, and when to use each approach.

The course then moves on to explore the use of classes and IDs in CSS. These topics are essential for styling specific elements and creating reusable styles. By understanding how to use classes and IDs, students can make their code more efficient and organized.

More advanced topics include working with DIV tags and borders, which are crucial for layout design, as well as table formatting and nth-of-type formatting for more sophisticated styling and layouts.

Tag-based class attributes and hover formatting bring interactive elements to web pages, making them more engaging for users. This segment includes practical examples that students can replicate and modify according to their needs.

The course also covers basic animations, which are valuable for creating dynamic and visually appealing alerts. Text overlay on images and the manipulation of opacity for both text and images are taught to enhance visual storytelling on web pages.

Students will learn how to create various shapes using CSS and how to format hyperlinks to match the look and feel of their website. Additionally, advanced topics like animations and sticky positioning are covered, allowing for greater control and creativity in web design.

The "CSS and HTML5" course is an invaluable resource for anyone passionate about web development. Whether you're a beginner or looking to polish your skills, this course provides the knowledge and practical experience needed to excel in creating modern, responsive websites. Despite there being no reviews yet, the depth and thoroughness of the content covered make it a worthwhile investment for any aspiring web developer.

Course content

  • Video class: CSS and HTML 5 - CSS and HTML 5 Introduction

    0h23m

  • Exercise: Which of the following statements best explains the role of CSS in web development?

  • Video class: CSS and HTML 5 - Basic CSS Syntax

    0h17m

  • Exercise: What is the primary purpose of CSS when used with HTML?

  • Video class: CSS and HTML 5 - Adding CSS to HTML (External, Internal, Inline)

    0h25m

  • Exercise: Which method of including CSS in an HTML document allows you to overwrite any CSS specified at higher levels?

  • Video class: CSS and HTML 5 - Classes in CSS

    0h14m

  • Exercise: What is the primary function of using classes in CSS?

  • Video class: CSS and HTML 5 - ID in CSS

    0h15m

  • Exercise: What is the purpose of using IDs in HTML documents?

  • Video class: CSS and HTML 5 - DIV Tags and Borders

    0h13m

  • Exercise: In CSS, what property would you use to create rounded edges on a border of a 'div' element?

  • Video class: CSS and HTML 5 - Table Formatting

    0h15m

  • Exercise: What is the purpose of using the 'border-collapse' property in CSS when styling HTML tables?

  • Video class: CSS and HTML 5 - nth-of-type Formatting

    0h20m

  • Exercise: What is one way to use the CSS 'nth-of-type' selector when formatting HTML documents?

  • Video class: CSS and HTML 5 - Tag Based Class Attributes

    0h11m

  • Exercise: What is one of the main uses of a CSS class in HTML documents?

  • Video class: CSS and HTML 5 - Hover Formatting

    0h18m

  • Exercise: Which of the following describes how CSS hover effects can enhance user experience on a webpage?

  • Video class: CSS and HTML 5 - Basic Animation for Alerts

    0h26m

  • Exercise: What is one of the best ways to ensure that users notice a critical temperature alert in a CSS-based web monitoring application?

  • Video class: CSS and HTML 5 - Text Overlay on Images

    0h23m

  • Exercise: When overlaying text on an image using CSS and HTML, what is the primary technique being utilized?

  • Exercise: In CSS, when positioning text over an image within a webpage, what is the most accurate way to describe the process?

  • Video class: CSS and HTML 5 - Text Overlay on Images

    0h23m

  • Exercise: When overlaying text on an image using CSS and HTML, what is the primary technique being utilized?

  • Exercise: In CSS, when positioning text over an image within a webpage, what is the most accurate way to describe the process?

  • Video class: CSS and HTML 5 - Opacity for Text and Images

    0h15m

  • Exercise: What CSS property allows you to adjust the transparency of an HTML element?

  • Video class: CSS and HTML 5 - Making Shapes

    0h20m

  • Exercise: Which of the following shapes can be created using CSS border-radius property on a square?

  • Video class: CSS and HTML 5 - Format Hyperlinks

    0h10m

  • Exercise: Which CSS pseudo-class can be used to change the style of a hyperlink when the mouse pointer is hovering over it?

  • Exercise: Which of the following describes what happens when you hover over a hyperlink formatted with CSS?

  • Video class: CSS and HTML 5 - Format Hyperlinks

    0h10m

  • Exercise: Which CSS pseudo-class can be used to change the style of a hyperlink when the mouse pointer is hovering over it?

  • Exercise: Which of the following describes what happens when you hover over a hyperlink formatted with CSS?

  • Video class: CSS and HTML 5 - Animations

    0h21m

  • Exercise: What component is essential for setting the duration of a CSS animation when creating a class for an animation?

  • Video class: CSS and HTML 5 - Sticky Position

    0h09m

  • Exercise: What is the main functionality of the CSS 'sticky' position in a web document?

This free course includes:

5 hours and 40 minutes of online video course

Exercises to train your knowledge

Certificate of course completion

100% free, from content to certificate

QR Code - Baixar Cursa - Cursos Online

This online course can only be accessed through the Cursa App. Download it using the QR code or the links below:

This online course can only be accessed through the Cursa app. Install it using the links below:

  • Study for free!

    Here you never pay! Not even for the certificate, because everything in the app is 100% free!

  • Improve your resume!

    There are more than 4,000 free courses for you to study anything that interests you!

  • Free Digital Certificate!

    Complete the course and issue your internationally recognized Digital Certificate free of charge.

More free courses at Web Development

Download the App now to have access to + 3300 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 48 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

+ 9 million
students

Free and Valid
Certificate

60 thousand free
exercises

4.8/5 rating in
app stores

Free courses in
video and ebooks