Počítače - HTML  -  Vkládání obrázků, komentářů , vodorovných čar

Vkládání obrázků, komentářů , vodorovných čar

Obrázky jsou neodmyslitelnou součástí webových stránek. Je třeba ale věnovat pozornost zejména jejich velikosti. Při velkém objemu dat, by se vaše stránka načítala neúměrně dlouho a návštěvník by mohl raději odejít, než aby čekal.

Pro www stránky jsou nejvhodnější komprimované formáty, jako JPG a GIF . Velikosti obrázků by se měly pohybovat zhruba v celkovém objemu ideálně do 800kB, i když pravdou je, přenosové rychlosti stále rostou, což umožňuje vyšší objemy dat na stránkách .

Obrázek vložíte na stránku takto:


umístěte kurzor do místa v textu (kódu) vaší stránky , kde chcete aby se obrázek zobrazil a zapište :
<img src="obrázek.url" alt="alternativní text" title="popisek obr.">

obrázek.url - je název souboru s celou cestou k němu. Pokud je umístěn ve stejném adresáři jako vaše stránka, stačí zadat jen jeho název.

alternativní text - se zobrazí v případě, že se obrázek z nějakého důvodu nenačte.
title - popisek obrázku, který se zobrazí po najetí myší nad obrázek (nepov.parametr)

Zarovnání obrázku

Zarovnání obrázku zajistíme připsáním stylu zarovnání "align" :

<img align="right" src="obrázek.url" alt="alternativní text">

center - na střed
right - zarovnání vpravo
left - zarovnání vlevo


Vkládání komentářů

Komentáře jsou užitečným pomocníkem, který vám usnadní pozdější orientaci v HTML kódu. Komentář je text v kódu, který slouží pouze pro potřeby tvůrce stránek, počítač jej přehlíží a nebude ani zobrazen na samotné webové stránce.

Kometář vložíte na libolné místo kódu stránky takto :

<!-- zde nějaká poznámka, pomocný text -->

Vložení vodorovné čáry

Vodorovná linka se používá většinou k oddělení jednotlivých funkčních, nebo obsahových částí stránky. Na místo, kde se má linka nacházet, vložte kód : <hr>

Příklad:

Vložení další mezery

Jak již bylo dříve popsáno, pokud v kódu stránky vložíte do textu více než jednu mezeru za sebou, počítač vezme v úvahu pouze jedinou a ostatní přehlíží. Pokud se tedy nevyhnete vkládání dalších mezer do vašeho textu, je třeba ji na místo vložit jako entitu (náhradní označení), která se po zobrazení stránky prohlížečem převede na jednu prázdnou nedělitelnou mezeru : &nbsp;

Tip
Učte se pracovat s počítačem - V sekci Počítače najdete mnoho zajímavých informací k ovládání počítače nejen pro začátečníky + minikurz Wordu , Excelu a Internetu.
Vložit nový inzerát Inzerce zdarma:
Kávovar
Kávovar v záruce na mletou kávu - presso. PC 3 000 NC 1000 Kč. Nevhodný dárek. ...
Zvuk.aparát - končím
1 x Mix Belinger Xenyx 1832 FX 2 x Dexon BC 1000A ( aktivní ) a 200 W 2 x Dexo ...
foto k inzerci Available Yamaha Tyros 5, Pioneer D
We are a large musical instrument trading company, who enjoyed good reputation f ...
Daruji chov morcatek
Daruji zdrava,dospela morcatka. I na zkrm hadovi. Plzen. ...
JEŘÁBNÍK A ŘIDIČ VZV
Do logistiky ve dvousměnném provozu hledám jeřábníky a řidiče vzv. Nutný průkaz ...
foto k inzerci ELEKTROMECHANIK
Hledám šikovné elektromecaniky či elektromechaničky pro přípravu a rozvod kabelá ...
Prodam Apple Iphone SE 2016
Plne funkcni,neposkozeny mobil zlate barvy na jednu sim kartu vcetne nabijecky. ...
foto k inzerci Zahradní nábytek z dubu
Dobrý den, Vyrábím masivní zahradní nábytek na zakázku sestávající ze stolu a 4 ...
Copyright © 2008 - 2020   Plzenak.cz
Všechna práva vyhrazena , kopírování a další užití zveřejněných materiálů je možné pouze se souhlasem redakce :   Kontakt  
Hledat na internetu

Hlavní strana | Inzerce | Počítače | Hudba | Kontakt