Adding attributes

Now you have access to "Movie" and its parents properties; select <h1>Avatar</h1> and explode the node Thing on the Attribute node.

Select the attribute name and press the Add attribute button. If you have done every right, your text should look like this:

Example 3.3. HTML after adding "name" attribute

<div itemscope="" itemtype="http://schema.org/Movie">
    <h1 itemprop="name">Avatar</h1>
    <span>Director: James Cameron (born August 16, 1954)</span> 
    <span>Science fiction</span> 
    <a href="http://www.example.com/movies/avatar-theatrical-trailer.html">Trailer</a>
</div>
            

In the same way, we can add more information about the movie genre: select the text <span>Science fiction</span> and look for the Genre attribute.

You'll find it in the CreativeWork node, since every type shares its attributes with its parent; now add it as we did before.

Now select the trailer link (<a href="http://www.example.com/movies/avatar-theatrical-trailer.html">Trailer</a>) and select the Trailer attribute.

As you can see in the box on the right, List of possible Values, you can choose to add it as plain property or to create another itemtype block. For the moment, just add it as property.

Your text should be like this:

Example 3.4. HTML after adding attributes

<div itemscope="" itemtype="http://schema.org/Movie">
    <h1 itemprop="name">Avatar</h1>
    <span>Director: James Cameron (born August 16, 1954)</span> 
    <span itemprop="genre">Science fiction</span> 
    <a itemprop="trailer" href="http://www.example.com/movies/avatar-theatrical-trailer.html">
        Trailer
    </a>
</div>