form tag how to use form tag something new ? parameter attribute name specifies the name for a form...
TRANSCRIPT
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