/ / Vytvořte procházení HTML

Vytvořte procházení HTML

Chcete-li vytvořit linku procházení, má kód HTMLuzavírací značka . Může obsahovat nejen text, ale i další prvky: tabulky, obrázky, formuláře a podobně. Pomocí atributů je nastaveno nejen horizontální pohyb, ale i vertikální. U druhého musíte zadat výšku pole.

Je zajímavé, že zpočátku onbyl vytvořen v prohlížeči Internet Explorer a ostatní se ho naučili později pochopit. Ačkoli se to obvykle děje naopak, a to je prohlížeč od společnosti Microsoft, který vždy působí jako zaostávající a vytváří pro programátory spoustu problémů.

HTML kód

Relevance

- značka plovoucí čáry v HTML. Podporuje ji všechny aktuální verze prohlížečů. V tomto ohledu neexistují žádné problémy a můžete je bezpečně používat.

Z hlediska sémantiky je však považována za zastaralou a již není zahrnuta do specifikace HTML. Kód, který obsahuje tuto značku, tedy neprojde ověření.

Jaký je důvod pro to?V moderním HTML není běžící text, protože veškerá animace a styling se provádí pomocí CSS. Někdy musíte použít JS. Proto je HTML zodpovědný pouze za značku. Nicméně bude fungovat dobře díky zachované kompatibilitě se staršími verzemi.

Syntaxe

V HTML je plovoucí čára určena závěrečnou značkou:

 ...  

Uvnitř může být umístěn nejen text, ale i další prvky, například fotografie nebo tabulky. Připomeňme, že tento kód i když je pracovníkem, neprojde platnost.

Plazivá čára

Rychlost posouvání

Řídicí linku můžete ovládat v HTML pomocí atributů. Rychlost pohybu je nastavena pomocí atributu scrollamount. Bude to vypadat takto:

 nějaký text   

Изменение скорости происходит за счет постоянного Odebrat informace o poloze textu a zobrazit ji na novém místě. Při změně hodnoty v atributu nastavíme počet pixelů mezi starou a novou. Proto čím je hodnota vyšší, tím rychlejší je rychlost. Tento atribut podporuje všechny prohlížeče.

Pokud je rychlost posunu příliš vysoká,bude automaticky zahrnuto omezení, které zajistí, že text zůstane čitelný. Pokud potřebujete obejít toto omezení, zadejte atribut truespeed. Všimněte si, že ne všechny verze prohlížečů to pochopí. Práce s ním může IE a Firefox.

Zpoždění mezi rolovacím textem lze nastavit pomocí atributu scrolldelay.

Pohyblivé pole

Šířka značky trvá celou šířku rodičeprvku. A výška bude rovna obsahu uvnitř. Chcete-li toto změnit, musíte použít dva atributy, které odpovídají výšce a šířce. To je výška a šířka. Můžete použít pixely nebo procenta.

Také existují dva další atributy, jmenovitě hspace avspace. Jsou nutné vytvořit prázdný prostor kolem běžící čáry, nebo spíše - odsazení. Vzdálenost je nastavena odpovídajícím způsobem vodorovně a svisle.

Parametry pohybu

Kromě rychlosti můžete nastavit dalšíparametry pohybu. Atribut směru je zodpovědný za směr pohybu. Ve výchozím nastavení se text pohybuje zprava doleva. Tento pohyb odpovídá hodnotě vpravo. Chcete-li, aby se text pohyboval v opačném směru, stačí zadat doleva a bude vypadat takto:

 ...  

Kromě horizontálního posouvání můžete určit vertikální. Chcete-li obsah posunout nahoru, použijte hodnotu nahoru a pro pohyb dolů použijte dolů.

Pro změnu charakteru hnutí existují ještě dva dalšízajímavý a užitečný atribut. Můžete nastavit počet svitků, po kterém se obsah zastaví v krajní poloze a nebude se pohybovat. Tato vlastnost odpovídá atributu smyčky. Výchozí hodnota je -1. Pokud vložíte 0, text se vůbec nepohne. Celočíselné hodnoty nad 0 spustí počitadlo.

Rozsáhlejší atribut je chování.On je zodpovědný za způsob, jakým je obsah přesunut. Výchozí hodnota je posouvat. To znamená, že obsah se bude pohybovat daným směrem a poté, co je zcela skrytý, začne jeho pohyb znovu.

Pokud je obsah nízký, můžete tento atribut nastavitalternativní hodnota. Po dosažení extrémního bodu se obsah začne pohybovat v opačném směru. A tak nekonečný počet případů, pokud není nastaven počitadlo.

Poslední hodnota je snímek. Řekne obsahu, aby skončil a zastavil se.

HTML pro značkování, CSS pro styly

Styly

Značka obsahuje atribut bgcolor, který umožňuje nastavit barvu pozadí řádku. Ve výchozím nastavení je totožná se stránkou.

HTML nestačí k vytvoření krásné běžící čáry. Musíte používat styly. Pokud například chceme, aby text byl krásnější:

 Running line  

Aplikace

Existuje mnoho způsobů, jak používat běžící linku.Můžete jednoduše použít běžící text, abyste získali pozornost. Je možné provést podobnost s informátorem a přizpůsobit velkou část textu. Můžete také vložit řadu snímků, které se budou pohybovat hladce. Tímto způsobem můžete zobrazit více obsahu.

Plazivá čára v kódu HTML vám pomůže vytvořit jednoduchou animaci, pokud použijete animovaný obrázek, například spuštěnou osobu.

V běžícím řádku je k dispozici nejen text.

Výsledky

Vyřešili jsme, jak vytvořit běhový řádek v jazyce HTML.Jedná se o poměrně jednoduchou metodu, kterou lze snadno naučit. Je však zastaralá a neprojde validací. Nedostal jsem další vývoj a podporu, což může způsobit problémy při práci v různých prohlížečích.

CSS je lepší pro animaci.

Nedoporučujeme jej používat.Chcete-li vytvořit běhový řádek nebo spíše animaci obecně, CSS3 získal jedinečné pravidlo @keyframes. Umožňuje vytvářet sekvenční rámce animace. A animační vlastnost již určuje tok této animace. Tato sada nástrojů poskytuje mnohem více funkcí než zastaralá značka . Je to také mnohem pohodlnější a nejdůležitější je to, o čem mnoho let usilují: vyčistit HTML z nepotřebných odpadků a učinit je čitelnější a strukturovanější.

Líbí se:
0
© 2018, "Paulturner-Mitchell.com". Použití všech materiálů zveřejněných na webu je povoleno za předpokladu, že odkaz na "Paulturner-Mitchell.com".
jo