# HTML & CSS:Design & Build Websites
## Ch 1 & 2 Questions

### On a website, what is the purpose of HTML code?
  The purpose of HTML on a website is to structure its pages, using elements.

### What is the difference between an element and a tag?
  In HTML, a *tag* is the character and angled brackets that comprise either an opening or closing portion of an element, while the term *element* refers not only to the tags but also to content that sits within the tag.

### Why do we use attributes in HTML elements?
  We use attributes in HTML elements to provide more information about the contents of an element. They are added to the opening tag of the element and are composed of *name* and *value*.

### Describe the purpose of the head, title, and body HTML elements.
  The purpose of the *head* element is to provide information about the page that is not shown in the main browser window. The *title* is an element whose text is displayed on the browser bar. The *body* element contains content intended to be seen inside the main browser window.

### In your browser (Chrome), how do you view the source of a website?
  Select *View Source* from the *Developer* option on a Mac's *View* menu.

### List five different HTML elements and what they are used for. For example, <p></p> is a paragraph element, and it is used to represent a paragraph of text.
  1. The ```<strong></strong>``` element stresses the importance of a piece of content.
  2. The ```<h1></h1>``` element indicates the main heading of a webpage.
  3. The ```<em></em>``` element changes the implied meaning of a piece of content.
  4. The ```<address></address>``` element refers to the contact details for the author of a webpage.
  5. The ```<cite></cite>``` element is used to reference a piece of work, such as a book.

### What are empty elements?
  Empty elements don't have any words between the opening and closing tags. They are usually made up of only one tag and contain a space after the character followed by a forward slash.

### What is semantic markup?
  Semantic markup refers to elements that aren't intended to affect the structure of the webpage, but add extra information to the page, which help assistive technologies, such as screen readers, do their jobs better.

### What are three new semantic elements introduced in HTML 5? Use page 431 in the book to find more about these new elements.
  1. ```<header></header>```
  2. ```<nav></nav>```
  3. ```<article></article>```