1 / 46

Html - primeri

Html - primeri. Primeri iz HTML-ja. Koda html, ki jo bomo vpisali preko Notepad -a v datoteko. Kako bo internetma stran izgledala. Primer enostavne HTML kode v praksi. Spreminjanje velikosti teksta. Prikaz besedila v brskalniku. Kreiranje linka do neek določene spletne strani.

nowles
Télécharger la présentation

Html - primeri

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 - primeri

  2. Primeri iz HTML-ja Koda html, ki jo bomo vpisali preko Notepad-a v datoteko Kako bo internetma stran izgledala

  3. Primer enostavne HTML kode v praksi

  4. Spreminjanje velikosti teksta

  5. Prikaz besedila v brskalniku

  6. Kreiranje linka do neek določene spletne strani

  7. Prikaz slike na spletni strani

  8. Različne pisave v html kodi

  9. Stili in barve

  10. Primeri stilov: • HTML Stilski primeri • style="background-color:yellow" • style="font-size:10px" • style="font-family:Times" • style="text-align:center"

  11. Možnosti slogov B, I, U, H, S slogi[b] bold [/b] [B] krepko [/ b] [i] italic [/i] [I] ležeče [/ i] [u] underline [/u] [U] poudarjajo [/ u] [h] header [/h] (availablefor some users) [H] header [/ h] (na voljo za nekatere uporabnike) [s] small [/s] [S] majhna [/ s] [sup] sup [/sup] [Sup] sup [/ sup] [sub] sub [/sub] [Sub] sub [/ sub] [o] offtopic [/o] [O] Offtopic [/ o]

  12. Možnosti

  13. Izdelava tabele

  14. Primer kode <html> <body> <h4>With a normal border:</h4> <table border="1"> <tr> <td>Celica 1</td> <td>Celica 2</td> </tr> <tr> <td>Celica 3</td> <td>Celica 4</td> </tr> </table> <h4>With a thickborder:</h4> <table border="8"> <tr> <td>Celica 1</td> <td>Celica 2</td> </tr> <tr> <td>Celica 3</td> <td>Celica 4</td> </tr> </table>

  15. Primer kode <h4>With a verythickborder:</h4> <table border="20"> <tr> <th>Prva vrstica</th> <th>Druga vrstica</th> </tr> <tr> <td>celica 1</td> <td>celica 2</td> </tr> <tr> <td>celica 3</td> <td>celica 4</td> </tr> </table> </table> </body> </html>

  16. Stili pisanja teksta

  17. Stile pisanja teksta <html> <body> <h4>Meni jutranjih napitkov:</h4> <ul> <li>Kava</li> <li>Čaj</li> <li>Mleko</li> </ul> </body> </html>

  18. forme

  19. Radio tipke I. možnost

  20. Skupek možnosti

  21. Roletni meni:

  22. Primeri na internetni strani http://www.w3schools.com/html/html_styles.asp

  23. Več na naslovu: http://www.w3schools.com/html/html_colornames.asp

  24. Spremembe izgledov

  25. Izgled

  26. Frame Nastavitve pisave. Nastavitve fontov.

  27. Možnosti nastavitev fontov!

  28. Možnosti Tag-ov

  29. Posebnosti

  30. Več na internetni strani http://translate.googleusercontent.com/translate_c?hl=sl&sl=en&tl=sl&u=http://www.w3schools.com/html/html_examples.asp&rurl=translate.google.si&usg=ALkJrhiAjo7lF2RlG_D3xS9991KCCRW65g

  31. XHTML • Naslednji korak je, da se naučimo XHTML in CSS. XHTMLXHTML • XHTML reformulates HTML 4.01 in XML. XHTML preoblikuje HTML 4,01 v XML. • Ifyouwant to learn more about XHTML, pleasevisitourXHTML tutorial . Če želite izvedeti več o XHTML, obiščite našo XHTML Tutorial . CSSCSS • CSS is used to controlthestyleandlayoutof multiple Webpagesall at once. CSS se uporablja za nadzor slog in postavitev več spletnih strani naenkrat. • With CSS, allformattingcanberemovedfromthe HTML documentandstored in a separate file. Z CSS vse oblikovne mogoče, odstraniti iz dokumenta HTML in shrani v ločeno datoteko. • CSS givesyoutotalcontrolofthelayout, withoutmessing up thedocumentcontent. CSS vam omogoča popoln nadzor nad postavitvijo strani, ne mesijanski ki gre gor vsebino dokumenta. • To learnhow to createstylesheets, pleasevisitourCSS tutorial . Če želite izvedeti, kako ustvariti slogov, obiščite naš CSS Tutorial .

  32. Najpomembnejše razlike med html in xhtml • Najbolj pomembne razlike: • XHTML elementsmustbeproperlynested XHTML elementi morajo biti pravilno ugnezdenih • XHTML elementsmustalwaysbeclosed XHTML elementi morajo biti vedno zaprta • XHTML elementsmustbe in lowercase XHTML elementi morajo biti v male črke • XHTML documentsmusthaveone root element XHTML dokumente, ki morajo imeti eno korenski element

  33. Kaj je CSS? • CSS osnova za CascadingStyleSheets • Slogi definirajo kako prikazati HTML elemente • Slogi so dodani na HTML 4.0 s katerimi rešujemo posamezne probleme • Z CSS definiramo izgled internetne strani StyleSheets • Zunanji iz gled strani je shranjen v CSS datoteki

  34. Primeri dokumenta po slogih

  35. Primer dokumenta po slogu 2

  36. Primer dokumenta po slogu 3

  37. Primerjava HTML kode in CSS kode

  38. Primerjava kode v praksi

  39. Sintaksa CSS • Pravilo CSS ima dva glavna dela: • Izbirnik običajno HTML kot element določanja sloga. • Vsaka del je sestavljen iz posameznih vrednosti. • Osnoven je slog kot atribut, ki ga želite spremeniti. Vsaka lastnost ima vrednost.

  40. Primer CSS • Primer CSS • CSS ukaz se vedno konča s podpičjem, in nastavitvijo, ukaz so zaključene z zavitimi oklepaji: • p (Barva: rdeča; text-align: center;)

  41. CSS primer

  42. CSS za ozadje dokumenta

More Related