Free online courseHTML and CSS for complete beginners

Duration of the online course: 2 hours and 51 minutes

4.43

StarStarStarStarHalf star

(7)

Learn HTML and CSS from scratch with this free beginner's course by Codevolution. Explore topics like tags, forms, positioning, and more in the Web Development subcategory.

Course Description

The "HTML and CSS for Complete Beginners" course is a perfect starting point for anyone eager to dive into the world of web development. Spanning 2 hours and 51 minutes, this comprehensive course provides an excellent foundation for mastering HTML and CSS, the building blocks of web design and development. With an average rating of 4.0 stars, it stands out as a reliable resource for budding developers.

Formatted to be beginner-friendly, the course is divided into bite-sized sections, each meticulously crafted to introduce a new concept or technique. It begins with a warm welcome, introducing you to the basics of HTML and CSS. From the very first "Hello World" exercise, you'll feel the thrill of creating a webpage from scratch.

As you progress, you'll delve into various HTML elements, including titles, headings, and paragraphs. You’ll also learn how to insert horizontal lines, breaks, and comments within your code. The course seamlessly transitions to covering essential formatting elements, allowing your content to visually stand out.

Image handling is made simple and straightforward. You'll grasp the concept of embedding images seamlessly. The tutorials on links and advanced linking techniques ensure that navigation on your site is smooth and user-friendly. If structuring data is your goal, the sections on tables, including rowspan and colspan, provide the tools to create intricate table designs.

Lists are another fundamental aspect you'll master, with in-depth tutorials on unordered, ordered, and definition lists. Embedding external content? The iframe section has got you covered.

The course doesn’t stop at HTML; it guides you through the basics of forms, covering various input types such as radio buttons, checkboxes, dropdowns, and text areas. You'll also learn about the importance of buttons like submit and reset, enhancing your form functionalities.

Stepping into the world of CSS, you'll get a solid introduction to styling your webpages. From setting colors, backgrounds, and fonts, to advanced text formatting techniques, the course ensures you can make your webpage visually appealing.

Box model properties such as borders, padding, and margins are explained in detail. You'll understand how to control the spacing and layout of your elements effectively. The course also revisits tables, teaching you how to style them using CSS.

Diving deeper, you'll discover the power of selectors including span, div, and other advanced selectors which increase the specificity and flexibility of your CSS. Positioning elements relatively, absolutely, or fixed are complex topics made simple through clear, concise explanations.

Finally, you’ll learn about the hierarchy and priority of style sheets, empowering you to manage multiple styles more effectively.

This course is categorized under Information Technology, specifically in the Web Development subcategory. With step-by-step guidance and practical examples, the "HTML and CSS for Complete Beginners" course ensures that by the end of 2 hours and 51 minutes, you'll have a solid understanding and ability to create and style your web pages from the ground up.

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?

CSS

Free online courses on CSS
Discover a curated list of free online CSS courses designed to elevate your web design skills. Master styling, layouts, and responsive design with ease. Join now!

HTML

Free online courses on HTML
Master HTML with our free online courses! Dive into coding with expert-led tutorials and interactive lessons. Start building websites today. Enroll now for free!

This free course includes:

2 hours and 51 minutes of online video course

Certificate of course completion

Exercises to train your knowledge

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:

Install the app now

to access the course
  • 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.

Course comments: HTML and CSS for complete beginners

Disha Paul

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.

Disha Paul

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

Disha Paul

Nice course and really effective. i enjo

Disha Paul

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

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