Reading...
Play button
Play button
Use LEFT and RIGHT arrow keys to navigate between flashcards;
Use UP and DOWN arrow keys to flip the card;
H to show hint;
A reads text to speech;
31 Cards in this Set
- Front
- Back
|
what are the basic elements in a html page?
|
<html>
<head> and <title> <body> <h1> <p> <img> |
|
|
how to include css in html?
|
with the <link> tag
<link rel="stylesheet" href="mystyle.css" type="text/css"/> |
|
|
example of simple css stylesheet
|
h1 {color:red;
font-style:times-romna;} p { margin-top:10px;} img {float:left; padding-right:5px;} a {display:block;background:red;color:white;} |
|
|
how to study web page layouts?
|
collect webpage screenshots
|
|
|
where to find easiest examples that demonstrate power of css?
|
csszengarden.com
|
|
|
what is the sliding door effect?
|
list with items where css lays out a list of items, e.g as tabs
|
|
|
what does float mean?
float-left? float-right? |
float tries to place a container at the edge of one container
float left places the content left float right places the content right |
|
|
what are basic parts of webpage?
|
heater
footer content navigation |
|
|
what type of tools are css and html?
|
implementation tools
|
|
|
extra options in layout?
|
image based header
main content block support content block support navigation block |
|
|
What are the basic components of a CSS rule?
|
- Selector
- Declarations with Property/Value |
|
|
what are purposes of CSS?
|
change color
change structure and layout |
|
|
what are selectors
|
part of a rule that specifies what element or elements the rules should apply to
|
|
|
how do selectors look like?
|
selectors can be a reference to an HTML tag, and ID, or a class
selectors that reference an ID start with hash mark selectors that reference a class start with period |
|
|
what is the box model?
|
every block element in HTML is basically a box, and the width and height of the box consist of dimensions of the element itself
|
|
|
two types for rendering an element?
|
block and inline
|
|
|
how to create an element inside another element?
|
float
this allow to have one element "floated" around another |
|
|
how to create two columns
|
use float for two blocks, in this case both element float at their borders
|
|
|
what is a scoped selector
|
a definition of a subtype of another selector like:
#middle a{...} |
|
|
two basic rules in box element
|
padding: internal box offset from margin to content
margin: outside offset from previous element to next element |
|
|
what is known as web frontend?
|
The observable content (e.g. page layout, user interface, graphics, text, audio) is known as the front-end.
|
|
|
what does web-backend mean?
|
The back-end comprises the organization and efficiency of the source code, invisible scripted functions, and the server-side components that process the output from the front-end.
|
|
|
how can size of elements be specified?
|
* Pixel measure results in fixed or static content
* Em measure results in proportional content that is relative to font-size * Percent measure results in fluid content that shrinks and grows to "fit" display windows |
|
|
what html tags are used to collect data from webpage
|
<form id="...">
<input size=".." id=".." type=".." name=".."> |
|
|
how can you specify a css only for print?
|
by chosing media="print" modern browsers will recognize this
|
|
|
what is important when using float in a div?
|
it is important to specify the width of an element with "width", e.g. 50% or 100px
|
|
|
how to specify a bold font
|
with font-weight: bold
|
|
|
what is the most important action for a form?
|
submitting it and getting the response from the server
|
|
|
what are the parts of the form element?
|
action (webserver and process of web application) and method
|
|
|
what can go into a form? how to select it?
|
text input, submit input, radio input, checkbox input, textarea, select, option
and can be selected with the type attribute |
|
|
what is the function of name in a form element?
|
name specifies the name of a group of elements, such as checkboxes or radio buttons
|
