HTML
<option> <option/>
"HTML tag that specifies a choice in a <select> tag
<u></u>
Underline text
clear property
Used to specify whether or not an element can have another floating element beside it. The clear property specifies on which sides of an element floating elements are not allowed to float. Property used to fix footer overlap problems.
Vlink
Visited link
password text box
Visitor may enter a password
textarea box
Visitor may enter larger amounts of data
text box
Visitor may enter small amounts of text
text-decoration property
allows text to be "decorated" with one of five values: underline, overline, line-through, blink, or none
GIF images
are best used for line drawings containing mostly solid tones and simple images such as clip art. images can be made transparent and animated.
pseudo-class
attached to a selector with a colon to specify a state or relation to the selector to give the web developer more control over the selector
<small>
decreases the font size
strong
logical style tag that displays text with strong emphasis
To specify Unicode for your web pages, you'll need a <meta> tag in your HTML that looks like this:
<meta charset="utf-8"> Add this line above any other elements in the <head> element.
fixed position
A CSS property that places an element relative to the browser window.
Status Bar
A bar at the bottom of the program window that provides information about the current file and process.
Table Display
A better technique for column layouts
dialog box
A box that displays additional options or information you can use to execute commands.
<input type="checkbox"
A checkbox <input> element creates a checkbox control that can be either checked or unchecked. You can use multiple checkboxes together, and if you do, you can check as many or few as you like.
Web Server
A computer that runs special software to serve up Web content by responding to requests, stores web pages.
text control
A control that has two attributes: size and maxlength
floppy disk
A floppy disk is a magnetic, non-rigid storage device that can be used to store data and transport it to another computer. It is encased in a plastic sleeve to protect its data.
URL
A location or address identifying where documents can be found on the Internet; a Web address. Use for an image if you're pointing to an image at a different website (remember, for links and images on the same site, it's better to use relative paths).
XHTML (Extensible Hypertext Markup Language)
A newer, stricter version of HTML that is based on XML. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
Adding a meta tag to specify the character encoding
Character encodings give us a way to represent all the letters, numbers and other symbols in our language on the computer. You might know of some of these encodings, like ASCII or even Morse code, and there are many other encodings out there.
Reset button
Clears any input that was entered in the form, resetting the input controls back to the defaults
Color="xxxxxx"
Color of text
Anchor tag
Create anchors for tags
<small></small>
Decreases font size
<div></div>
Defines a division or a section in an HTML document. Used to group block-elements and format them with CSS.
<area>
Defines an area inside an image map
Form action attribute
The action attribute specifies where to send the form-data when a form is submitted. It also tells the browser where to send your form data when you submit the form (and the method the browser should use to send it).
Left-aligned
default alignment for a heading
<dl>
defines a description list
<dd>
defines a description/value of a term in a description list
<header>
defines a header for a document or section
Name
defines a name for the current anchor so it may be the target or destination of another link
<i>
defines a part of text in an alternate voice or mood
<div>
defines a section in a document
<span>
defines a section in a document
<blockquote>
defines a section that is quoted from another source
<dt>
defines a term/name in a description list
<b>
defines bold text
<em>
defines emphasized text
<strong>
defines important text
<pre>
defines preformatted text
<small>
defines smaller text
<sub>
defines sub scripted text
<sup>
defines super
height
defines the height of the image, measured in pixels
src
defines the url of the image to be loaded
width
defines the width of the image, measured in pixels
class
defining specific elements of an html file as a category
DHTML
describes a combination of HTML tags, CSS, and a scripting language such as JavaScript
path
describes the location (folder or external web site) where the files can be found
Path
describes the location where the files can be found
<blockquote>
designates a long quotation
Color Box
displays a palette of colors that can be used to set the colors of the foreground, the background, or other elements in a drawing
<img>
displays an image in a web page
<sub>
displays text as subscript
<tt>
displays text as teletype or monospace text
paragraph element
everything between the paragraph tags <p> </p> is a single paragraph; browsers add space before and after each paragraph element to separate paragraphs
Href
hypertext reference
<dt>
identify a term
<dd>
identify the definition of the term directly above.
<big>
increase font size
<li>
indicates a list item in either an ordered list or unordered list
<ol>
indicates an ordered list (numbered list)
<ul>
indicates an unordered list (bulleted list)
<meta />
indicates hidden information about the Web page
<meta charset="utf-8" />
indicates hidden information about the web page
<li> </li>
indicates that the item that follows the tag is an item within a list.
mail to
URL in a clicked link that automatically opens a new message in the default email program and inserts appropriate contact email address to the 'to' field
Border Spacing
Use ______________ to create space between cells in a table display.
Link within web page
Use target links
<input type="color"
Use the color <input> to specify a color. When you click on the control, a color picker pops up that allows you to select a color rather than having to type in the color name or value.
<input type="date"
Use the date <input> element to specify a date, with a date picker control. The control creates a valid date format string to send to the server script.
The W3C validator is a free online service that checks pages for compliance with standards.
Use the validator to ensure that your HTML is well formed and that your elements and attributes meet the standard.
hspace
Used to add horizontal space around an image
<a> and </a>
Used to create links
Web server
Web pages are stored on a_____ or host
</body>
indicates the end of the body of the web page
<hn>
indicates the header (n is a number 1-6)
feedback
What you can get back from customers to improve your form
header element
indicates the header information on the webpage; header content typically consists of a business name or logo and is commonly positioned immediately after the opening <body> tag.
nav element
indicates the start and end of a navigation area within the webpage; contains hperlinks to other webpages withing a website and is commonly positioned immediately after the closing </header> tag
<head> </head>
indicates the start and end of a section of the document used for the title and other document header information.
<html> </html>
indicates the start and end of an HTML document.
<ul> </ul>
indicates the start and end of an unordered list.
footer element
indicates the start and end of the footer area of a webpage; contains the footer content of a webpage.
main element
indicates the start and end of the main content area of a webpage; contains the primary content of the webpage; only one main element can appear on a page
<title> </title>
indicates the start and end of the title that appear on the title bar of the browser
<p>
indicates the start of a new paragraph
<p> </p>
indicates the start of a new paragraph;inserts a blank line above the new paragraph.
<body>
indicates the start of the body of the web page
<!doctype html>
indicates the version and type of html used
header
information placed at the top of the web page, such as logos or main headings
<p>
inserts a blank line above the next objective after the paragraph tag
<hr />
inserts a horizontal rule.
<br />
inserts a line break at the point where the tag appears.
<br/>
inserts a single line break
Strict Document Type
is specified when you want to prohibit the use of deprecated tags.
<!DOCTYPE> tag
is used to tell the browser which HTML or XHTML version and type the document uses.
Physical Style Tags
it specifies a particular font change that i s interpreted strictly by all browsers.
<i>
italics tag
Horizontal rules
lines that are displayed across a Web page to separate different sections of the page.
Link
links connect one web page to another
<strong>
logical style tag that displays the text with strong emphasis
section
major content area on the web page
image map button bar
menu bars that uses graphical images
target
named location in the same file the <a> tag
Portable Network Graphics
newest format for images, use for all type of images, allows for variation in transparency.
The HTML standard is
now a "living standard," which means that the standard will change to incorporate new features and updates.
Email Link
opens an email message in a visitor's default program
Web pages
pages of information on the Web
HTML
platform independent, meaning you can create, or code, an HTML file on one type of computer and then use a browser on another type of computer to view that file as a Web page
comments
provide additional information about the area of a webpage and the type of information it includes; used to help other developers read and understand the HTML
Markup validation service
report provided by validator.w3.org
font-family
represents a complete set of characters, letters, and symbols for a particular typeface
<pre>
sets enclosed text as preformatted material, it preserves spaces and line breaks
declaration
sets the values for two different properties
Target
specified by the <a> tag when the link is within the web page
pseudo-class selector
specified with a colon character followed by a pseudo-class name, matches elements based on user behavior or element metainformation. Ex: :hover { color: blue; } selects elements under the mouse cursor. A pseudo-class is used to define a special state of an element. For example, it can be used to: Style an element when a user mouses over it Style visited and unvisited links differently Style an element when it gets focus
pseudo-element selector
specified with two colon characters (::) followed by a pseudo-element, matches parts of elements. The pseudo-element selectors allow styles to apply to the first line or first letter of text of an element or to text that is selected by the user, or allow additional content to be inserted before or after an element.
Href
specifies the URL of the linked page or file
Alink
specifies the color of the active link, or the link that is being targeted by the mouse.
Type
specifies the content type of the linked page or file to help the browser determine if it can handle the resource type.
Absolute path
specifies the exact address for the file to which you are linking or displaying a graphic
absolute path
specifies the exact address for the file to which you are linking or displaying a graphic
physical style tags
specify a particular font change that is interpreted strictly by all browsers
body selector
specify that all the text on the web page should be one of the font families: arial, verdana, or garamond, in 11 point size
relative path
specify the location of a file, relative to the location of the file that is currently in use
<dl> </dl>
start and end a definition list.
<map>, </map>
start and end tags of the map
navigation
structure that links to other parts of the web page, web site, or external to the web site
Home page
a Web page that appears each time Internet Explorer starts.
Notepad++
a basic text editor that you can use to create web pages using HTML.
Notepad
a basic text editor you can use for simple documents or for creating Web pages using HTML.
Internet backbone
a collection of high-speed data lines that connect major computer systems located around the world
ISP
a company that has a permanent connection to the Internet backbone
Document Type Definition
a file containing definitions of tags and how they should be used in a Web page.
Inline image
a graphic used in a Web page that is not part of the HTML file.
Network
a group of two or more computers that are connected to share resources and information
XML
a markup language that uses tags to describe the structure and content of a document, not the format
Usability testing
a method by which users of a Web site or other product are asked to perform certain tasks in an effort to measure the product's ease-of-use and the user's perception of the experience
A text editor
a program that allows a user to enter, change, save, and print text, such as HTML
A WYSIWYG editor
a program that provides a graphical user interface that allows a developer to preview the Web page during its development
HTML text editor
a program that provides basic text-editing functions, as well as more advanced features such as color-coding for various HTML tags, menus to insert HTML tags, and spell checkers
XHTML
a reformulation of HTML so it conforms to Extensible Markup Language (XML) rules
A Web site
a related collection of Web pages
Lists
a series of text items that are bulleted or numbered.
HTTP
a set of rules for exchanging text, graphics, sound, and other multimedia files
thumbnail image
a smaller version of the image itself
Background
a solid color, a picture, or a graphic against which the other elements on the Web page appear.
Image map
a special type of inline image in which you define one or more areas as hotspots.
semantic wireframe
a wireframe that uses semantic elements to define the structure of a webpage
logo
a word, name, symbol, or trademark designed for easy recognition
Internet
a worldwide collection of computer networks that links millions of computers
style tags
allow a browser to interpret the tag based on browser settings, relative to other text on a web page
floating
allowing the element to move to the side indicated in the float statement
Transitional Document Type
allows the use of deprecated tags.
DHTML
allows users to create interactive, animated Web pages
Unordered list
also called a bulleted list, formats information using small images called bullets.
Ordered list
also called a numbered list, formats information in a series using numbers or letters.
alt
alternative text to display when an image is being loaded
entity name
an abbreviated name
Hotspots
an area of an image that activates a function when selected.
A hyperlink
an element used to connect one Web page to another
Rev
attribute points backwards, from target to source.
Rel
attribute points forward, from source to target.
face
attributes that changes the front face or type
rev
attributes that indicates a reverse relationships to a linked document
href
attributes that specifies the URL of the linked page or file
email link
automatically opens a new message in the default email program and insets the appropriate contact email address to the 'to' field
BMP
basic metabolic panel
<b>
bold tag
unordered list
bulleted list
word wrap
causes lines to break at the right edge of a window and appear on a newline
Color="xxx"
changes the font color
color
changes the font color
Face="fontname"
changes the font face or type
font family
changes the font face or type
font size
changes the font size
size="x"
changes the font size
font style
changes the style of a font
font weight
changes the weight of a font
full-sized image
click a thumbnail image to get this
entity number
combination of # and a numeric code
html element
consists of the start and end HTML tags and the content that represents a distinct part of the webpage
Body
contains the information that is displayed in the browser window which includes text, graphics, and other elements.
head element
contains the title and other information about the webpage
footer
content placed at the bottom of the web page, such as copyright or contact information
aside
content that is slightly related to the main topic of the web page
article
content that represents an independent piece of information
static content
content that will appear on every webpage
Input Controls
controls designed by an organization to ensure that the information to be processed by the computer is authorized, accurate, and complete
HTML object editor
such as Adobe GoLive, provides the additional functionality of an outline editor that allows you to expand and collapse HTML objects and properties, edit parameters, and view graphics attached to the expanded objects
small
tag that decreases front size in comparison to surrounding text
<a>
tag used to create links on a web page
Deprecated tags
tags that the W3C has earmarked for eventual removal from their specifications, because those tags have been replaced with newer, more functional tags.
The <meta> tag in the <head> element
tells the browser additional information about a web page, such as the content type and character encoding.
p element
tells the browser display the chosen text as a simple paragraph text
The charset attribute of the <meta> tag
tells the browser the character encoding that is used for the web page. Most web pages use the utf-8 encoding for HTML files, and for the <meta> tag charset attribute.
URL (universal resource locator)
the address of a document or other file accessible on the Internet
client-side image map
the browser does all the work, An image map that is stored in an HTML file.
HTML character entity
the code that displays reserved HTML character on a webpage; preceeded by an & and followed by a ;
Normal text
the default text format used for the main content of a Web page.
</head>
the end of a section of the document used for the title and other document header information
</html>
the end of the html document
A home page
the first document users see when they access a Web site
selector
the h1 element used to enclose the style sheet within comment lines
x-axis
the horizontal axis...left to right
Source code
the instructions used to create a Web page or program.
root folder
the main folder of a webpage; usually where the home page file (index.html) is located
Usability
the measure of how well a product, such as a Web site, allows a user to accomplish his or her goals
<head>
the start of a section of the document used for the title and other document header information
<html>
the start of an html document
Title
the text that appears on the title bar of the browser window when the Web page appears.
y-axis
the vertical axis on a coordinate plane...top to bottom
body element
the visible content of a webpage
Relative Paths
they specify the location of a file, relative to the location of the file that is currently in use
How are HTML5 semantic elements used?
to separate the webpage into functional areas and identify the structure of the website
upload
to transfer a copy of the file to the validator
<u>
underline tag
Graphics Interchange Format
use for images with few colors (<256)
Joint Photographic Experts Group
use for images with many colors (>256), such as photographs.
Headings
used to set off paragraphs of text or different sections of a page.
Frameset Document Type
used to support frames on a Web page, also allows the use of deprecated tags.
<!DOCTYPE>
used to tell the browser which HTML or XHTML version and type the document uses
How are website files organized using best practices?
using a systematic method to organize files into folders under the root folder, separating files by type, for example images, CSS files, media files, templates, etc.
validate
verify the validity of the HTML code; confirming the code is correct
Web pages are created using Hypertext Markup Language (HTML)
which is the authoring language used to create documents on the World Wide Web
Target
Named locations
HTML, the new "living standard"
No more new versions Using Backwards compatibility which means that we can keep adding new stuff to HTML, and the browsers will (eventually) support this new stuff, but they'll also keep supporting the old stuff. So the HTML pages you're writing today will keep working, even after new features have been added later.
Link
Normal link
Simple Text Editors
Notepad++, no word processors
TIFF (Tagged Image File Format)
One of the most widely supported file formats for storing bit-mapped images. Files in TIFF format often end with a .tif extension.
radio button
Option button that typically appears as an open circle
Physical style tags
Particular font change used on all browsers
CGI script
Program written in a programming language that communicates with the Web server
Web server
Publishing is copying Web pages and other files to a________
Toolbox
Resembles a toolbar, but hold items such as drawing tools rather than buttons that perform commands.
Rev
Reverse relationship from current link
post method
Sends a separate data file with the name-value pairs to the URL
Submit button
Sends the information to the appropriate location for processing
get method
Sends the name-value pairs to the end of the URL indicated in the action attribute
background-repeat
Sets if/how a background image will repeat (repeat--repeat-x--repeat-y--no-repeat--inherit)
<pre></pre>
Sets text as preformatted material
margin-bottom
Sets the bottom margin of an element
line-height
Sets the distance between lines (normal-number-length-%)
margin-left
Sets the left margin of an element
padding-left
Sets the left padding of an element
margin-right
Sets the right margin of an element
margin-top
Sets the top margin of an element
validate
Should be done to the HTML code prior to publishing
Size="x"
Size of font
Thumbnail image
Smaller version of image
Text
Special inline elements that get grouped together into boxes as the page is laid out
Type
Specifies content type of linked pages
Relative path
Specifies location of a file
maxlength
Specifies the maximum length of the input field
Big
Tag that increases front size in comparison to surrounding text
Anchor tag
The <a> tag
selected
Specifies whether an option is selected
<p></p>
Starts new paragraph
HTML 5.0
Supports animation, movies, and graphics <!doctype html>
Pre
Tag that sets enclosed text as preformatted material
optgroup
Tag used when there are many options available to a Web user
Physical style tags
Tags that specify a font change interpreted strictly by all browsers
<meta charset="utf-8">
Tells the web browser which character set to use. In this case, the character set is "utf-8". The character set, typically set to UTF-8 to help describe how the page is formatted.
<center><font size="small">This page brought to you buy Lou's Diner, a Webville institution for over 50 years. </font></center>
Text size was controlled with the <font> element, using the size attribute.
<option> element
The <option> element works with the <select> element to create a menu. Use an <option> element for each menu item.
<select> element
The <select> element creates a menu control in the web page. The menu provides a way to choose between a set of choices. The <select> element works in combination with the <option> element below to create a menu.
<textarea> element
The <textarea> element creates a multiline text area that you can type into. If you type more text than will fit into the text area, then a scroll bar appears on the right side.
padding property
The CSS property that sets the padding space around element content.
float property
The CSS property used to float elements on a specified margin. Used to position boxes on the page and to wrap content, such as text, around a box. Removes element from the flow, and sets it to one side
margin property
The CSS property used to set the margin space around an element.
background-image
CSS property that configures a graphic as a background
background-position
CSS property that configures placement of the background image
border-color
CSS property that configures the color of a border
Drawing Area
The part of the Revit user interface that displays views, sheets, schedules, and other representations of the building model.
border-style
CSS property that configures the style of border
border-width
CSS property that configures thickness of the border
CSS
Cascading Style Sheets
style
Change appearance of button text with this tag
FTP (File Transfer Protocol)
A protocol used to move files and folders over a network or the Internet.
Revalidate
Click this button to validate change code
h1 element
Defines headings in the body, h1 is the largest and h6 is the smallest
Name
Defines name for current anchor
Path
Describe the location of the files
Path
Describes location
size
Determines the number of characters displayed on the form
<sub></sub>
Displays text as subscript
HTML 4.01
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Links to targets?
<a href="#targetname">
Link targets
<a name="targetname" or <a href="targetname"
Links in the same page?
<a name="targetname"></a>
anchor tag
<a> used to create anchors for links to another page in the same web site, to a web page in an external web site, within the same web page, and for email links
<tt></tt>
Displays text as teletype or monospace
<em></em>
Displays text with emphisis
<em></em>
Emphasizes a word (with italic or bold)
Body
Enter attributes and value in this tag to make front changes
Absolute path
Exact address for for the file which is being linked
data input control
Examples include a radio button, check box, and Submit button
<input type="range"
The range <input> element is similar to number except that it displays a slider instead of an input box. used for input fields that should contain a value within a range. forms a bar that slides to give a specified value
High-end tools
Tools such as Dream Weaver; not good for learning HTML
<link type=
"text/css" rel="stylesheet" href="stylesheet.css"/>
W3C validator There are three ways you can check your HTML:
(1) If your page is on the Web, then you can type in the URL here and click the Check button, and the service will retrieve your HTML and check it. (2) You can choose the second tab, and upload a file from your computer. When you've selected the file, click Check, and the browser will upload the page for the service to check. (3) Or, choose the third tab, and copy and paste your HTML into the form on that tab. Then click Check and the service will check your HTML.
thumbnail image
A small graphic that previews a file's contents for certain file types.
HTML syntax
The rules for using HTML
<input type="text">
The text <input> element is for entering one line of text. Optional attributes let you set a maximum number of characters and the width of this control.
GIF images are limited to ___ colors.
256
Web Page Syntax
<head> contains metadata, <body> content, white space ignored
image tag
<img src="picture.gif" />
Thumbnail
A small illustration in a dialog box or panel displayed to help you choose an option
Thumbnail Image
A small image on a Web page that is linked to a larger, higher-resolution image.
Alink
Active link
footer element
An HTML structural element that marks the page footer; usually containing address and summary information.
Anchor Tag
An HTML tag used to create hyperlinks. The tag identifies what is clicked on and where it links to.
coords
An attribute which specifies the coordinates of an area, [attribute]
server-side image map
An image map that relies on a program running on the Web server to create and administer the map.
coordinate pair
An ordered pair of numbers used to locate a point on a coordinate grid.
input control
Any type of input mechanism on a form
Menu Bar
At the top of the screen, a listing of the names of menus, each of which contains a set of commands
Vlink
Attribute specifying visited link
Vlink
Attribute specifying visited link. Found in body tag. Usually green or purple.
multiple
Attribute that allows for multiple selections in select list
Mailto
Attribute that allows readers to send e-mail with a single mouse click.
Color
Attribute that changes the font color
disabled
Attribute that disables a control
name
Attribute that identifies the specific information sent when a form is submitted
type
Attribute that indicates the type of input control
Alt
Attribute that provide information about a photo while the image loads
checked
Attribute that sets a radio button to a checked state
action
Attribute that specifies action to be taken when the form is submitted
readonly
Attribute that specifies that an element should be not editable
src
Attribute that specifies the URL of an image to use as a submit button
alt
Attribute that specifies the alternative text for an image control
target
Attribute that specifies the location at which the resource will be displayed
method
Attribute that specifies the manner in which the form data is sent to the server to be processed
cols
Attribute that specifies the number of columns in the textarea field
rows
Attribute that specifies the number of rows in the textarea field
Src
Attributes that indicates the file name of the image file
E-mail link
Automaticlly opens new message
<b></b>
Bold
JPG
File type better suited for photographs
<!DOCTYPE html>
First line in an HTML5 document. Tells web browsers that this document is an HTML5 document.
Why do we need that alt attribute anyway?
First, if your image is broken for some reason (say, your image server goes down, or your connection is really slow), the alt attribute will (in most browsers) show the alt text you've specified in place of the image. Second, for vision-impaired users who are using a screen reader to read the page, the screen reader will read the alt text to the user, which helps them understand the page better.
Face="fontname"
Font
Default font
Font that appears if the specified font is not available on the visitor's computer
select
Form input control that creates a drop-down menu
radio
Form input control that creates a list item where only one item can be chosen
checkbox
Form input control that creates a list of items where more than one item can be chosen
textarea
Form input control that creates a multiple-line field for a larger amount of text
text
Form input control that creates a single-line field for a small amount of text
password
Form input control that echoes back the entered text as bullets
reset
Form input control that returns all input controls to the default status
submit
Form input control that tells the browser to send the form data to the server
Sup
Formatting tag that displays text as superscript
Rel
Forward relationship from current linked document
<meta> tags that look like this: <meta http- equiv="Content-Type" content="text/html;charset=utf-8" >.
HTML 4.01
div element
HTML 4.01 element used to divide a page into separate sections; should be used with a unique name to distinguish it from another div element
<form> <form/>
HTML tag that creates a form that allows user input
<input> <input/>
HTML tag that defines the controls used in the form
<legend> <legend/>
HTML tag that defines the text displayed in the grouping borders
<fieldset> <fieldset/>
HTML tag that groups related controls on a form
fieldset control
Helps to group related form elements together
<body bgcolor="tan" text="black">
Here are some attributes that controlled presentation. bgcolor sets the background color of the page, and text sets the color of the body text.
HTML
Hypertext Markup Language
src attribute
Identifies the location and file name of the media resource.
Mailto
If reconized, it opens new email message
Image tag
Image tag is linked, specifies a file that contains an image
Home page
Include an e-mail link on this important Web page
<big></big>
Increase font size
<i></i>
Italizes words
<input type="url"
Like email and tel, the url <input> type is just a text input, but causes a custom keyboard to pop up on mobile devices.
styling links (a:link)
Links can be styled with any CSS property (e.g. color, font-family, background, etc.). In addition, links can be styled differently depending on what state they are in. The four links states are: a:link - a normal, unvisited link a:visited - a link the user has visited a:hover - a link when the user mouses over it a:active - a link the moment it is clicked
<em>
Logical style tag that displays text with emphasis
<strong></strong>
Logical style that displays text with strong emphasis
<blockquote></blockquote>
Long quotations
Home page
Main page
Home page
Main page of a web site; usually the first page.
JPEG
Most common graphic file format, full color graphic format (16.7 million colors) with a relatively small file size
Target
Named location
What's the big deal with HTML5 compared to HTML 4.01 anyway?
The big deal about HTML5 is threefold. First, there are some new elements and attributes in HTML5 that are pretty cool (like the <video> element), and others that will help you write better pages (we'll be getting to those later in the book). Second, there are many new features that allow web developers to create web applications with HTML5. Web applications are webpages that behave more like applications (like the ones you're used to using on your laptop or mobile device) than static web pages. If you're interested in creating web applications, then after you're all done with this book (cue shameless plug), you should check out Head First HTML5 Programming (O'Reilly). Finally, the HTML5 specification is a lot more robust than the specifications for the previous versions of HTML. And helping browsers to know how to handle those errors? That means that web pages with errors on them don't cause the havoc they used to, which is a good thing for users.
bottom property
The bottom property affects the vertical position of a positioned element. This property has no effect on non-positioned elements. If position: absolute; or position: fixed; - the bottom property sets the bottom edge of an element to a unit above/below the bottom edge of its nearest positioned ancestor. If position: relative; - the bottom property makes the element's bottom edge to move above/below its normal position. If position: sticky; - the bottom property behaves like its position is relative when the element is inside the viewport, and like its position is fixed when it is outside. If position: static; - the bottom property has no effect.
mailto
The browser opens a new e-mail message if it encounters a______ URL
display property
The display property (CSS)nspecifies the display behavior (the type of rendering box) of an element. In HTML, the default display property value is taken from the HTML specifications or from the browser/user default style sheet. The default value in XML is inline, including SVG elements.
<input type="email"
The email <input> element is just a text input, but on some mobile browsers, you'll get a custom keyboard for email when you start typing.
Id element
The id attribute specifies a unique id for an HTML element (the value must be unique within the HTML document). The id value can be used by CSS and JavaScript to perform certain tasks for a unique element with the specified id value. In CSS, to select an element with a specific id, write a hash (#) character, followed by the id of the element
left property
The left property affects the horizontal position of a positioned element. This property has no effect on non-positioned elements. If position: absolute; or position: fixed; - the left property sets the left edge of an element to a unit to the left of the left edge of its nearest positioned ancestor. If position: relative; - the left property sets the left edge of an element to a unit to the left/right of its normal position. If position: sticky; - the left property behaves like its position is relative when the element is inside the viewport, and like its position is fixed when it is outside. If position: static; - the left property has no effect.
margin
The margin property sets the margins for an element, and is a shorthand property for the following properties: margin-top margin-right margin-bottom margin-left
<input type="number"
The number <input> element restricts input to numbers. You can even specify a min and max number that is allowed with optional attributes.
position property
The position property specifies the type of positioning method used for an element. There are five different position values: static relative fixed absolute sticky
background-color property
The property you can add to the body selector in an external CSS file to specify the color of the page background
<input type="radio">
The radio <input> element creates a single control with several buttons, only one of which can be selected at any time. These are like old-time car radio buttons; you "push" one in, and the rest "pop out."
right property
The right property affects the horizontal position of a positioned element. This property has no effect on non-positioned elements. If position: absolute; or position: fixed; - the right property sets the right edge of an element to a unit to the right of the right edge of its nearest positioned ancestor. If position: relative; - the right property sets the right edge of an element to a unit to the left/right of its normal position. If position: sticky; - the right property behaves like its position is relative when the element is inside the viewport, and like its position is fixed when it is outside. If position: static; - the right property has no effect.
What exactly is a spec, anyway?
The specification is the document that specifies what the HTML standard is; that is, what elements and attributes are in HTML, and more. This document is maintained by the World Wide Web Consortium (W3C, for short), but anyone can contribute to it and have a say in how the standard is developed.
<input type="submit">
The submit <input> element creates a button that allows you to submit a form. When you click this button, the browser sends the form to the server script for processing.
<input type="tel"
The tel <input> element is also just a text input, but like email, causes a custom keyboard to pop up on mobile devices.
top property
The top property affects the vertical position of a positioned element. This property has no effect on non-positioned elements. If position: absolute; or position: fixed; - the top property sets the top edge of an element to a unit above/below the top edge of its nearest positioned ancestor. If position: relative; - the top property makes the element's top edge to move above/below its normal position. If position: sticky; - the top property behaves like its position is relative when the element is inside the viewport, and like its position is fixed when it is outside. If position: static; - the top property has no effect.
<input /> type attribute
The type attribute specifies the type of <input> element to display. The default type is text. Text, text area, radio, checkbox, button, submit
value
The type of data that is contained in the named input control
Link type
These are ______ _______ -Assessment -Content Page -Documentation Link -Homepage -HTML -List Filter -List of Records -Map Page -New Record -Run a Report -Script -Search Screen -Separator -Single Record -Survey -Timeline -URL
Internal links
Type of link to use on long web pages
http
you must include this as part of href when creating external links
Cascading Style Sheets With______
you write code that allows you to control an element within a single Web page or throughout the entire Web site