02. Three parts to HTML syntax

There are three parts to HTML syntax: elements, attributes and values.

1) Elements

Elements consist of the content and the tag. The content is the text you're marking up, and the tag is what you're defining it as.

In the figure below, we're saying that "Code Snippets Academy" is the title for our webpage.

HTML element

2) Attributes

Attributes contain additional information pertaining to an element. The "for" in the figure below is an attribute of the tag "label."

HTML attributes

3) Values

Values are what the attributes take in as an argument. Some arguments are predefined values, while others may be something like a link to an external source. The value in the figure below is an external source linking to Google.

HTML values

Parents and Children

HTML elements may be embedded within one another. An element embedded the other is said to be the child of that element. Conversely, the element that encloses the other is said to be the parent.

Great start! Now let's set up an official HTML document.

Build modern and responsive webpages

High Performance Web Sites

Build modern and responsive webpages Try Front-end

Want your web site to display more quickly? This book presents 14 specific rules that will cut 25% to 50% off response time when users request a page. Author Steve Souders, in his job as Chief Performance Yahoo!, collected these best practices while optimizing some of the most-visited pages on the Web.

$ Check price
29.9929.99Amazon 4.5 logo(63+ reviews)

More Front-end resources

Aching back from coding all day?

Self-Massage Tool

Aching back from coding all day? Try Back Problems

Relieve spasms, tight muscles, trigger points and pressure points with the Body Back Buddy! This trigger point massage is designed to help you self-message any area of your body - especially those that are hard to reach. Keeping your muscles relaxes and out of contraction is importan in helping to reduce pain and prevent muscle injury.

$ Check price
29.9529.95Amazon 4.5 logo(3,443+ reviews)

More Back Problems resources

Ad