6/14/23, 5:33 AM C779 Web Development Foundations
<title>
The <title> tag is the first tag that allows you to specify content that will appear on the page. Any text you enclose with this tag appears as the
page title bar at the top of a browser. This text also appears in the history list and on the page when printed. Title text becomes the Bookmark
name if the page is bookmarked or added to a browser Favorites folder.
<body>
The <body> tag begins the body of the document.
<head>
The <head> tag allows you to insert <meta> tags, link to style sheets, and assign a title to the document with the <title> tag.
<meta>
Can include a document description, revision dates, and keywords to help search engines index the page.
It also specifies the HTML5 character set used, which is usually UTF-8
<br>
Creates a line break. Empty tag.
Difference between <b> and <strong> bolding?
The <b> element applies the bold font style, whereas <strong> applies a heavier weight to the text relative to the surrounding text.
Difference between text-level and block-level?
Text-level elements can affect a section of text as small as a single character.
Markup elements that affect an entire paragraph or multiple paragraphs are referred to as block-level elements.
An element
Provides the main instruction of the tag. An element is required in every tag. Elements include <body>, <p>, <h1>, <title>, <table> and many
others.
An attribute
Specifies a quality or describes a certain aspect of the element. For example, a hyperlink is added to a Web page by using the <a>, or anchor,
element. The href attribute is added, which identifies the hyperlink reference. Many elements require specified attributes, but some do not. An
attribute is required in a tag only if the element requires it.
A value
Gives value to the element and its attribute. For example, <a href="http://www.ciwcertified.com"> has a value that instructs the hyperlink to
access the CIW Certified Web site. Like attributes, values are optional in a tag unless required by a specified attribute to the element. Values are
used only with attributes; elements do not take values directly. Values should be surrounded by quotation marks; they are not required, but
placing values in quotation marks is considered good coding practice.
<!DOCTYPE>
The document type declaration, or <!DOCTYPE> tag, describes the markup language and version of your code. It is placed at the very top of
your document.
<pre>
The <pre> tag allows you to display plain text files with their original formatting. It is commonly used to display tabular data.
<blockquote>
The <blockquote> tag centers and indents a block of text.
<p>
The <p> tag defines the start of a new paragraph.
Location of style sheet references in HTML doc
Style sheet references are specified with the <link> tag in the <head> section, usually before the <title> tag.
What happens when you place text between the <!-- and --> tags in your HTML source code?
Commented out
The HTML special character code for a non-breaking space is .
about:blank 1/30
,6/14/23, 5:33 AM C779 Web Development Foundations
Dithering
the ability for a computer to approximate a color by combining the RGB values.
hexadecimal 10 =
A
hexadecimal F =
15
hexadecimal 16 =
10
Value for CSS value
...
<html> tag
The <html> tag is used as a container for the entire HTML document. It nests all code except for the <!DOCTYPE> declaration.
<link> tag
The <link> tag references a style sheet and is recommended for HTML5. A style sheet usually has a .css file name extension and a file name
similar to the page to which it is linked (e.g., syb.css for the HTML page named syb.html). Style sheets are often placed in a subdirectory for the
Web page. This subdirectory contains all images and associated files for the page. The <link> tag is placed within the <head> container tags.
Scalable Vector Graphics (SVG)
text inside the image can be indexed and searched. Additional benefits include compression capabilities and zooming.
Americans with Disabilities Act (ADA)
Enacted by the U.S. government in 1990 to protect the civil rights of disabled people. This law has many sections, and includes mandates for
equal employment opportunities and public accommodations for disabled people. It also includes mandates that electronic information be
accessible to disabled people. Significant compliance failures are subject to financial penalties.
Section 508 of the Rehabilitation Act
Requires that all electronic and information technology developed, procured, maintained or used by federal agencies be comparably accessible
to users with disabilities.
Web Content Accessibility Guidelines (WCAG)
Were created under the Web Accessibility Initiative (WAI), which was formed by the World Wide Web Consortium (W3C), an international
technology standards organization that is not part of the U.S. government.
In an image map, a target URL is specified as the href attribute value in the ______ tag.
<area>
Unicode
A character code that enables most of the languages of the world to be symbolized with a special character identification.
Creating a file upload button
Requires the use of the <input> tag and the type="file" attribute and value.
When using the <img> element
You can use the width and height attributes to adjust the size of an image. You must ensure the proper proportions, however, or you may distort
the image.
Copyright
Describes legal ownership of an expression created by an author
Trademark
Describes a unique word, phrase or symbol that is claimed or officially registered by an organization
Licensing
Involves legally authorizing a party to use copyrighted or trademarked intellectual property.
about:blank 2/30
, 6/14/23, 5:33 AM C779 Web Development Foundations
JavaServer Pages (JSP)
Uses Java to process information sent from a Web form to a Web server.
Perl
It is a traditional CGI technology that is platform-independent.
Python
Is an open-source CGI technology that emphasizes code readability by employing minimalistic code syntax and semantics.
.NET
Can use several languages, including C# and VBScript.
Pull technology
Provides information to a customer only upon request. Because the customer asks for information and content, this technique is demand-based
and immediate.
Push technology
Automatically provides information to a customer list.
These formats are GIF 89a and PNG.
Any element in an image that is a single specific color can be made transparent, provided that the image file format supports image
transparency
<strong>
bold text
The CSS "width" property used with the <table> element determines
How far the table will extend horizontally across the Web page. This property is most often used to control a table's size, regardless of the end
user's screen size.
Interlacing is supported by
GIF 87a and GIF 89a formats
The only Web-ready image formats that support interlacing
GIF and PNG
A CGI script
Passes information from the Web form to the database server
The controls="controls" attribute
Adds video controls such as the play, pause, rewind, fast forward and volume controls
PNG file format
Supports image layers
The <ul> element
Creates a bulleted, or unordered, list
The <ol> element
Can be used similarly to create a numbered, or ordered, list.
The <li> tag
Creates a list item within the list
Echo
A command that repeats the terminal input you type
Ftps
File Transfer Protocol Security
WCAG
A set of guidelines for ensuring Web site accessibility to all users, including those with disabilities.
about:blank 3/30
<title>
The <title> tag is the first tag that allows you to specify content that will appear on the page. Any text you enclose with this tag appears as the
page title bar at the top of a browser. This text also appears in the history list and on the page when printed. Title text becomes the Bookmark
name if the page is bookmarked or added to a browser Favorites folder.
<body>
The <body> tag begins the body of the document.
<head>
The <head> tag allows you to insert <meta> tags, link to style sheets, and assign a title to the document with the <title> tag.
<meta>
Can include a document description, revision dates, and keywords to help search engines index the page.
It also specifies the HTML5 character set used, which is usually UTF-8
<br>
Creates a line break. Empty tag.
Difference between <b> and <strong> bolding?
The <b> element applies the bold font style, whereas <strong> applies a heavier weight to the text relative to the surrounding text.
Difference between text-level and block-level?
Text-level elements can affect a section of text as small as a single character.
Markup elements that affect an entire paragraph or multiple paragraphs are referred to as block-level elements.
An element
Provides the main instruction of the tag. An element is required in every tag. Elements include <body>, <p>, <h1>, <title>, <table> and many
others.
An attribute
Specifies a quality or describes a certain aspect of the element. For example, a hyperlink is added to a Web page by using the <a>, or anchor,
element. The href attribute is added, which identifies the hyperlink reference. Many elements require specified attributes, but some do not. An
attribute is required in a tag only if the element requires it.
A value
Gives value to the element and its attribute. For example, <a href="http://www.ciwcertified.com"> has a value that instructs the hyperlink to
access the CIW Certified Web site. Like attributes, values are optional in a tag unless required by a specified attribute to the element. Values are
used only with attributes; elements do not take values directly. Values should be surrounded by quotation marks; they are not required, but
placing values in quotation marks is considered good coding practice.
<!DOCTYPE>
The document type declaration, or <!DOCTYPE> tag, describes the markup language and version of your code. It is placed at the very top of
your document.
<pre>
The <pre> tag allows you to display plain text files with their original formatting. It is commonly used to display tabular data.
<blockquote>
The <blockquote> tag centers and indents a block of text.
<p>
The <p> tag defines the start of a new paragraph.
Location of style sheet references in HTML doc
Style sheet references are specified with the <link> tag in the <head> section, usually before the <title> tag.
What happens when you place text between the <!-- and --> tags in your HTML source code?
Commented out
The HTML special character code for a non-breaking space is .
about:blank 1/30
,6/14/23, 5:33 AM C779 Web Development Foundations
Dithering
the ability for a computer to approximate a color by combining the RGB values.
hexadecimal 10 =
A
hexadecimal F =
15
hexadecimal 16 =
10
Value for CSS value
...
<html> tag
The <html> tag is used as a container for the entire HTML document. It nests all code except for the <!DOCTYPE> declaration.
<link> tag
The <link> tag references a style sheet and is recommended for HTML5. A style sheet usually has a .css file name extension and a file name
similar to the page to which it is linked (e.g., syb.css for the HTML page named syb.html). Style sheets are often placed in a subdirectory for the
Web page. This subdirectory contains all images and associated files for the page. The <link> tag is placed within the <head> container tags.
Scalable Vector Graphics (SVG)
text inside the image can be indexed and searched. Additional benefits include compression capabilities and zooming.
Americans with Disabilities Act (ADA)
Enacted by the U.S. government in 1990 to protect the civil rights of disabled people. This law has many sections, and includes mandates for
equal employment opportunities and public accommodations for disabled people. It also includes mandates that electronic information be
accessible to disabled people. Significant compliance failures are subject to financial penalties.
Section 508 of the Rehabilitation Act
Requires that all electronic and information technology developed, procured, maintained or used by federal agencies be comparably accessible
to users with disabilities.
Web Content Accessibility Guidelines (WCAG)
Were created under the Web Accessibility Initiative (WAI), which was formed by the World Wide Web Consortium (W3C), an international
technology standards organization that is not part of the U.S. government.
In an image map, a target URL is specified as the href attribute value in the ______ tag.
<area>
Unicode
A character code that enables most of the languages of the world to be symbolized with a special character identification.
Creating a file upload button
Requires the use of the <input> tag and the type="file" attribute and value.
When using the <img> element
You can use the width and height attributes to adjust the size of an image. You must ensure the proper proportions, however, or you may distort
the image.
Copyright
Describes legal ownership of an expression created by an author
Trademark
Describes a unique word, phrase or symbol that is claimed or officially registered by an organization
Licensing
Involves legally authorizing a party to use copyrighted or trademarked intellectual property.
about:blank 2/30
, 6/14/23, 5:33 AM C779 Web Development Foundations
JavaServer Pages (JSP)
Uses Java to process information sent from a Web form to a Web server.
Perl
It is a traditional CGI technology that is platform-independent.
Python
Is an open-source CGI technology that emphasizes code readability by employing minimalistic code syntax and semantics.
.NET
Can use several languages, including C# and VBScript.
Pull technology
Provides information to a customer only upon request. Because the customer asks for information and content, this technique is demand-based
and immediate.
Push technology
Automatically provides information to a customer list.
These formats are GIF 89a and PNG.
Any element in an image that is a single specific color can be made transparent, provided that the image file format supports image
transparency
<strong>
bold text
The CSS "width" property used with the <table> element determines
How far the table will extend horizontally across the Web page. This property is most often used to control a table's size, regardless of the end
user's screen size.
Interlacing is supported by
GIF 87a and GIF 89a formats
The only Web-ready image formats that support interlacing
GIF and PNG
A CGI script
Passes information from the Web form to the database server
The controls="controls" attribute
Adds video controls such as the play, pause, rewind, fast forward and volume controls
PNG file format
Supports image layers
The <ul> element
Creates a bulleted, or unordered, list
The <ol> element
Can be used similarly to create a numbered, or ordered, list.
The <li> tag
Creates a list item within the list
Echo
A command that repeats the terminal input you type
Ftps
File Transfer Protocol Security
WCAG
A set of guidelines for ensuring Web site accessibility to all users, including those with disabilities.
about:blank 3/30
