whycomputer.com >> Počítačové znalosti >  >> Software

Jak obalit textem obrázek pomocí HTML nebo CSS

Obalení textu kolem obrázku pomocí HTML nebo CSS

Když na webové stránce vložíte obrázek, výchozí nastavení ho umístí nad nebo pod okolní text, což zanechává prázdný prostor vlevo a vpravo. Výsledkem je neefektivní využití místa a obrázek působí odděleně od textu. Pomocí HTML nebo CSS můžete určit umístění obrázku tak, aby se text obtékal kolem jeho okrajů.

HTML

Krok 1

Otevřete soubor s HTML v textovém editoru a umístěte kurzor do tagu <img>. Přidejte atribut align= a otevřete uvozovky.

Krok 2

Do uvozovek zadejte jednu z hodnot right, left, middle, top nebo bottom, čímž určíte, kde se obrázek objeví vzhledem k textu. top umístí text k hornímu okraji obrázku, middle do středu a bottom k dolnímu okraji. Hodnota right umístí obrázek vpravo a text bude vlevo, left naopak. Po úpravě soubor uložte.

CSS

Krok 1

V tagu <img> přidejte atribut style= s uvozovkami před koncovou závorku.

Krok 2

Do uvozovek vložte deklaraci float: a zvolte hodnotu left nebo right. Hodnota left umístí obrázek vlevo a text se bude obtékat zprava; right obrázek umístí vpravo a text bude vlevo. Soubor následně uložte.


URL:https://cs.whycomputer.com/Software/100104875.html

Software
  • Jak vytvořit GIF v CorelDRAWu – krok za krokem

    CorelDRAW je oblíbený grafický program používaný v médiích, reklamě i na webu. Exportovat GIF z CorelDRAWu může být zdlouhavé, ale následující postup vám ukáže, jak to provést v nejnovějších verzích. Krok 1 – Otevření souboru a výběr oblasti Spusťte CorelDRAW a otevřete dokument, který chcete převés

  • Jak vytvořit sloupce v aplikaci Word

    Při tvorbě newsletteru nebo brožury může dlouhý blok textu působit nudně a obtížně čitelně. Lepší je rozdělit text do úsporných a vizuálně přitažlivých sloupců. Microsoft Word nabízí funkci, která umožňuje vytvořit rovnoměrné sloupce s mezerou nebo tenkou svislou čárou – ideální pro vzhled novin. Kr

Počítačové znalosti © https://cs.whycomputer.com