HTML & CSS
what defines a one-line text input field
<input type="text">
Defines a client-side script
<script>
Should you use both width=" " and height=" " in <img>
No. Just one or the other
Hex numbers are preceeded by a ____ when indicating color
a "#"
In <img>, width is expressed as just
a number ie (width="200") without scale
What is a popular pseudo-class
a:hover
The <select> element defines a
drop-down list
What positioning keeps elements relative to the screen
fixed
How wrap an element or img around another
float
What elements are used in a drop-down list to select the items
option
What are the two types of lists?
ordered and unordered
The <keygen> element is used to
provide a secure way to authenticate users
What is the width attribute in iframe
width="200"
The ___ attribute of the link must refer to the ___ attribute of the iframe:
target - name
An iframe can be used as the _______ for a link.
target frame
Text properties : re text (2)
text-align text-decoration
To add a caption to a table, use
the <caption> tag
Defines a form that is used to collect user input
the HTML <form> element
To make a cell span more than one column, use
the colspan attribute
What attribute specifies that the input field is read only (cannot be changed):
the readonly attribute
To make a cell span more than one row, use
the rowspan attribute
What attribute specifies the initial value for an input field:
the value attribute
When width and height are included in an input tag,
the values are just numbers
What are the 3 aspects for border
thickness, style, color
Sequential text elements are displayed
top to bottom
What attribute defines which input in a form
type = " "
What attribute defines the input element
type attribute
Minimum attributes for <input>
type=" " name=" " value=" "
An unvisited link is
underlined and blue
A visited link is
underlined and purple
An active link is
underlined and red
How put space around contents in a table
use padding
How can you change the size of a <div>
use properties "width : . . . " and/or "height : . . ."
How center a <div> on a page
use property : margin : auto;
What attribute in img references the image-map being used and how is it written
usemap - name, in quotes, with a # in front of it
Shades of gray are created by
using the same number for r, g, and b, or by using the same hex numbers for r, g, and b (ie rgb(200,200,200)
What attribute is used with <option> in drop-down lists
value
what attribute specifies the initial value for an input field:
value
What are the two possible attributes in the <option> tag
value=" " and selected
When use GET, the submitted form data will be
visible in the page address field
Form data is sent to a
web page on the server
When use "post"
when data must be secure
When put a space between selectors
when you want the rule to apply to the descendents
Relative positioning puts the element
where it would normally appear on the page
The <meta> element is used to specify
which character set is used, page description, keywords, author, and other metadata.
Can you put emphasis tags inside text bolder tags?
yes
Does <textarea> have a closing tag
yes </textarea>
How position elements in front of one another
z-index
How many standard color names are there
140
What tag is a declaration in the first line of an HTML file
<!DOCTYPE html>
First line in a drop-down
<Select name= " ">
Internal link code
<a href="url">link text</a>
What tag for an link to another webpage?
<a>
What tag tells the browser that there is an abbreviation
<abbr>
What tag tells the browser that there is an address
<address> (usually puts the text in italics)
Defines a default address or a default target for all links on a page
<base>
What tag reverses the direction of text
<bdo dir = "rtl"> line of text </bdo>
Example of bi-directional statement
<bdo dir="rtl" In the begining</bdo>
Add the proper HTML element to it, and specify that it is quoted from the following URL: http://www.worldwildlife.org For 50 years, WWF has been protecting the future of nature.
<blockquote cite="http://www.worldwildlife.org> For 50 years, WWF has been protecting the future of nature.<blockquote>
What tag defines text that is from another source
<blockquote>
What tag is used for a new line break?
<br>
You can locate a button in a form with "input" or outside a form with
<button <button type="button" onclick=" ">
What tag tells the browser that there is a title
<cite> (usually puts the text in italics)
What tag identifies programming code
<code>
What tags are used to identify computer code
<code>
3 new form elements added by HTML5
<datalist>, <keygen>, <output>
Name the division tag that groups multiple elements:
<div>
Examples of block-level elements (4)
<div>, <h1-h6>, <p>, <form>
What tag is used for emphasis or italics?
<em>
Element is used to group related data in a form.
<fieldset>
Describe how datalist is used
<form action=" "> <input list="x"> <datalist id="x"> <option value=" ">
Line of code with inline CSS to color the word 'Hello' blue
<h1 style="color:blue;">Hello</h1>
What tags are used for headings?
<h1> - <h6>
Defines information about the document
<head>
How include internal CSS files in HTML :
<head> <link rel="stylesheet" href="styles.css"> </head>
What 2 pairs of tags are nested directly inside the <html> (children tags)?
<head> and <body>
What tag is used to define html code?
<html></html>
Iframe syntax
<iframe src="URL"></iframe>
Format for img when using style attribute
<img src="url" alt="text" style="width:Wpx;height:Hpx;">
Format for img when NOT using style attribute
<img src="url" alt="text" width="W" height="H" Note : height is optional, and not include "px"
What tag is used to display a picture?
<img>
What input type defines a password
<input type = "password">
What input type resets the data fields to their default values
<input type = "reset">
What input type sends data to a form handler
<input type = "submit">
What input type defines one line of text
<input type = "text">
What line of code, allows you to click a button, and display an alert message
<input type="button" onclick="alert('Hello World!')" value="Click Me!">
What input type specifies a date and time input field, with no time zone.
<input type="datetime-local">
what defines a password field:
<input type="password">
code for a radio button
<input type="radio" name=" " value=" "> text
What will change all form values to their default values
<input type="reset">
what defines a button for sending form data to a form-handler.
<input type="submit">
What input type is used for input fields that should contain a telephone number.
<input type="tel">
Defines a one-line input field for text input
<input type="text">
What tag defines keyboard input
<kbd>
What tags are used to identify keyboard input
<kbd>
Element defines a caption for the <fieldset> element.
<legend>
What are the tags for items in a list?
<li>
Example of a link to an external style sheet
<link rel="stylesheet" href="mystyle.css">
Defines the relationship between a document and an external resource
<link>
Example of a meta element
<meta charset="UTF-8">
Defines metadata about an HTML document
<meta>
Defines an alternate content for users that do not support client-side scripts
<noscript>
How change bullet in a ordered list to a lower case letter
<ol type="a">
What is the opening tag for an ordered list?
<ol>
Repeating lines in a drop-down
<option value = " ">text line</option>
What elements defines what can be selected in a drop-down list
<option>
In a drop-down list, what element identifies the selections
<option> element
What tags are used for paragraphs?
<p>
The letters "WHO" in the text below is an abbreviation of "World Health Organization". Use an HTML element to provide the specified abbreviation of "WHO". <p>The WHO was founded in 1948.</p>
<p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>
What tag defines pre-formatted text
<pre>
What tag puts quotes around text
<q>
What tag defines computer output
<samp>
What tags are used to show a sample output from a computer program
<samp>
What element is used for a drop-down list in a form
<select
What element defines a drop-down list:
<select>
Examples of inline elements (3)
<span>, <img>, <a>
What tag is the most common tag used to make inline text bold?
<strong>
Example of a textarea command
<textarea name=" " rows=" " cols=" ">
Format for textarea
<textarea name=" " rows="10" cols="30">The cat.</textarea>
What element defines a multi-line input field
<textarea>
What common tags are inside the <head> tags?
<title> and <style>
How change the bullet in a unordered list to a circle
<ul style="list-style-type:circle">
What is the opening tag for an unordered list?
<ul>
What tag defines a variable
<var>
What was the first character encoding standard
ASCII
Why is "name" different in a checkbox and the same in a radio form
In checkbox you can select more than one, and in radio forms you only select one
Always use ____ if the form data contains sensitive or personal information
POST
What tags are used in description lists
The <dl> tag defines the description list, the <dt> tag defines the term (name), and the <dd> tag describes each term
What character encoding standard covers all characters
UTF-8
What does URL stand for
Uniform Resource Locator
How display a list horizontally
Use the CSS property float:left or display:inline
What are two frameworks
W3.CSS and Bootstrap
To use z-index you must be using ____ positioning
absolute
Specifies the charset used in the submitted form
accept-charset
The _____ defines the action to be performed when the form is submitted.
action attribute
How does the submit button know where to go
action attribute equals a file name
Specifies an address (url) where to submit the form
action=" "
Attributes for <form>
action=" " method=" "
How use a form to send an email
action=email method="post" enctype="text/plain"
To define a special style for a special table
add an id attribute to the table
What attribute is accessed if an image fails to load?
alt=" "
A link can be
any html element (text and images are included)
Absolute positioning put the element
anywhere on the page
Specifies if the browser should autocomplete the form
autocomplete
What attribute specifies whether a form or input field should have autocomplete on or off.
autocomplete
What attribute specifies that the input field should automatically get focus when the page loads.
autofocus
In anchor links, where does the text go?
between the <a> tags
In a drop-down list where is the text located
between the <option> tags
A button's text does where
between the two button tags
Is <div> an in-line or block element
block
To combine borders together in a table use the style command
border-collape : collapse;
What attribute is used to put spacing around the cells in a table
border-spacing : 5px;
In checkboxes the attribute "name"
can be different
How keep an element from wrapping around
clear
The <map> tag contains a number of <area> tags, that
define the clickable areas in the image-map:
What attribute specifies that the input field is disabled, is unusable, and un-clickable
disabled
Change an unordered list's bullets to what shapes (4)
disc, circle, square, none
An iframe is used to
display a web page within a web page.
In javascript, to display or change a color write
document.getElementById("demo").style.color = "red";
In javascript, to display or change an fontSize write
document.getElementById("demo").style.fontSize = "25px";
In javascript, to display or change an element write
document.getElementById("id").innerHTML = "Hello";
In javascript, to display or change an image write
document.getElementById("image").src = "picture.gif";
An inline element
does not start on a new line and only takes up as much width as necessary.
A character entity can be
either a name or a number
When tag computer code, how do you preserve the new lines
enclose the <code></code> with <pre> and </pre>
Specifies the encoding of the submitted data
enctype
Is specified in the form's action attribute
form-handler
what is typically a server page with a script for processing input data.
form-handler
What attribute specifies one or more forms an <input> element belongs to if...
form.... if it references an "id" in the form
What attribute specifies the URL of a file that will process the input control when the form is submitted.
formaction
Which attribute is higher priority : formaction or action
formaction
What attribute changes "method"
formmethod
The "novalidate" attribute is used for
forms
What attribute specifies a name or a keyword that indicates where to display the response that is received after submitting the form.
formtarget
When you use multiple classes you
have several classes in style and you put more than one in the element in the html
Links outside this web site will have
href = "http://www.
Links on the same web site will have
href = "website.com"
Scheme in a URL
http or https
Difference between http and https
https is secure
What is an image with a clickable area
image-map
How do you enter a "class"
in style write ".label", in html write "class=label"
Where is the form-handler specified
in the form's action attribute
Where is the caption tag put in the code
in the html
3 ways to add CSS to html
inline, internal, external
The most important element in a form element is the
input element
Textarea is located in a line like (2)
input or select
Sequential <img> are displayed :
left to right
What attribute refers to a <datalist> element that contains pre-defined options for an <input> element.
list
The ____ attribute of the <input> element, must refer to the ___ attribute of the <datalist> element.
list - id
What attribute specifies the maximum allowed number of characters for the input field:
maxlength
How specify the number of characters for an input field
maxlength (ie maxlength = "10")
The ___ attribute specifies the HTTP method (GET or POST) to be used when submitting the form data:
method
What attribute specifies "post" or "get
method = " "
What attribute specifies that the user is allowed to enter more than one value in the <input> element.
multiple
In radioboxes the attribute "name"
must be the same
Attributes for input type color
name
Attributes for input type date
name
What attribute in the <map> tag is associated with the <img>'s usemap attribute and creates a relationship between the image and the map.
name
Each input field must have a ___ attribute to be submitted. If omitted, the data of that input field will not be sent.
name attribute
Attributes for input type range
name, min, max
Attributes for input type number
name, min, max, step, value
Colors can be indicated by (3)
name, rgb numbers, hex numbers
What attribute is used with select in a drop-down list
name=" "
Buttons are normally
not in a form
Specifies that the browser should not validate the form.
novalidate
What attribute is a <form> attribute and specifies that the form data should not be validated when submitted.
novalidate
Change an ordered list's bullets to what shapes (5)
numbers, lower case letters, upper case letters, lower case Roman numerals, upper case Roman numerals
Specificity applies to the
ordering of your rules (element, class, id)
What is the rule for all p tags that have class=warning
p.warning
What attribute specifies a regular expression that the <input> element's value is checked against to limit the type of input characters
pattern
What attribute specifies a hint that describes the expected value of an input field
placeholder
What attribute specifies a hint/example that describes the expected value of an input field
placeholder
If img is in another folder
put "/ folder /" in front of the file
How preselect a radio button
put "checked" within the input tag
How float an image around text
put "float:right; in style
How do you group selectors
put a coma between them
what attribute specifies that the input field is read only (cannot be changed):
readonly
What attribute specifies that an input field must be filled out before submitting the form.
required
What are the two attributes inside the <textarea> element
rows and cols
What is format for URL
scheme://prefix.domain:port/path/filename
What attribute is used in a drop-down list for items that are pre-selected
selected
What attribute is used in drop-downs to pre-select
selected
What does "padding" do in the box model
separates the contents from the border
In the box mode, the margin does what
separates the element from other elements
What attributes does 'area' have (4)
shape=" " coords=" " alt=" " href=" ">
When use "get"
short unsecure data
What attribute specifies the size (in characters) for the input field:
size
What attribute specifies the width of the input box
size (ie size = "40")
The <datalist> element...
specifies a list of pre-defined options for an input element
What are 5 attributes in iframe
src, width, height, style, and name
A block-level element
starts on a new line and takes up the full width available
What attribute specifies the legal number intervals for an <input> element.
step
What two attributes are common in <div>'s and <span>'s
style and class
How do you remove the border in an iframe
style="border:none"
Formmethod and formnovalidate are what type of input
submit
Formaction is what type of input
submit <input type="submit" formaction=" "
What are the 4 layout techniques
table, float, framework, flexbox
What is the style to put a border in a table
table, th, td {border: 1px solid blue;}
4 tags in a table
table, th, td, tr
