1 / 15

HTML 2

HTML 2. Lister – ul og ol tags. <body> <p>En uordnet liste</p> <ul> <li>første element</li> <li>anden element</li> <li>tredie element</li> </ul> <p>En ordnet liste</p> <ol> <li>første element</li> <li>anden element</li> <li>tredie element</li> </ol> </body>

addo
Download Presentation

HTML 2

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. HTML 2

  2. Lister – ul og ol tags <body> <p>En uordnet liste</p> <ul> <li>første element</li> <li>anden element</li> <li>tredie element</li> </ul> <p>En ordnet liste</p> <ol> <li>første element</li> <li>anden element</li> <li>tredie element</li> </ol> </body> 14litag.html

  3. Tabeller – table, tr, td og th <body> <table width="50%" border="1" rules="all"> <tr> <th>Kolonne 1</th> <th>Kolonne 2</th> </tr> <tr> <td>Række 2</td> <td align="center"> Række 2</td> </tr> <tr> <td>Række 3</td> <td align="center">Række 3</td> </tr> </table> </body> 15table.html

  4. Billeder – img src tag • Billede formater: • JPEG, til realistiske billeder • GIF, til andet end realistiske billeder • PNG, afløser til GIF <body> <img src="rose4you.gif" width="190" height="276" alt="et gif- billede"> </body> 16img.html

  5. Rammer - frames • Med rammer kan der vises flere HTML dokumenter samtidigt i browseren. • Dvs. i hver ramme vises et HTML dokument. • Avendes ofte i forbindelse med et navigeringspanel. • Problemer med rammer: • Udskrivning af siden • Bookmarks til side

  6. Rammer - frames • Udover de enkelte HTML sider oprettes et rammesæt /frameset, som definerer rammer. <head> <title> Your Title Here </title> </head> <frameset cols="140,*" frameborder="YES" border="0”> <frame src="17menu.html" name="venstre" noresize scrolling="NO"> <frame src="14litag.html" name="hoved"> </frameset> <noframes> <body> </body> </noframes> </html> 17frame.html

  7. Links mellem rammer • Angivelse af hvilken ramme HTML siden skal vises i. <head> <title> menu </title> </head> <body> <p><a href="14litag.html" target="hoved">Startside </a></p> <p><a href="15table.html" target="hoved">Side med tabel </a></p> <p><a href="16img.html" target="hoved">Side med billede </a></p> </body> 17frame.html

  8. Formularer <body> <p><h2>Pizza bestilling</h2></p> <form method="post" action="mailto:coni@post.tele.dk" name= "ordre" id="ordre"> </form> </body> 18form.html

  9. Radio knapper <p><b>Pizza størrelse<br /></b> <input type="radio" name="str" value="stor" checked>Stor&nbsp;&nbsp; <input type="radio" name="str" value="mellem">Mellem </p> 18form.html

  10. Drop down listbox <p><b>Type pizzabund</b> <select name="bund" size="1"> <option value="Deep pan">Deep pan</option> <option value="Italiensk">Italiensk</option> </select> 18form.html

  11. Check boxe <p><b>Pizza fyld<br /></b> <input type="checkbox" name="fyld" value="skinke">Skinke&nbsp;&nbsp; <input type="checkbox" name="fyld" value="kylling">Kylling </p> 18form.html

  12. Text felt <p><b>Fornavn og efternavn</b> <input type="text" name="navn" size=30> </p> 18form.html

  13. Tekst over flere linier <p><b>Adresse</b> <textarea name="adresse" rows="2" cols="30">Angiv gade, nr og by</textarea> </p> 18form.html

  14. Submit og reset knapper <p> <input type="submit" value="Bestil" name="Bestil"> <input type="reset" value="Fortryd" name="Fortryd"> </p> 18form.html

  15. Opgaver • Eksamensprojekt • Review grupper

More Related