1. Filenames should...
    avoid spaces and underscores and include html extension.
  2. More complicated web pages need...
    a server.
  3. A server offers...
    more functionality and also means other people can access your web site.
  4. Hyperlinks let you...
    move from one content page to another.
  5. HTML stands for...
    Hypertext Markup Language
  6. Hypertext is...
    any item or object that can be linked to another object.
  7. URL
    Universal resource locator: a web address.
  8. Protocol
    http (hypertext transfer protocol) is the standard for communicating on the web.
  9. http stands for...
    hypertext transfer protocol
  10. Host name
    www. Typically people start their web servers with www. Users have come to expect it. It isn’t a requirement, but it is very common.
  11. Domain name
    Examples: .com .org .in .br .ca .gc.ca .cn .com.lb .com.ph .gr .nz .za
  12. Subdomain
    This refers to all text between the host name and the domain name.
  13. Page name (optional)
    The filename at the end of the url. Common extensions are .html .php.
  14. Username (optional)
    A tilde in a url can mean a username. In the example http://www.payrolldept.fakecompany.ca/%7EBBunny01/paystub.html the user is logged in as BBunny01
  15. Css stands for...
    cascading style sheets
  16. A paragraph element looks like
    <p>This paragraph is exciting. I’m sure all would agree.</p>.
  17. A tag looks like...
    <p> or </p> or <h1> or </h1>
  18. <p>This paragraph is exciting.I’m sure all would agree.</p> is a(n)..
  19. <p> or </p> or <h1> or </h1> are examples of...
  20. html tags should be...
    in lower case.
  21. Special characters can be written using...
    & followed by ;
  22. How are comments written?
    <!-- followed by -->
  23. What elements must be near the beginning of every page? What must be the first element?
    <!doctype html>(must be on the first line)

    <html lang ="en">

    • <head>            (head and title element)
    •    <title>...</title>
    • </head>

    • <meta charset = "UTF-8">
    •       the meta element inside the head tag
  24. What is the doctype element?
    <!doctype html> must be on the first line. It tells the browser you are using html version 5
  25. What is the html element?
    • <html lang ="en">...all your html code...</html>.
    • This tells the browser that everything between the <html> and </html> tags is html code.
    • It also specifies the language for screen readers.
    • There is only one html element per page. </html> should be the last line.
  26. What is the head element?
    • <head>            (head and title element)
    •     <title>...</title>
    • </head>
    • -near the top of your code
    • -describes info about page.
    • -not displayed.
    • -important for proper display of page.
  27. What is the title element?
    • <title>...</title>
    • -inside the head element.
    • -appears in title bar in browser.
    • -after html element.
    • -indent code inside head element.
    • -only 1 title element.
    • -use depends on browser or client.
    • -used by search engines and for bookmarks.
  28. What is the meta element?
    • <meta charset = "UTF-8">
    • -placed inside the head tag.
    • -specifies the character set used.
    • -English web pages use UTF-8.
    • -allows browser to display a large variety of characters, including other languages.
    • -this tag does not have an end tag(self-closing).
  29. What is the body element?
    • It encompasses all data that will be displayed in the browser. There is only one body element per page.
    • </head>
    • <body>
    • ...(indent all lines)...
    • </body>
    • </html>
  30. What elements must be on each web page?
    doctype, comment, html, head, title, meta, body
  31. What types of elements may only appear once per page?
    • body, h1
    • maybe: doctype, html, head, title, meta
  32. Why would you use <ol> and </ol>?
    To create an ordered list.
  33. What is an ordered list? How do you create one? What is a property?
    • 1. iPhone
    • 2. Android
    • 3. Blackberry

    • <ol>
    •    <li>iPhone</li>
    •    <li>Android</li>
    •    <li>Blackberry</li>
    • </ol>

    Ordered lists are numbered but do not have bullets.
  34. How do you create the look:
    1. iPhone
    2. Android
    3. Blackberry
    • Make an ordered list.
    • <ol>
    •    <li>iPhone</li>
    •    <li>Android</li>
    •    <li>Blackberry</li>
    • </ol>
  35. Why would you use <ul> and </ul>?
    to create an unordered list
  36. What is an un-ordered list? How do you create one? What is a property?
    • ⋄Canada
    • ⋄China
    • ⋄Egypt
    • ⋄Italy

    • <ul>
    •    <li>Canada</li>
    •    <li>China</li>
    •    <li>Egypt</li>
    •    <li>Italy</li>
    • </ul>

    Un-ordered list have bullets but not numbers.
  37. How do you create the look:
    • Make an un-ordered list.
    • <ul>
    •    <li>iPhone</li>
    •    <li>Android</li>
    •    <li>Blackberry</li>
    • </ul>
  38. What is a definition list? How do you create one? What is a property?
    -when you want to provide a list of items but do not want bullets or numbers.

    • <dl>
    •    <dt>COMP 205</dt>
    •    <dd>Html</dd>
    •    <dd>Css</dd>
    •    <dd>Javascript</dd>
    •    <dt>COMP 1111</dt>
    •    <dd>Access</dd>
    •    <dd>Databases</dd>
    •    <dt>COMP 1100</dt>
    •    <dd>C++</dd>
    •    <dd>Programming</dd>
    • </dl>

    • Definition List (dl)
    • Definition Terms (dt)
    • Definition Descriptions (dd).

    • Descriptions are under Terms.
    • -no numbers or bullets
  39. How do you create the look:
    COMP 205
    COMP 1111
    • <dl>
    •    <dt>COMP 205</dt>
    •    <dd>Html</dd>
    •    <dd>Css</dd>
    •    <dd>Javascript</dd>
    •    <dt>COMP 1111</dt>
    •    <dd>Access</dd>
    •    <dd>Databases</dd>
    • </dl>
  40. Why would you use <dl> and </dl>?
    to create a definition list
  41. How do you create the look:
    1. COMP 205 Test
       1. Review in class work
       2. Look at asst marking sheet
       3. Prepare study sheet
       4. Ace test
    2. Have fun
       ⋄Friends Time
       ⋄Play music
    3. Call family
    • <ol>
    •    <li>COMP 205 Test <!--closing tag not here-->
    •       <ol>
    •          <li>Review in class work</li>
    •          <li>Look at asst marking sheet</li>
    •          <li>Prepare study sheet</li>
    •          <li>Ace test</li>
    •       </ol>
    •    </li> <!--closing tag here-->
    •    <li>Have fun
    •       <ul>
    •          <li>Friends Time
    •             <ul>
    •                <li>Dinner</li>                    <li>Sports</li>                    <li>Game</li>                 </ul>
    •          </li>
    •          <li>Play music</li>
    •       </ul>
    •    </li>
    •    <li>Call family</li>
    • </ol>
  42. What does this look like?
       <li>Log in to your account</li>
       <li>Email your prof with your:</li>
             <li>name and program</li>
             <li>experience in:</li>
                <li>databases</li>               </ol>
    • 1. Log in to your account
    • 2. Email your prof with your:
    •       1. name and program
    •       2. interests
    •       3. experience in:
    •          1. programming
    •          2. databases
    • 3. Chill
Card Set