web-dev-day2.pdf
- 1. Indian Institute of Information Technology - Dharwad
- 2. H T M L S t r u c t u r e a n d L a y o u t C S S S t y l e J A V A S C R I P T L o g i c B e h i n d
- 3. TAGS TAGS TAGS The components used to design structure of websites I T S A C O N T A I N E R F O R A N Y C O N T E N T O R F O R A N Y P A R E N T H T M L T A G <P> PARAGRAPH </P> Content Opening Tag Closing Tag Element
- 4. ATTRIBUTES ATTRIBUTES ATTRIBUTES Used to add more information to the tag < HTML LANG = "EN" >
- 5. HEADING HEADING TAG TAG Used to display headings in HTML doc h1 h2 h3 h4 h6 h5 Most Important Least Important
- 6. PARAGRAPH PARAGRAPH TAG TAG Used to add paragraphs in HTML <P> PARAGRAPH </P> Content
- 7. ANCHOR ANCHOR TAG TAG Used to add Links to your webpage <A HREF="HTTPS://GOOGLE.COM> GOOGLE </A> target="_main" To open the link in new tab
- 8. IMAGE IMAGE TAG TAG Used to add Images to your webpage <img src="/imagename.png" alt="placeholder">
- 9. BREAK LINE BREAK LINE TAG TAG Used to add next line (breaks) to your webpage Empty Tag (with no attribute etc) <br />
- 10. BOLD , ITALIC & UNDERLINE BOLD , ITALIC & UNDERLINE TAGS TAGS Used to add highlights to text in your page <u> Underline </u> <b> Bold </b> <i> Italic </i>
- 11. HORIZONTAL RULER HORIZONTAL RULER TAG TAG Used to display a horizontal line/ruler to your webpage to separate content <hr />
- 12. SUBSCRIPT & SUPERSCRIPT SUBSCRIPT & SUPERSCRIPT TAG TAG <sub> subscript </sub> <sup> superscript </sup>
- 13. PRE PRE TAG TAG Used to display text as it is (without ignoring spaces & next line) <pre>This is a sample for pre tag. </pre>
- 14. PAGE LAYOUT PAGE LAYOUT PAGE LAYOUT Semantic Non-Semantic header footer div span main
- 15. INSIDE MAIN INSIDE MAIN TAG TAG Section Tag Article Tag Aside Tag For a section on your page For content aside main content For an article on your page
- 16. DIV DIV TAG TAG Block Element (takes full width) Used as a container for other HTML elements
- 17. SPAN SPAN TAG TAG Inline Element (takes width as per size) Also Used as a container for other HTML elements
- 19. TABLES TABLES TABLES Used to represent real life table data <tr> <td> <th> used to display table row used to display table header used to display table data
- 20. Name Roll Number Sparsh 20bcs127 TABLES TABLES TABLES <table> <thead> <caption>My data</caption> <tr> <th>Name</th> <th>Roll Number</th> </tr> </thead> <tbody> <tr> <td>Sparsh</td> <td>20bcs127</td> </tr> </tbody> </table> My data
- 21. FORMS FORMS FORMS Used to collect data from the user Eg. <form> </form> sign up / login / contact me form content
- 22. Indian Institute of Information Technology - Dharwad TASK TASK TASK
- 23. Indian Institute of Information Technology - Dharwad