Form Tag - PowerPoint PPT Presentation

form tag n.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
Form Tag PowerPoint Presentation
play fullscreen
1 / 25
Form Tag
348 Views
Download Presentation
bina
Download Presentation

Form Tag

- - - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

  1. 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

  2. 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

  3. 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

  4. 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

  5. Basic of Basic HTML & CSS SPARCS 11 SunGuard WHAT ? WHY ? HOW ? Date 2011. 11. 07.

  6. WHAT is the CSS ? The Concept of the CSS CSS (Cascading Style Sheets) HTML & CSS CSS format file

  7. WHAT is the CSS ? The Concept of the CSS CSS (Cascading Style Sheets) HTML & CSS HTML + CSS + JavaScript = Web Page Structure Style Sheet CSS

  8. 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

  9. WHY we use the CSS The Reason of the CSS HTML & CSS Flexibility By changing CSS, we can Change the layout Design.EASILY.

  10. WHY we use the CSS The Reason of the CSS HTML & CSS Rendering By separating the HTML & the CSS,

  11. WHY we use the CSS The Reason of the CSS HTML & CSS Rendering By separating the HTML & the CSS, makes SHORTER CODE

  12. 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

  13. HOW to use the CSS The Way of using the CSS HTML & CSS HOW TO use the CSS with HTML Inline Style Sheet

  14. HOW to use the CSS The Way of using the CSS HTML & CSS HOW TO use the CSS with HTML Embedded ( Internal ) Style Sheet

  15. HOW to use the CSS The Way of using the CSS HTML & CSS HOW TO use the CSS with HTML External ( Linking ) Style Sheet

  16. HOW to use the CSS The Way of using the CSS HTML & CSS CSS Syntax Selector h1 { color: blue; font-size: 12px; }

  17. 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

  18. 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

  19. 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

  20. 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

  21. HOW to use the CSS The Way of using the CSS HTML & CSS CSS Syntax ID selectors #Id { declaration(s) } example

  22. HOW to use the CSS The Way of using the CSS HTML & CSS CSS Syntax Class selectors .Class { declaration(s) } example

  23. HOW to use the CSS The Way of using the CSS HTML & CSS CSS Syntax Element selectors Element { declaration(s) } example

  24. 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/

  25. Next Time What we do next time HTML & CSS We will learn... How to StylizeHTML