form tag how to use form tag something new ? parameter attribute name specifies the name for a form...

Form TagHow to use Form Tag

<form name=“...” target=“...” action=“...” method=“...”>

Something NEW ?

</form>PARAMETER

Attribute NAMESpecifies the name for a form

To specify which form to submit with JavaScript,this name attribute should be used.

http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_form_name

<form name=“...” target=“...” action=“...” method=“...”>

Form TagHow to use Form Tag

Something NEW ?

</form>PARAMETER

Attribute TARGETDeprecated

Specifies where to open the action URL

value : _blank, _self, _parent, _top, framename

http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_form_method

<form name=“...” target=“...” action=“...” method=“...”>

Form TagHow to use Form Tag

Something NEW ?

</form>PARAMETER

Attribute ACTIONSpecifies where to send the form-data when a form is submitted

value : URL

http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_form_submit

<form name=“...” target=“...” action=“...” method=“...”>

Form TagHow to use Form Tag

Something NEW ?

</form>PARAMETER

Attribute METHODSpecifies how to send form-data

value : get / post

get : based on URL.ex) http://sparcs.org/test?id=sunguard&st_nu=20110125

post : included in HTTP header.ex) http://sparcs.org/test

http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_form_method

HTML & CSSSPARCS 11 SunGuard

WHAT ?

WHY ?

HOW ?

Date 2011. 11. 07.

Basic of Basic

WHAT is the CSS ?The Concept of the CSS

CSS (Cascading Style Sheets)

HTML & CSS

CSS format file

WHAT is the CSS ?The Concept of the CSS

CSS (Cascading Style Sheets)

HTML & CSS

HTML + CSS + JavaScript = Web Page

Structure Style Sheet

CSS

WHY we use the CSSThe Reason of the CSS

HTML & CSS

Flexibilityfile01.html

file03.html

file02.html

file04.html

file06.html

file05.html

for-all.css

for-56.css

for-34.css

file01.css

file03.css

file02.css

file04.css

file06.css

file05.css

We can modify each css for each html files

WHY we use the CSSThe Reason of the CSS

HTML & CSS

Flexibility

By changing CSS, we can Change the layout Design.

EASILY.

WHY we use the CSSThe Reason of the CSS

HTML & CSS

RenderingBy separating the HTML & the CSS,

WHY we use the CSSThe Reason of the CSS

HTML & CSS

RenderingBy separating the HTML & the CSS,

make

s SH

OR

TER

CO

DE

HOW to use the CSSThe Way of using the CSS

HTML & CSS

HOW TO use the CSS with HTML

• Inline Style Sheet

• Embedded Style Sheet ( Internal Style Sheet )

• External Style Sheet ( Linking Style Sheet )

http://www.w3schools.com/css/css_howto.asp

HOW to use the CSSThe Way of using the CSS

HTML & CSS

HOW TO use the CSS with HTMLInline Style Sheet

HOW to use the CSSThe Way of using the CSS

HTML & CSS

HOW TO use the CSS with HTMLEmbedded ( Internal ) Style Sheet

HOW to use the CSSThe Way of using the CSS

HTML & CSS

HOW TO use the CSS with HTMLExternal ( Linking ) Style Sheet

HOW to use the CSSThe Way of using the CSS

HTML & CSS

CSS Syntax

h1 { color: blue; font-size: 12px;}

Selector

HOW to use the CSSThe Way of using the CSS

HTML & CSS

CSS Syntax

Declaration for color

h1 { color: blue; font-size: 12px;}

Declaration for font-size

HOW to use the CSSThe Way of using the CSS

HTML & CSS

CSS Syntax

(Color) Property

h1 { color: blue; font-size: 12px;}

(Font-Size) Property

h1 { color: blue; font-size: 12px;}

HOW to use the CSSThe Way of using the CSS

HTML & CSS

CSS Syntax

Value for Color

Property for Font-Size

HOW to use the CSSThe Way of using the CSS

HTML & CSS

CSS Syntax

h1 { color: blue; font-size: 12px;}

Selector• Universal selectors

• Type selectors

• Descendant selectors

• Child selectors

• Adjacent sibling selectors

• Attribute selectors

• ID selectors

• Class selectors

• Element selectors

HOW to use the CSSThe Way of using the CSS

HTML & CSS

CSS Syntax

ID selectors

#Id { declaration(s) }example

HOW to use the CSSThe Way of using the CSS

HTML & CSS

CSS Syntax

Class selectors

.Class { declaration(s) }example

HOW to use the CSSThe Way of using the CSS

HTML & CSS

CSS Syntax

Element selectors

Element { declaration(s) }example

HOW to use the CSSThe Way of using the CSS

HTML & CSS

CSS Syntax

SO MANY SELECTORS

http://www.w3schools.com/cssref/css_selectors.asp

http://www.w3.org/TR/CSS2/selector.html#selector-syntax

http://www.nmindplus.com/2007/01/15/css-selector-1/http://www.nmindplus.com/2007/01/15/css-selector-2/

http://www.nmindplus.com/2007/01/15/css-selector-3/

Next TimeWhat we do next time

HTML & CSS

We will learn...

How to Stylize HTML