Powered By Technology

From Mutterpedia
Jump to: navigation, search

(Title should appear here)

Basic Concepts

What is an Internet? Computers can talk to one another using a language called "Internet Protocol" (or, IP). Such a network of computers is called an Internet.
What is a Web Page? What is a Web Server? A computer on an Internet may store many pages of information for sharing by all other computers. In such a situation, that computer is called a Web Server, and each page of its information is called a Web Page.
What is the Web?The Web stands for "World Wide Web", and it is a collection of all the Web Pages on all the Web Servers within a world-wide Internet.
What is the HTML?HTML stands for "Hyper Text Markup Language". It is a language that describes WHAT information to display on a Web Page. Each piece of information is called an HTML element. Most HTML elements are described using a pair of matching special words called "tags", with the first tag being the opening tag, and the second tag being the closing tag. Some HTML elements are described using just a single tag.

Overall Structure

defines the document type. For example, <!DOCTYPE html> means it is an HTML document.
are a pair of tags that contain the entire content of an HTML document.
are a pair of tags that contain the Head section of an HTML document.
are a pair of tags (within the Head section) that contain the invisible title of the HTML document.
are a pair of tags that contain the Body section of the HTML document.

Comment

contains a hidden comment.

Containers

are a pair of tags that display the content as a new division.
are a pair of tags that display the enclosed text as a paragraph.
are a pair of tags that display the content as a part of a line.

Breaks

is a single tag that displays a horizontal line, typically to mean a change in theme.
is single tag that displays a line break.

Expandable Details

are a pair of tags that display the enclosed text as expanded details. Within these tags, are a pair of tags that display the enclosed text as an expandable summary.

Text Effects

are a pair of tags that display the enclosed text as a Level 1 Heading.
are a pair of tags that display the enclosed text as a Level 2 Heading.
are a pair of tags that display the enclosed text as a Level 3 Heading.
are a pair of tags that display the enclosed text as a Level 4 Heading.
are a pair of tags that display the enclosed text as a Level 5 Heading.
are a pair of tags that display the enclosed text as a Level 6 Heading.
are a pair of tags that display the enclosed text in bold.
are a pair of tags that display the enclosed text in bold.
are a pair of tags that display the enclosed text in italics.
are a pair of tags that display the enclosed text as underlined.
are a pair of tags that display the enclosed text as struck out.
are a pair of tags that display the enclosed text with spaces and line breaks all preserved.
are a pair of tags that display the enclosed text as quoted.
are a pair if tags that display the enclosed text as bigger.
are a pair if tags that display the enclosed text as smaller.
are a pair if tags that display the enclosed text as superscript.
are a pair if tags that display the enclosed text as subscript.
are a pair of tags that display the enclosed text as deleted.
are a pair of tags that display the enclosed text as inserted.
are a pair of tags that display the enclosed text as highlighted.

Hypertext

are a pair of tags that display a hyperlink.

List

are a pair of tags that display an ordered list.
are a pair of tags that display an unordered list.
are a pair of tags that display a list item.

Drop Down Menu

are a pair of tags that display a drop-down list
are a pair of tags that display an option in a drop-down list
are a pair of tags that group related options together in a drop-down list

Image

is a single tag that displays an image.

Button

are a pair of tags that display a clickable button.

Table

<col> Specifies column properties for each column within a <colgroup> element
<colgroup> Specifies a group of one or more columns in a table for formatting
<table> Defines a table
<tbody> Groups the body content in a table
<td> Defines a cell in a table
<tfoot> Groups the footer content in a table
<th> Defines a header cell in a table
<thead> Groups the header content in a table
<tr> Defines a row in a table

Text Input

<textarea> Defines a multiline input control (text area)
<input> Defines an input control
<label> Defines a label for an <input> element

iFrame

<iframe> Defines an inline frame

Media

<video> Defines a video or movie
<audio> Defines sound content
<source> Defines multiple media resources for media elements (<video> and <audio>)
<track> Defines text tracks for media elements (<video> and <audio>)

Map

<map> Defines a client-side image-map
<area> Defines an area inside an image-map

Animation

<canvas> Used to draw graphics, on the fly, via scripting (usually JavaScript)

Input

<form> Defines an HTML form for user input

Basic Concepts

CSS is a language that is used to make the HTML elements "pretty".
CSS lives within an HTML document in areas that are marked by .
<link> links another document (eg. a CSS document) to the HTML document.

CSS Comment

contains a hidden comment.

CSS Selectors

selects HTML elements by id.
selects HTML elements by tag.
selects HTML elements by class
selects all HTML elements
selects multiple HTML elements.
selects HTML elements immediately inside HTML elements.
selects HTML elements inside HTML elements.

CSS Properties for Text

specifies the font family for text within the selected HTML element(s).
specifies the font style for text within the selected HTML element(s).
specifies the font weight for text within the selected HTML element(s).
specifies the small caps for text within the selected HTML element(s).
specifies the font color for text within the selected HTML element(s).
specifies the font size for text within the selected HTML element(s).
specifies the line height for text within the selected HTML element(s).
specifies the decoration for text within the selected HTML element(s).
specifies the indentation of the first line in a text-block within the selected HTML element(s).
specifies the the shadow effect added to text within the selected HTML element(s).
controls the capitalization of text within the selected HTML element(s).
specifies how the selected HTML element(s) should signal to the user those overflowed text that is not displayed.
specifies the letter spacing for text within the selected HTML element(s).
specifies the word spacing of the text inside the selected HTML element(s).
specifies how white-space inside the selected HTML element(s) should be handled.

CSS Properties for Border

specifies the style, width and color of the border of the selected HTML element(s).

Basic Concepts

Javascript is a language that is used to work with the HTML elements after they have been loaded.
Javascript lives within an HTML document in areas that are marked by .

Output

to output a message in a dialog box. User may press Close.
to output a message in a dialog box. User may press Cancel or Ok.
to write a message on the Web Page.
status: loading...
Send feedback