Style & Color | HTML | Tutorial 6

Share

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

Styling Header and Body Tags
00: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.

Finding More Colors
00: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.

Applying Background Color
00: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.

Introduction to Styling HTML Elements
00: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 Color
00: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.

Recently Summarized Articles

Loading...