Html/CSS Flashcards
What is an attribute?
A characteristic of description for some content in the element. Example: style, src, href
What is the syntax for changing the color of text
style =”color: green”
What do you use to separate more than one thing in your attribute (for example, size and color)
A semi colon
What is the syntax for changing the font family?
style = “font-family: Arial”
What is the correct syntax for changing font size
style =”font-size: 12px
table data
table row
table
table body
table header
table head data
colspan=” “
attribute telling how many columns to span the data over. (Example a title that needs to go over 2,3, etc columns
<div> </div>
divides your page into different “containers” you can then style (A block level container with no semantic meaning)
<span> </span>
allows you to control and style individual pieces such as text
How do you write a hidden comment in your HTML?
What is the correct syntax for a creating a link?
<a>Link text</a>
table data
table row
table
table body
table header
table head data
colspan=” “
attribute telling how many columns to span the data over. (Example a title that needs to go over 2,3, etc columns
<div> </div>
divides your page into different “containers” you can then style (A block level container with no semantic meaning)
<span> </span>
allows you to control and style individual pieces such as text
How do you write a hidden comment in your HTML?
What is the correct syntax for a creating a link?
<a>Link text</a>
What is the correct syntax for adding an image?
<img></img>
Explain the syntax elements for an un-ordered list containing 3 items.
<ul> <li>Dish soap</li> <li>Kitty litter</li> <li>Tomato sauce</li> </ul>
Explain the syntax elements for an ordered list containing 3 items.
<ol> <li>First item!</li> <li>Second item!</li> <li>Last item!</li> </ol>
<em> </em>
emphasis (basically italicizes - but semantically it emphasizes)
<strong> </strong>
strong (basically it bolds the word but semantically it gives it “strong emphasis”
CSS
Cascading style sheets
How do you link to a css file?
What is the syntax for adding something with CSS?
selector {
property: value;
}
How do you write a hidden commend in CSS?
/I am a comment/
What does hexidecimal values mean?
Counting is base-16. Uses numbers 0-9 and letters A-F
Hex values begin with a _______ can be up to ______ digits and are case (sensitive or insensitive?)
, 6 , insensitive
What is the pixel abbreviation?
px
What does em mean with no brackets around it?
A unit of measuring font size. Multiplies or shrinks to fit whatever size screen the user is using.
The HTML Base Element () specifies the base URL to use for all relative URLs contained within a document. There can be only one element in a document.
The HTML Head Element () provides general information (metadata) about the document, including its title and links to or definitions of scripts and style sheets
The HTML Link Element () specifies relationships between the current document and an external resource. Possible uses for this element include defining a relational framework for navigation. This Element is most used to link to style sheets.
The HTML Meta Element () represents any metadata information that cannot be represented by one of the other HTML meta-related elements (, , , <style> or <title>).</title></style>
The HTML Style Element () contains style information for a document, or part of a document. By default, the style instructions writen inside that element are expected to be CSS.
The HTML Title Element () defines the title of the document, shown in a browser’s title bar or on the page’s tab. It can only contain text and any contained tags are not interpreted.
<address></address>
The HTML Address Element (<address>) should be used by authors to supply contact information for its nearest or ancestor; in the latter case, it applies to the whole document.</address>
The HTML Article Element () represents a self-contained composition in a document, page, application, or site, which is intended to be independently distributable or reusable, e.g., in syndication. This could be a forum post, a magazine or newspaper article, a blog entry, or any other independent item of content. Each should be identified, typically by including a heading (h1-h6 element) as a child of the element.
The HTML Body Element () represents the content of an HTML document. There can be only one element in a document.
The HTML Footer Element () represents a footer for its nearest sectioning content or sectioning root element. A footer typically contains information about the author of the section, copyright data or links to related documents.
The HTML Element represents a group of introductory or navigational aids. It may contain some heading elements but also other elements like a logo, wrapped section’s header, a search form, and so on.
<h1>, <h2>, <h3>, <h4>, <h5>, <h6></h6></h5></h4></h3></h2></h1>
Headings
The HTML Element (HTML Headings Group Element) represents the heading of a section. It defines a single title that participates in the outline of the document as the heading of the implicit or explicit section that it belongs to.
The HTML Navigation Element () represents a section of a page that links to other pages or to parts within the page: a section with navigation links.
he HTML Section Element () represents a generic section of a document, i.e., a thematic grouping of content, typically with a heading. Each should be identified, typically by including a heading (<h1>-<h6> element) as a child of the element.</h6></h1>
