MECHANICAL,CSS,HTML: Elements

Showing posts with label Elements. Show all posts

Wednesday 18 December 2013

HTML

html

The root element that specifies that the content of the document is HTML. The opening tag immediately follows the DOCTYPE declaration and the closing tag is the last thing in the document. The html element must contain the headand the body elements.

Attributes

xmlns is used to define the XML namespace. The value must be http://www.w3.org/1999/xhtml.

Example

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>

[stuff]

</head>

<body>

[stuff]

</body>

</html>

FIELDSET

fieldset

Defines a group of related form items.

Example

<fieldset>

<div>First name: <input /></div>

<div>Surname: <input /></div>

</fieldset>

DT

Definition term. Used in conjunction with dl to define a definition list and dd, to define the description linked with the term.

Example

<dl>

<dt>Dog</dt>

<dd>A carnivorous mammal of the family Canidae.</dd>

</dl>

EM

Emphasis.

Example

<p>That's <em>emphasis</em> ladies and gentlemen.</p>

DOCTYPE

DOCTYPE

Document type declaration. This is used to let the browser know what version of HTML you are using. If you don't use it, or if you get it wrong, the browser will assume you don't know what you're doing and switch to 'quirks mode', which will not render things as they should be. Apparently it's more 'forgiving' but it actually seems to be quite random and confusing.

The case must be like that in the example below (with upper case 'DOCTYPE'). It does not close like other tags.

Example

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Wednesday 11 December 2013

HTML : BODY

body

The main body of an HTML document where all of the content is placed. You must use this element and it should be used just once. It must start immediately after the closing headtag and end directly before the closing html tag.

Example

<html>

<head>

</head>

<body>

[stuff]

</body>

</html>

HTML : BR

Line Breaks

The <br> tag is used when you want to start a new line, but don't want to start a new paragraph. The
<br> tag forces a line break wherever you place it. It is similar to single spacing in a document.

This Code Would Display
<p>This <br> is a para<br> graph with
line breaks</p>

""OUTPUT""

This
is a para
graph with line breaks

HTML : BUTTON

button

Defines a form button that has content within it.can be used in forms.

Attributes

accesskey can be used to associate a particular keyboard shortcut to the element.
tabindex can be used to specify where the element appears in the tab order of the page.
disabled can be used to disable the button. It must be used in the format disabled="disabled".
name can be used to associate a name to the button so that it can be processed by a form-handling script.
type can be used to specify the button type. Values can be button (doesn't do anything), submit (default; submits the form when the button is selected) or reset (resets the form).
value can be used to specify an initial value.

Example

<button>Push my <strong>button</strong> baby</button>

HTML : BLOCKQUOTE

blockquote

A large quotation. The content of a blockquote element must include block-level elements such as headings, lists, paragraphs or div's.

Optional Attributes

cite can be used to specify the location (in the form of a URI) where the quote has come from.

Example

<blockquote cite="http://www.html.com/reference/htmltags/blockquote/">

<p>A large quotation. The content of a blockquote element must include block-level elements such as headings, lists, paragraphs or div's.</p>

<p>cite can be used to specify the location (in the form of a URI) where the quote has come from.</p>

</blockquote>

HTML : BDO

bdo

Bi-directional text. Defines an element that has different directional content. This is usually used with languages that are read in a different direction to the default language. For example, if Hebrew were used in an English document, it would need to be defined as

Required Attributes

dir is used to specify the direction and can be set to ltr (left-to-right) or rtl (right-to-left).

Optional Attributes

xml:lang can be used to specify the language of the element.

Example

<p>The output <bdo dir="rtl">word</bdo> actually be "drow".</p>

HTML : BASE

base

Defines the base location for links on a page.

Relative links within a document (such as <a href="WWW.GOOGLE.COM.html"...or <img src="someimage.jpg"...) will become relative to the URI specified in the base tag.

The base tag must go inside the headelement.

Required Attributes

href is used to specify the location on the base URI.

Example

<head>

<title>Peppers</title>

<base href="http://www.somedomain.com/directory/" />

</head>

<body>

<p><a href="someplace.html">This</a> will actually link to http://www.somedomain.com/directory/someplace.html.</p>

<p> The location of the above image will be actually be http://www.somedomain.com/directory/someimage.jpg.</p>

</body>

HTML : AREA

area

A region of a client-side image map. Used in conjunction with map to map links to certain regions of an image.

Required Attributes

alt is used to specify the alternative text of the area, which should be a short description.

Optional Attributes

shape can be used to specify the shape of the area. The value can be rect (rectangular), circle (circular), poly (polygonal) or default.
coords can be used to specify the pixel coordinates of the area. For rectangular shapes, this is a comma-separated list of four values for left, top, right and bottom (eg. coords="0,0,50,50"). For circular shapes this is a comma-separated list of three values for left, top and radius (eg. coords="50,50,25"). For polygonal shapes, this is a comma-separated list containing an even number of values, specifying the left and top of each point of the shape (eg. coords="0,0,25,25,50,25,50,100").
href can be used to specify the target of the area link.
nohref can be used to specify that the area is not a link. It must be used in the format nohref="nohref".
accesskey can be used to associate a keyboard shortcut to the area.
tabindex can be used to specify where the area appears in the tab order of the page.

Example

<area shape ="rect" coords ="0,0,115,90" href ="northamerica.html" alt="North America" />

<area shape ="poly" coords ="113,39,187,21,180,72,141,77,117,86" href ="europe.html" alt="Europe" />

<area shape ="poly" coords ="119,80,162,82,175,102,183,102,175,148,122,146" href ="africa.html" alt="Africa" />

</map>

MECHANICAL,CSS,HTML

Wednesday 18 December 2013

HTML

FIELDSET

DT

EM

DOCTYPE

Wednesday 11 December 2013

HTML : BODY

HTML : BR

HTML : BUTTON

HTML : BLOCKQUOTE

HTML : BDO

HTML : BASE

HTML : AREA

Physics basic inventions and inventors

Search This Blog