Section 1
Preview this deck
Text documents
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 (155)
Section 1
(50 cards)
Text documents
HTML Pages
Contains information about the page and is not shown in the browser.
<head></head>
shows content that has been deleted
<del></del>
href
HyperText Reference
Containers that indicate the purpose of the information within them. They consist of a left angle bracket < and a right angle bracket (opening)> <closing/>
Tags
Relative URL
A link that links to pages within the same site
Absolute URL
The value of the href attribute when linking to a different website
Indicates information that is no longer accurate or relevant but should not be deleted.
<s></s>
Root folder
Contains all of the other files and folders for a website
Provide additional information about the contents of the element. They appear on the opening tag of an element and include two parts: a name and a value separated by an "=" sign. <p lang="en-us">Paragraph in English</p>
Attributes
Allows the annotation of text to provide additional meaning to contents and controls the display of the page.
Markup Language
href attribute
This attribute specifies the destination of the <a></a> tag
Text elements that are not intended to affect the structure of web pages
Semantic markup
Directories
Folders of a website
Allows a user to create and edit web pages without any knowledge of HTML or CSS
Content Management Box
In an ordered list, each item is placed between what tags?
<li></li>
Everything inside this element is shown in the main browser.
<body> </body>
Provides extra information such as where emphasis is placed in a sentence, that something I have written is a quotation and the meaning of acronyms
Semantic Markup
Indicates that the contents have strong importance and browsers will display those contents in bold type
<strong></strong>
shows content that has been inserted
<ins></ins>
<cite> and <em> Elements
Semantic information
Reflect a hierarchy of information.
Headings and subheadings
There are 6 levels
Headings
indicates emphasis that subtly changes the meaning of a sentence
<em></em>
Domain Name System - Phone book that tell the computer the IP address associated with the requested domain name.
DNS
<h1> <h2> and <p> Elements
Structural markup
In an ordered list, browers indent list by:
default
Elements that have no words between the opening and closing tags. It also uses only one tag.
Empty elements
The contents of these are displayed at different sizes
Headings
Links
Allow you to move from one web page to another/enable browsing
Domain name
What an absolute URL starts with for a particular site
It is better to use "what" to specify the number of numbers, letters, etc.
CSS list-style-type
<html> <head> <title>_____</title> </head> <body> <h1>_____________</h1> <p> ________________ </p> </body> </html>
Starting Code for a Web Page
Allows the controlling of the presentation of text.
Visual editor
Is shown at the top of the browser above the URL address or on the tab for that page.
<title></title>
<hr /> - used between themes or topics
Horizontal rule
Blue colored elements that live inside brackets usually made up of two tags: an opening tag and a closing tag (the closing tag has a forward slash in it). Each tag tells the browser something about the information that sits within it.
HTML Elements
A list of bullet points that do not indicate order
Unordered list
Shows the code created by the visual editor
Code view
File name
When all the pages of the site are in the same folder the href attribute is just the
Every IP address is unique. - consists of numbers up to 32 characters.
IP Address
The elements used to describe both headings and paragraphs
Structural Markup
Save as "all files"
Save HTML file
Indicates what kind of information is supplied about the elements content and should be written in lower case.
Attribute Name
URL
Uniform Resource Locator
Specifies which language is used inside the element that all browsers understand.
Value=lang
Allows the creation of links that allow visitors to move from one page to another quickly and easily.
HyperText
A list of terms with the definitions for each term
Definition list
Indicates the defining instance of a new term
<dfn></dfn>
The setting for the attribute name. Most attribute values are either pre-defined or follow a stipulated format. The majority of attributes can only be used on certain elements.
Attribute Value
Section 2
(50 cards)
Each Subdirectory
Contains an index.html file (the homepage for that section) and all sub-directories per section
Transparent GIF
If transparency has straight edges. Which term do Web developers commonly use for an image that allows the Web page background to show through specified areas, providing the visual effect of blending in to the background of your Web page?
Vector Images
A created by placing points on a grid and drawing lines between those points.
index.html
The main homepage of a site written in html (and the homepages of each section in a child folder) is called
PNG
If transparency as diagonal, round, semi-opaque or drop-shadow edges.
Text area
Form control - used for multi-line text (comments and messages)
Animated GIFs
Composed of a number of static GIFs that when combined appear to be animated. Each added GIF increases file size and loading speed.
File name
Relative URL - To link to a file in the same folder
src=
Attribute used to provide the file name of an image Ex: <img src="folder/img1.jpg alt="Picture of pix" title="The Picture" />
id attribute
This atribute links to a specific part of the same page and can be used on any element
Resolution
The number of pixels represented on a screen
Relative URL - Same folder
<a href="filename">file name</a>
New Window link
Opens the link in a new window
Checkboxes
Form control - user can select or unselect one or more options
Grandchild folder
Relative URL - to link to a grandchild folder
Grandparent folder
Use ../../ to indicate that you want to go up two folders (rather than one) then follow it with the file name.
Relative URL - Grandchild folder
<a href="childfoldername/grandchildfoldername/filename">file name</a>
<figure>
An html5 element that contains images and their captions
Parent folder
Use ../ to indicate the folder above the current one then follow with file name
Relative URL - Grandparent folder
<a href="../../index.html">file name</a>
id attribute
This attribute should start with a letter or an underscore not a number or any other character
<a href=:#linkreference">reference</a>
The value of the href attribute starts with a # symbol followed by the value of the id attribute of the linked element
GIF or PNG
Format for few colors or large areas
title
Used with the <img> tag provides additional information about the image when hovered over
colspan
Attribute that indicates how many columns a specific cell should run across
<tbody>
Defines a table body
Image formats
Jpeg, gif or png
When an image is printed
The resolution of the image only matters when printing the image
URL
Every page and image on a website has a what?
Root folder
Contains a file called html.index and individual folders for all pages
mailto:
A link that starts up the user's email program and addresses an email to a specified email address
URLs
If you link to the same page from two different pages you may need to write two different
<tfoot>
Defines a table footer
<a href="absoluteurl"(or "relativeurl")/#"id">place name</a>
To link to a specific part of a different page on any website use
Pixels
Images on a computer screen are made up of
Email link
<a href="mailto:rondi.wagener@gmail.com">Email Rondi</a>
Text input
Form control - used for a single line of text = email address
rowspan
An attribute that specifies the number of rows the current cell spans across, [attribute]
Password input
Form control - used for a single line of text but masks input
Images
Be relevant Convey information Convey the right mood Be instantly recognizable Fit the color pallet
<figcaption>
An html5 element that associates an <img> element with its caption
Child folder
Relative URL - To link to a child folder
Radio buttons
Form control - user selects from a number of options
New Window Link
<a href="http://www.covemarrealestate.com" target="_blank">Covemar Real Estate</a>
Relative URL - Parent folder
<a href="../index.html">file name</a>
URL
It's made up of a domain name followed by the path to a specific page or image
JPEG
Format for many colors
Form controls
Are used to gather information about visitors and allow them to search a website
<thead>
Tag which defines the table head (placed before <tfoot> and <tbody>), [HTML Tag]
Relative URL - Child folder
<a href="childfoldername/filename">file name</a>
Section 3
(50 cards)
action attribute
The URL value for the page on the server that will receive the form information
lfc - <label>
Labelling Form Controls - allows the dedication of the text and the name value of the text.
Submit button
Sends the form to the server
value
Each button should have a different ______ the server knows which option was selected
b&hc - <button>
Button & Hidden Controls - allows the control over the display of the button.
type="radio"
Button type in which users can pick just one of a number of options
HTML5 di - <input>
HTML5 di - standardizes the gathering of information such as dates, email addresses, etc.
type="text"
Creates a single line of input
<input>
An element used to create different form controls. the attribute value determines the kind of input
Image buttons
Form control - similar to submit buttons but an image is used
ddlb - <Select>
User can _____ one item from a list box (drop down list box)
HTML5 di - type="date"
HTML5 Date Input - creates a date input
check
______ selects which value should be selected when the page loads
msb - <Select>
_________ allows the use of "size" to extend the boxes display to more options.
ID
Distinctly identifies the form from other elements on the page.
File upload
Form control - users can upload files to a website
<textarea></textarea>
Text area - creates a multi-line text input
Drop-down boxes
Form control - user chooses one from a number of options from a list
name
Password input - names the password input to send to the server
fib - value
File Input Box - must have a _____ added before files can be uploaded.
ddlb - selected
Indicates the option that should be chosen when the page loads. If no choice made the default is to send the first option.
send in name/value pairs
How the server differentiates between various pieces of information
msb - multiple
Users can select more than one option if the multiple attribute is added with a value of multiple
name
names each form control for each value
b&hc - type="hidden"
Button and Hidden Controls - allows the webmaster to hide information on a form.
HTML5 - Form Validation
HTML5 - checks input to ensure the correct information goes to the server
No get or post method relayed
Form data will be (by default) sent using the get method
fib - <input>
_______ allows users to upload files
<form></form>
Form control element that carries the action attribute and id attribute
gfe - <legend>
Grouping Form Elements - comes directly after the fieldset tab and contains a caption to identify the purpose of the group of form controls
ddlb - name
_________ indicates the name of the form control being sent to the server
lfc - Best place to put labels on form controls
Labelling Form Controls - above or to the left of: text inputs text areas select boxes file uploads to the right: individual checkboxes individual radio buttons
methods
get or post
Get method
used on short forms (searches) or when retrieving data with adding or subtracting from a data base
HTML5 e&ui - <input>
users can enter email addresses and urls
size
(no longer used) controls the size of a text box
Type="submit"
A type of button used to send the form to the server
type="password"
Password input - Gives the "type" an attribute value that hides the characters input.
Ib - <input>
An image button allows an image to be used as a button - works much like the <img> element.
cb type="checkbox"
A user can select and deselect multiple options on this type of box
maxlength
limits the number of characters that can be input into a text box
ddlb - <option>
________ is used to specify the options the user can choose from
cb check
This attribute indicates the box that should be checked when the page loads.
Radio button
A type of button that can't be deselected
gfe - <fieldset>
Grouping Form Elements - groups together form elements.
How forms work
form filled - control sent to server - server processed information using programming language (PHP, c#, VB.net or Java) - server creates a response page.
Post method
used when users are allowed to upload files, form is long, contains sensitive data and adds or deletes information from a database
size, maxlength
Password input - carries the size and maxlength of attributes like singe-line text input
LFC - FOR
Labelling Form Controls - states which form control the label belongs to.
fib - type="file"
A "type" that gives users a text box with a browse button to select a file from their computer
Section 4
(5 cards)