HTML & CSS

Ace your homework & exams now with Quizwiz!

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


Related study sets

Marketing Midterm Chapter 6 Quiz

View Set

Chapter 21 - Homeowners Insurance, Section II

View Set

Environmental Resources Exam 2 part 1

View Set

CHAPTER 10: Services: The Intangible Product

View Set

5 Key Compromises of the Constitutional Convention

View Set

International Accounting - Chapter 7

View Set

Physiologie CVS : cycle cardiaque j> fin du cours

View Set