Style & Color | HTML | Tutorial 6

Summary

This tutorial introduces how to apply basic styling and colors to HTML elements using the 'style' attribute. It covers changing text color and background color, and briefly touches upon CSS as a broader styling method. The video also shows where to find a comprehensive list of color names and hex codes for use in HTML.

Highlights

Applying Background Color00:02:41

The video explains how to apply a background color to an HTML element. Using 'background-color: blue;' alongside the 'color' attribute, you can set both the text and background colors for an element, allowing for more visual customization.

Styling Header and Body Tags00:03:14

The tutorial shows how the 'style' attribute can be applied to other elements, such as a header tag (e.g., '<h1>'). It also illustrates how to apply a background color to the entire web page by styling the <body> tag, noting that specific element styling will override general body styling.

Introduction to Styling HTML Elements00:00:00

The video introduces the concept of styling individual HTML elements using the 'style' attribute. It briefly mentions CSS (Cascading Style Sheets) as a dedicated subject for styling but emphasizes that this tutorial will focus on basic inline styling for HTML.

Applying Text Color00:01:33

The tutorial demonstrates how to change the color of text within a paragraph tag. By adding 'style="color: blue;"' as an attribute to the paragraph element, the text color can be set to blue or any other specified color like red.

Finding More Colors00:04:52

The video recommends W3Schools as a resource for finding a comprehensive list of CSS colors, including named colors and their corresponding hex codes, which can be used interchangeably in the 'style' attribute.