290 likes | 747 Views
Form Tag. How to use Form Tag. <form name =“...” target =“...” action =“...” method =“...”>. S omething NEW ?. PARAMETER. </form>. Attribute NAME. Specifies the name for a form To specify which form to submit with JavaScript, this name attribute should be used.
E N D
Form Tag How to use Form Tag <form name=“...” target=“...” action=“...” method=“...”> Something NEW ? PARAMETER </form> AttributeNAME Specifies 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 Tag How to use Form Tag <form name=“...” target=“...” action=“...” method=“...”> Something NEW ? PARAMETER </form> AttributeTARGET Deprecated 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 Tag How to use Form Tag <form name=“...” target=“...” action=“...” method=“...”> Something NEW ? PARAMETER </form> AttributeACTION Specifies 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 Tag How to use Form Tag <form name=“...” target=“...” action=“...” method=“...”> Something NEW ? PARAMETER </form> AttributeMETHOD Specifies 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
Basic of Basic HTML & CSS SPARCS 11 SunGuard WHAT ? WHY ? HOW ? Date 2011. 11. 07.
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 CSS The Reason of the CSS HTML & CSS Flexibility file01.css file01.html for-all.css file02.css file02.html for-34.css file03.css file03.html file04.css file04.html for-56.css file05.css file05.html file06.css file06.html We can modify each css for each html files
WHY we use the CSS The Reason of the CSS HTML & CSS Flexibility By changing CSS, we can Change the layout Design.EASILY.
WHY we use the CSS The Reason of the CSS HTML & CSS Rendering By separating the HTML & the CSS,
WHY we use the CSS The Reason of the CSS HTML & CSS Rendering By separating the HTML & the CSS, makes SHORTER CODE
HOW to use the CSS The Way of using the CSS HTML & CSS HOW TO use the CSS with HTML • InlineStyle 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 CSS The Way of using the CSS HTML & CSS HOW TO use the CSS with HTML Inline Style Sheet
HOW to use the CSS The Way of using the CSS HTML & CSS HOW TO use the CSS with HTML Embedded ( Internal ) Style Sheet
HOW to use the CSS The Way of using the CSS HTML & CSS HOW TO use the CSS with HTML External ( Linking ) Style Sheet
HOW to use the CSS The Way of using the CSS HTML & CSS CSS Syntax Selector h1 { color: blue; font-size: 12px; }
HOW to use the CSS The 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 CSS The Way of using the CSS HTML & CSS CSS Syntax (Color) Property h1 { color: blue; font-size: 12px; } (Font-Size) Property
HOW to use the CSS The Way of using the CSS HTML & CSS CSS Syntax Value for Color h1 { color: blue; font-size: 12px; } Property for Font-Size
HOW to use the CSS The Way of using the CSS HTML & CSS CSS Syntax Selector h1 { color: blue; font-size: 12px; } • Universal selectors • Type selectors • Descendant selectors • Child selectors • Adjacent sibling selectors • Attribute selectors • ID selectors • Class selectors • Element selectors
HOW to use the CSS The Way of using the CSS HTML & CSS CSS Syntax ID selectors #Id { declaration(s) } example
HOW to use the CSS The Way of using the CSS HTML & CSS CSS Syntax Class selectors .Class { declaration(s) } example
HOW to use the CSS The Way of using the CSS HTML & CSS CSS Syntax Element selectors Element { declaration(s) } example
HOW to use the CSS The 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 Time What we do next time HTML & CSS We will learn... How to StylizeHTML