Section 1
Preview this deck
What does href stand for
Front
| 5 | 0 | ||
| 4 | 0 | ||
| 3 | 0 | ||
| 2 | 0 | ||
| 1 | 0 |
Active users
0
All-time users
0
Favorites
0
Last updated
6 years ago
Date created
Mar 1, 2020
Cards (281)
Section 1
(50 cards)
What does href stand for
hypertext reference
Line of code for an external link
<a target="_blank " href="url">link text</a>
What are the tags for items in a list
<li>
serif fonts all have
feet
Table data tags
<table><tr><td>
sans-serif means
without feet
How use "id"
Put "id=xxx" in the html code, and #xxx in style
What are the two types of lists
ordered and unordered
What tag is used for a new line
<br>
What are the tags for an unordered list
<ul>
Two ways to set color in a style
the name of the color, or the hex code
How do you color the entire screen blue
<style> body {background-color:blue;} or body {background-color:(0000ff);} </style> (hex code)
Line of code for the link to a an internal link (bookmark)
<a href="#tips">link text</a>
What tag is used to make some text bolder
<strong>
What 2 pairs of tags are inside the <html> tags
<head> and <body>
If you specify a font family, you should also
specify a backup family
When add picture as external link, where put it
in place of or after the link text <a target="_blank " href="url"><img src=" "></a>
Name 3 font families
Helvitica, sans-serif, fantasy, cursive, monospace
What 2 pairs of tags are inside the <head> tags
<title> and <style>
Should you use both width=" " and height=" " in <img>
No. Just one or the other
Can you put emphasis tags inside text bolder tags
yes
Line of code for an internal link (bookmark)
<h2 id="tips">HEADING</h2>
What tags are used for headers
<h1> - <h6>
What attribute is accessed if there is not picture
alt=" "
To color all h2 elements green
<style> h2{color:green;} </style>
What command is used to change the type
font-family :
Table heading tags
<table><tr><th>
What are the tags for an ordered list
<ol>
What tag for an internal links
<a>
What are the two attributes in an external link
target=" " and href=" "
What are the 3 attributes for <img>
src=" ", alt=" ", and width=" "
How select specific elements
use id or class
What is the target attribute in an external link and what is it used for
target="_blank" to open another window outside your domain
How use "class"
Put "class=xxx" in the html code and .xxx in style
What attributes are in internal links
href
In an external link, where does the href and target go
inside the first <a> tag
What is the first attibute in <img>
src=" "
Main set of tags
<html></html>
What line precedes the title tag within the header tags
<meta charset = "utf-8">
Difference between local and remote url in an external link
Remote has "http://www." and local does not
How specify a backup font family
put another family (not in quotes) after a coma after the specified family
What tag for an external link
<a>
How do you specify a specific font family
put it in quotes
What tag is used to display a picture
<img>
What tags are used for paragraphs
<p>
Comments in HTML
<!-- -->
First line of HTML file
<!DOCTYPE html>
In <img>, width is expressed as just
a number ie (width="200") without scale
What command is used to change the size of the type
font-size :
What tag is used for emphasis
<em>
Section 2
(50 cards)
Word grouping tag
<span>
How does href start in an external link
href="http:...
How keep an element from wrapping around
clear
Text properties : re line (1)
line-height
In a drop-down list, what element identifies the selections
<option> element
What input type resets the data fields to their default values
<input type = "reset">
The most important element in a form element is the
input element
Is <span> an in-line or block element
in-line
What does "padding" do in the box model
separates the contents from the border
Absolute positioning put the element
anywhere on the page
How do you group selectors
put a coma between them
Sequential <img> are displayed :
left to right
How wrap an element or img around another
float
What input type defines one line of text
<input type = "text">
What attribute specifies the initial value for an input field:
the value attribute
Tag that groups multiple elements
<div>
What attribute is used in drop-downs to pre-select
selected
How can you change the size of a <div>
use properties "width : . . . " and/or "height : . . ."
The <datalist> element...
specifies a list of pre-defined options for an input element
The <keygen> element is used to
provide a secure way to authenticate users
Text properties : re font (4)
font-family font-size font-weight font-style
How specify font-size
em or px
When put a space between selectors
when you want the rule to apply to the descendents
What positioning keeps elements relative to the screen
fixed
In the box mode, the margin does what
separates the element from other elements
How center a <div> on a page
use property : margin : auto;
What input type defines a password
<input type = "password">
How position elements in front of one another
z-index
To use z-index you must be using ____ positioning
absolute
The <select> element defines a
drop-down list
Text properties : re text (2)
text-align text-decoration
3 new form elements added by HTML5
<datalist>, <keygen>, <output>
What is a popular pseudo-class
a:hover
When you use multiple classes you
have several classes in style and you put more than one in the element in the html
Specificity applies to the
ordering of your rules (element, class, id)
What are the 3 aspects for border
thickness, style, color
What are the 4 parts of the box model
margin, border, padding, content
All elements are considered a _____ by the browser
box
What is the rule for all p tags that have class=warning
p.warning
Is <div> an in-line or block element
block
What input type sends data to a form handler
<input type = "submit">
What attribute defines the input element
type attribute
If you lose text in a <div> due to width, how fix it
use the property "overflow"
What element defines a multi-line input field
<textarea>
Relative positioning puts the element
where it would normally appear on the page
In external links, where does the text go
between the <a> tags
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!">
Sequential text elements are displayed
top to bottom
Text properties : re color (2)
color background-color
What are the two attributes inside the <textarea> element
rows and cols
Section 3
(50 cards)
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 attribute specifies that an input field must be filled out before submitting the form.
required
If img is in another folder
put "/ folder /" in front of the file
What tag tells the browser that there is an address
<address> (usually puts the text in italics)
What tag defines text that is from another source
<blockquote>
To make a cell span more than one row, use
the rowspan attribute
Internal link code
<a href="url">link text</a>
What attribute specifies a hint that describes the expected value of an input field
placeholder
To add a caption to a table, use
the <caption> tag
What tag identifies programming code
<code>
3 ways to add CSS to html
inline, internal, external
What attributes does 'area' have (4)
shape=" " coords=" " alt=" " href=" ">
What tag reverses the direction of text
<bdo dir = "rtl"> line of text </bdo>
A visited link is
underlined and purple
What tag defines pre-formatted text
<pre>
How put space around contents in a table
use padding
The <map> tag contains a number of <area> tags, that
define the clickable areas in the image-map:
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
What tag defines a variable
<var>
To combine borders together in a table use the style command
border-collape : collapse;
How specify the number of characters for an input field
maxlength (ie maxlength = "10")
Format for img when using style attribute
<img src="url" alt="text" style="width:Wpx;height:Hpx;">
To define a special style for a special table
add an id attribute to the table
What tag tells the browser that there is an abbreviation
<abbr>
What attribute is used to put spacing around the cells in a table
border-spacing : 5px;
Colors can be indicated by (3)
name, rgb numbers, hex numbers
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
How float an image around text
put "float:right; in style
What tag puts quotes around text
<q>
What is an image with a clickable area
image-map
Links outside this web site will have
href = "http://www.
An unvisited link is
underlined and blue
An active link is
underlined and red
Links on the same web site will have
href = "website.com"
What tag tells the browser that there is a title
<cite> (usually puts the text in italics)
Hex numbers are preceeded by a ____ when indicating color
a "#"
How many standard color names are there
140
What tag defines computer output
<samp>
What tag defines keyboard input
<kbd>
How change the bullet in a unordered list to a circle
<ul style="list-style-type:circle">
To make a cell span more than one column, use
the colspan attribute
Where is the caption tag put in the code
in the html
What attribute specifies that the input field is read only (cannot be changed):
the readonly attribute
Line of code with inline CSS to color the word 'Hello' blue
<h1 style="color:blue;">Hello</h1>
How include internal CSS files in HTML :
<head> <link rel="stylesheet" href="styles.css"> </head>
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
A link can be
any html element (text and images are included)
What attribute specifies the width of the input box
size (ie size = "40")
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)
Section 4
(50 cards)
Defines a one-line input field for text input
<input type="text">
Defines the relationship between a document and an external resource
<link>
What two attributes are common in <div>'s and <span>'s
style and class
Iframe syntax
<iframe src="URL"></iframe>
An iframe can be used as the _______ for a link.
target frame
Defines metadata about an HTML document
<meta>
Examples of inline elements (3)
<span>, <img>, <a>
What are the 4 layout techniques
table, float, framework, flexbox
An iframe is used to
display a web page within a web page.
What is format for URL
scheme://prefix.domain:port/path/filename
Scheme in a URL
http or https
Element is used to group related data in a form.
<fieldset>
Defines a client-side script
<script>
What character encoding standard covers all characters
UTF-8
In javascript, to display or change an fontSize write
document.getElementById("demo").style.fontSize = "25px";
A character entity can be
either a name or a number
Always use ____ if the form data contains sensitive or personal information
POST
What was the first character encoding standard
ASCII
How change bullet in a ordered list to a lower case letter
<ol type="a">
Example of a meta element
<meta charset="UTF-8">
What does URL stand for
Uniform Resource Locator
A block-level element
starts on a new line and takes up the full width available
Difference between http and https
https is secure
How display a list horizontally
Use the CSS property float:left or display:inline
Examples of block-level elements (4)
<div>, <h1-h6>, <p>, <form>
In javascript, to display or change an image write
document.getElementById("image").src = "picture.gif";
What attribute specifies "post" or "get
method = " "
In javascript, to display or change a color write
document.getElementById("demo").style.color = "red";
Example of a link to an external style sheet
<link rel="stylesheet" href="mystyle.css">
Defines a form that is used to collect user input
the HTML <form> element
The _____ defines the action to be performed when the form is submitted.
action attribute
Element defines a caption for the <fieldset> element.
<legend>
How do you enter a "class"
in style write ".label", in html write "class=label"
The <meta> element is used to specify
which character set is used, page description, keywords, author, and other metadata.
The ___ attribute specifies the HTTP method (GET or POST) to be used when submitting the form data:
method
Change an unordered list's bullets to what shapes (4)
disc, circle, square, none
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
How do you remove the border in an iframe
style="border:none"
What is the width attribute in iframe
width="200"
What are 5 attributes in iframe
src, width, height, style, and name
An inline element
does not start on a new line and only takes up as much width as necessary.
In javascript, to display or change an element write
document.getElementById("id").innerHTML = "Hello";
Defines information about the document
<head>
Is specified in the form's action attribute
form-handler
What are two frameworks
W3.CSS and Bootstrap
The ___ attribute of the link must refer to the ___ attribute of the iframe:
target - name
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
Defines an alternate content for users that do not support client-side scripts
<noscript>
Defines a default address or a default target for all links on a page
<base>
Each input field must have a ___ attribute to be submitted. If omitted, the data of that input field will not be sent.
name attribute
Section 5
(50 cards)
How does the submit button know where to go
action attribute equals a file name
what defines a button for sending form data to a form-handler.
<input type="submit">
Example of a textarea command
<textarea name=" " rows=" " cols=" ">
code for a radio button
<input type="radio" name=" " value=" "> text
How preselect a radio button
put "checked" within the input tag
what is typically a server page with a script for processing input data.
form-handler
Attributes for input type range
name, min, max
What element defines a drop-down list:
<select>
You can locate a button in a form with "input" or outside a form with
<button <button type="button" onclick=" ">
Repeating lines in a drop-down
<option value = " ">text line</option>
Attributes for input type color
name
How use a form to send an email
action=email method="post" enctype="text/plain"
A button's text does where
between the two button tags
What elements defines what can be selected in a drop-down list
<option>
What attribute is used in a drop-down list for items that are pre-selected
selected
Format for textarea
<textarea name=" " rows="10" cols="30">The cat.</textarea>
Attributes for input type number
name, min, max, step, value
What attribute is used with select in a drop-down list
name=" "
Attributes for input type date
name
Form data is sent to a
web page on the server
What attribute is used with <option> in drop-down lists
value
What elements are used in a drop-down list to select the items
option
Textarea is located in a line like (2)
input or select
What are the two possible attributes in the <option> tag
value=" " and selected
Specifies that the browser should not validate the form.
novalidate
First line in a drop-down
<Select name= " ">
When use "post"
when data must be secure
Where is the form-handler specified
in the form's action attribute
In checkboxes the attribute "name"
can be different
What element is used for a drop-down list in a form
<select
What attribute defines which input in a form
type = " "
In a drop-down list where is the text located
between the <option> tags
Minimum attributes for <input>
type=" " name=" " value=" "
Does <textarea> have a closing tag
yes </textarea>
Specifies an address (url) where to submit the form
action=" "
When use "get"
short unsecure data
In radioboxes the attribute "name"
must be the same
What will change all form values to their default values
<input type="reset">
What input type is used for input fields that should contain a telephone number.
<input type="tel">
what defines a password field:
<input type="password">
The ____ attribute of the <input> element, must refer to the ___ attribute of the <datalist> element.
list - id
Buttons are normally
not in a form
Specifies if the browser should autocomplete the form
autocomplete
Attributes for <form>
action=" " method=" "
what defines a one-line text input field
<input type="text">
Specifies the encoding of the submitted data
enctype
Specifies the charset used in the submitted form
accept-charset
When use GET, the submitted form data will be
visible in the page address field
What input type specifies a date and time input field, with no time zone.
<input type="datetime-local">
Describe how datalist is used
<form action=" "> <input list="x"> <datalist id="x"> <option value=" ">
Section 6
(31 cards)