HTML

Lakukan tugas rumah & ujian kamu dengan baik sekarang menggunakan Quizwiz!

<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


Set pelajaran terkait

215-15 Confiscation of NYC Transit Student Metro Cards

View Set

Chapter 8: Functional Strategies

View Set

ACCT 2020 Chapter 6 Smartbook Review

View Set

int mgnt 5.0 (manging arcross culture)

View Set

(Gillesania)TRIGONOMETRY SETS 10, 11

View Set

CompTIA A+ 1102 exam Practice Test 11

View Set