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?
Syntax
By rmion
Syntax
- 553