let's play a game


rules

  • Identify the thing or syntax pattern you see
  • Start with the language
  • Work your way from general to specific
  • Describe specifically where you might
    find or place this thing
  • If what you see looks like short-hand for
    something else, explain the long-form version
  • Provide one other example of that thing


ready?
ok!


<h1>


answer

  • HTML
  • Element
  • Level-1 heading tag

Example

<p>


#ff0066;


answer

  • CSS
  • Statement that declares color of text
  • Value assigned to 'color' property
  • Purple-ish

Example

#660099


href


answer

  • HTML
  • Anchor element
  • Hypertext Reference attribute

Example

src


??? = ""???""


answer

  • HTML
  • Attribute and assigned value
  • Assigned value placed in double-quotes

example

type="text/css"


??? { ???:???; }


answer

  • CSS
  • Selector >
  • Declaration >
  • Statement...
  • Property: Value;

example

li { text-align: center; }


p


answers

  • HTML or CSS
  • If HTML: Tag
  • If CSS: Selector

example

ul


li  span  a


answer

  • CSS
  • Child Selector
  • Selects ALL anchor tags
  • that are children of span tags
  • that are children of list items

example

div  li  span


border


answer

  • CSS
  • Property
  • Shorthand for these three properties
    on each side of selected element:
  • border-{side}-width
  • border-{side}-style
  • border-{side}-color

example

margin


name=""???""


answer

  • HTML
  • Form attribute
  • More specifically, input element attribute
  • Usually placed on radio buttons
  • Groups similarly-named radio buttons
  • Prevents multiple selections within group

example

for="name"


*


answer

  • CSS
  • Selector
  • Universal Selector
  • Asterisk character
  • Used to select all elements on the page
  • Least specific selector

example

#unique


how'd you do?

Made with Slides.com