Cornell Study Sheet

Topic: Web elements Name: Julia N.
Zirbes
& key terms Class: Website Coding #82803
Program: IT: Software Development
<div></div> to create a generic area or section on a web page that is physically

separated from others
Invalid Code may cause browsers to render the pages slower than otherwise
<li></li> container for <ol> or <ul> (list)
meta tag location coded in the head section of the web page document
description list an HTML list good for displaying a list of terms and definitions
HTML5 language intended to replace XHTML (the successor to HTML 4.0)
W3C the organization that takes a proactive role in developing

recommendations and prototype technologies related to the web
HTTP a set of rules for exchanging files such as text, graphic images,
sounds, video, and other multimedia files on the web
<body></body> content that displays in the browser
<a href="index.html"></a> a hyperlink to the index
id fragment identifier attribute used to style exactly ONE element
absolute hyperlink indicated the exact location of a resource on the Web
link to named fragment link to the named fragment #school on the page resume.html from
another page in the same folder of the site:
<a href="resume.html#school">Ed. Back</a>
anchor element used to hyperlink web pages to each other
relative hyperlink when you need to link to an internal page
wideframe a sketch or blueprint of a web page that shows the structure (but not
the detailed design) of basic page elements
hierarchial most commonly used site organization for commercial web sites
main site nav no more that 9 links (or groups of 9 links)

img in nav provide alternate text and configure text hyperlinks in the footer area
of the web page
proximity design principle in which related items are grouped together
background color CSS configuration: body {background-color:#eaeaea; }
CSS precedence inline styles override external styles
style sheet location located in the head section of the web page document
<span></span> tag to create logical areas on a web page that are embedded within
paragraphs or other block formatting elements
CSS class used to apply a style to a one or more elements on a web page
ie: .offer { color: blue; }
(configures a class called "offer" with blue text using CSS)
items that can be used an HTML element, a class name, and an id name
as a CSS Selector
gif a graphic format that can be made transparent
list-style-type property used to eliminate the bullets from and unordered list
jpg graphic format best-suited to display photographs on web pages
backgroung img repeat horizontal repetition: background-repeat: repeat-x;
alt attribute used to provide accessibility by configuring a text alternative

that is available to browsers and other user agents that do not
support graphics
progressive enhancement process of ensuring that web pages coded with new or advanced
techniques still are usable in browsers that do not offer support
for the newer features
list-style-image property to configure an image to use as a bullet point in

an unordered list
optmization describes the process of creating an image with the lowest file
size that still renders a good quality image
margin: 30px 0 0 150px; configures a margin for an element with the following values:
top margin 30 pixels, left margin 150 pixels,
right margin 0 pixels, and bottom margin 0 pixels
Safari the browser that recognizes browser prefix webkit in a CSS property
centered page content used along with the width property to configure centered page content:
margin-left: auto; margin-right: auto
font-weight property to configure bold text using CSS
border border: 1px solid #000000;
border-radius property to configure rounded corners with CSS
box model outermost to innermost components:

margin, border, padding, content
text-align property to align text within an element
text-shadow property configures a shadow effect on the text displayed
nav HTML5 element used to configure the main navigation area
article HTML5 element that is used to configure an area on a web page that
can stand on its own and could potentially be syndicated
media attribute can be used to configure a style sheet for the printed page
display cause an object not to display by: display: none;
position: absolute; property along with the left, right and/or top property to preciesly
configure the position of an element
CSS pseudo-classes correct order to code: link, visited, hover, active
float: right; content will appear to the left of the page within the element
header HTML5 element used to configure the top logo area
wrapper is not an HTML5 element
clear or overflow properties used to clear a float
summary attribute of the table element tag that provides for accessibility
:last-of-type CSS3 property that applies styles to the last row of a table
thead element to configure a table head row group
<th> element used to configure a table heading cell
table recommendation use tables to organize tabular information
border attribute to configure the width of a table border
padding CSS property to configure the cellpadding of a table
headers attribute on a <td> element to associate it with a table heading cell
SUMMARY: Never forget to close tags! Use HTML & CSS3 validator
https://validator.w3.org/
https://jigsaw.w3.org/css-validator/
Refer to visualization study methods for more notes

Cornell Study Sheet

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Cornell Study Sheet

Hochgeladen von

Copyright:

Verfügbare Formate

Topic: Web elements Name: Julia N.

<div></div> to create a generic area or section on a web page that is physically

<li></li> container for <ol> or <ul> (list)

HTML5 language intended to replace XHTML (the successor to HTML 4.0)

W3C the organization that takes a proactive role in developing

<body></body> content that displays in the browser

<a href="index.html"></a> a hyperlink to the index

id fragment identifier attribute used to style exactly ONE element

absolute hyperlink indicated the exact location of a resource on the Web

anchor element used to hyperlink web pages to each other

relative hyperlink when you need to link to an internal page

main site nav no more that 9 links (or groups of 9 links)

proximity design principle in which related items are grouped together

background color CSS configuration: body {background-color:#eaeaea; }

CSS precedence inline styles override external styles

gif a graphic format that can be made transparent

jpg graphic format best-suited to display photographs on web pages

backgroung img repeat horizontal repetition: background-repeat: repeat-x;

alt attribute used to provide accessibility by configuring a text alternative

list-style-image property to configure an image to use as a bullet point in

font-weight property to configure bold text using CSS

border border: 1px solid #000000;

border-radius property to configure rounded corners with CSS

box model outermost to innermost components:

text-align property to align text within an element

text-shadow property configures a shadow effect on the text displayed

nav HTML5 element used to configure the main navigation area

display cause an object not to display by: display: none;

CSS pseudo-classes correct order to code: link, visited, hover, active

header HTML5 element used to configure the top logo area

wrapper is not an HTML5 element

clear or overflow properties used to clear a float

thead element to configure a table head row group

<th> element used to configure a table heading cell

table recommendation use tables to organize tabular information

border attribute to configure the width of a table border

padding CSS property to configure the cellpadding of a table

headers attribute on a <td> element to associate it with a table heading cell

Das könnte Ihnen auch gefallen