1 / 6

Základní škola a mateřská škola Bzenec

Základní škola a mateřská škola Bzenec. Číslo projektu: CZ.1.07/1.4.00/21.2769. Číslo a název šablony klíčové aktivity: III/2: využívání ICT – inovace. Vypracoval/a: Mgr. Jana Presová Ověřil/a: Mgr. Jana Presová. Název výukového materiálu: Vyváříme www stránky

romney
Download Presentation

Základní škola a mateřská škola Bzenec

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. Základní škola a mateřská škola Bzenec Číslo projektu: CZ.1.07/1.4.00/21.2769 Číslo a název šablony klíčové aktivity: III/2: využívání ICT – inovace Vypracoval/a: Mgr. Jana Presová Ověřil/a: Mgr. Jana Presová

  2. Název výukového materiálu: Vyváříme www stránky Vzdělávací obor: výpočetní technika Tematický okruh: tvorba jednoduché webové stránky Téma: IV. Formátování jednotlivých odstavců a bloků Stručná anotace: Prezentace shrnující zásady při různém formátování jednotlivých odstavců a bloků textu – každý jiný vzhled (pomocí stylů v <body>).

  3. Základní struktura: <html> <head> <title>pokusy s formátováním</title> <styletype=„text/css“> … nastavení formátů </style> </head> <body> … obsah webové stránky (co se na ní objeví) </body> </html>

  4. Formátování odstavce … <p> a </p> 1. nastavení formátu můžeme přidat do stylu v hlavičce (všechny odstavce budou stejné) 2. my však můžeme nastavit i různé formáty k jednotlivým odstavcům v textu, každý odstavec tak pak může vypadat úplně jinak!!! např.: <pstyle=„color:lime;text-align:center“>text upraveného odstavce</p>

  5. v <body> to pak může vypadat takto: <body> <p>První odstavec – text je úplně obyčejný – nezformátovaný. P.S. Pokud není nějaký formát pro odstavce nastaven ve stylu!</p> <pstyle=„font-size:30px;text-decoration:underline“> Druhý odstavec má nastavenou jinou velikost písma a je podtržený.</p> <pstyle=„color:lime;font-family:Candara“>Třetí odstavec má nastavenou jinou barvu písma a jiný typ (font) písma.</p> </body>

  6. Formátováníčásti textu - bloky chceme-li zformátovat jen část textu (slovo, jednu větu v odstavci, …), budeme postupovat podobně jako u formátování odstavů, ale použijeme k tomu jiný tag <span> … začátek bloku (části textu) </span> … konec bloku nastavení jiného formátu v odstavci může vypadat takto: <p>Odstavec, ve kterém budou například <spanstyle= „color:Aqua;font-size:20px“>tyto slova</span> zformátovány jiným způsobem.</p>

More Related