Download to read offline
html5_basic_frontend_development_hy.pptx.pptx
- 2. Tabie of content 1.FormEiements 2.Block-IeveI Elements 3.Inline-level Elements 1. Div 5.Iframes 6.Head 7.Layout 0 O O O
- 3. • <input> • <IabeI> •<seIect> • <textarea > • <button> • <fieIdset> • <Iegend> • <dataIist> • <output> • <option> • <optgroup >
- 4. Type: Text id= uniqueid for each element Type = TRXt placeholder is the value that user will in text area it self. But when they try to write it will disappear. name of tag that can be used to take value at server side.
- 5. Type: Number Type: Email Type:Radio I.IobiIe En a ‹ l The name will always be the same for one group of Radio. Female : 'I ' Mile: tJ
- 6. Type: Checkbox iipeaixs : ?sIiisic: Staines:Re.acliii_ = The name will always be the same for one group of checkboxes.
- 7. To submit aform To Create a clickable button. 0 0 0 0
- 8.
- 10. O O O O Alithe form data will sent in the url variable îike below example data.
- 11. Method Attribute Here no formdata will be visible to the user in URL. It will sent the data in the form of the body. Which is inside the http request. There is no size limitation in this case.
- 13. No Validate Attribute Itmeans that when the user submits the form it will not check whether the values are correctly entered or not. PYON IX
- 15. Choose a Sports:Cń&et v FooÖall Hockey Basketbal l
- 16. Cboosc a Sports:( Cncket Outdoor Cńcket Hockey Basketbal l Indoor h som
- 18. 2. Block LevelElement O O O O When you have a block on a webpage, like a paragraph or a heading, it usually begins on a new line. Browsers also typically include some space above and below • <article» • <nav> • <ul> • <noscript > • <hr> • <figure> • <div> • <main> • <ol> • <blockquote > • <footer> • <address> • <canvas> • <Ii> • <header > • <dt> • <form> • <h3> • <dI> • <table> • <pre> • <p> • <section > • <aside> • <video> • <tfoot>
- 19. 3. Inline LevelElement O O O O An inline element does not start on a new line. .• à • • <abbr> • <Va '> • «b> • <bdo> • «big> • <br> • <button> • <cite> • <code> • <dfn> • <em> • ••t • <input > kbd> • <object> " OM+P++” • *P” • <samp> • <script> • <select> • <smaII> • <span> • <strong> • <sub> • <sup> • <textarea > • <time > • <tt> " <label> " <map>
- 20. 4. Oiv Element O OO O The <div» element is like a big block on a webpage, and it naturally uses up all the space it can. It also automatically adds empty fines above and below itself. Taking u'liole n'icltli.
- 21. D!ïw Eïemerit Ö 0 Ö0 .fï.eneratlș, Div áct like as a.containers multiple.element.can groüp into one .div. Let's leant HTMI and CSS. Understand it well task is coinmine.
- 22. Div Element O OO O If you have a <div> block that doesn't take up the whole width, and you want it in the middle, just use CSS and set the margin property to "auto." Lei's learn HAH and C SS Understand it ii'ell task is c inmine
- 23.
- 27. IFrame O O OO Transforming Visions into Tech Realities.
- 33.