+ Learn: Anatomy of HTML

The angle-bracket syntax (< and >) are used to create tags. Many tags come in pairs--the opening tag and closing tag--to create an element. Some tags are self-closing, which means instead of a closing tag, their opening tag ends with />.


                <tagname attribute="value">content</tagname>

                <tagname attribute="value" /> <!--a void or “self-closing” tag -->

Practice: Anatomy of HTML

Given the code below, what part of the HTML tag is highlighted in blue?

In the case of nested elements, the question refers to the anatomy of the outermost element.


                <!-- A note about the next element(s) -->


                <label
                for="color"> 
                    Color:
                </label>


                <div
                class="widget"> 
                    
                        
                            <h1>Widget Title</h1>

                            <p>Lorem Ipsum Widget Content</p>
                        
                    
                </div>


                <small> 
                    
                        
                            &copy;2014 by Abby Langner<br/>

                            All Rights Reserved
                        
                    
                </small>


                <a
                href="photos.html"> 
                    Photos
                </a>


                <img
                    
                        src="https://placekitten.com/200/300"

                        alt="A Random Kitten"

                        title="A Random Kitten"
                     
                />


                <input
                    type="password" 
                    id="secret" 
                    name="secret"
                />


                <meta
                        name="viewport" 
                        content="width=device-width"
                />

Tag Name(s) Opening Tag Closing Tag Self-Closing Trailing Slash Attribute Name(s) Attribute Value(s) Attribute-Value Pair(s) Inner HTML Content Full Element Comment

Score: 0/0

Tutorial Mode (Answers will be given with no scoring.)