Hogyan adjunk egy képet a webhely grafikus

Ebben a fejezetben fogok beszélni, hogyan kell hozzá, hogy mi az oldal grafika, mint a fénykép vagy rajz, valamint hogy mit kaphat velük egy javasolt címke készlet html nyelv.

Megvan az átlagos kép, ami valahol a merevlemezen. det másolás és beillesztés a mappában (könyvtár), ahol az üres oldalakat a jövőben is, hogy ott van, ahol a menteni egy jegyzettömb html dokumentum. Szóval, itt van, hogy most tegye be oldalunkat szükséges adja meg az utat.

Íme:

Amennyiben foto.jpg a neve a kép ebben az esetben, mivel a fénykép mellett a html dokumentum, ahogy azt mi nem adjuk meg.

Igen, emlékszem tag Ez nem igényel záró tag!

Most néhány példát, ahol az út:

- Ez a bejegyzés azt jelenti, hogy a könyvtár, ahol a html dokumentum myfoto mappát, amelyben a fájl található foto.jpg
- Tehát dokumentum mellett található myfoto mappában van egy másik mappa neve grafika, és a már szükségessé számunkra foto.JPG kívánt fénykép feküdt ki, hogy mindenki láthassa.
- Ez azt jelenti, hogy a kép kerül a szinten a fenti dokumentumot
- Így szerint két szinttel magasabb, mint tette ../ így és mászni.

Azt is meg egy helyet képek, lásd az adott online forrás

Nos, nézzük meg, hogy fel képeket.

Helló világ.

A nevem Carlson! Inkább kövérkés ember - ez az első oldal! Itt szeretném megtalálni az új barátok, járni együtt a tetőn! Én nagyon tetszik vareno. Azt várom, hogy a meghívás tea. Lefekszem.

Amint látható, ebben a példában a kép jelent meg, de az ő megjelenése eltolódik a szöveg, és nem akarjuk, hogy ..

Beszéljünk a kép helye a szövegben.

Mint más címkék is megvan a saját attribútumokat. már ismerős számunkra align attribútum „kiigazítása” alkalmazható erre a címkére

- fotó a bal oldalon a szöveg
- fotó jobb a szöveg
- A fenti szöveg a fotó
- alatti szöveget fotó
- Nos, és ennek megfelelően a szöveg közepén

Amellett, hogy összehangolják tag Ez számos attribútumok, de először neked egy kicsit a pixel. Pixel (dot), akkor valószínűleg hallott ezt a szót, és úgy gondolja, a nagy részét az emberek, akik kezében egy egér a kezükben tudják, mi az, de akkor is. A pixel az elemi elválaszthatatlan egységet a kép. Minden képpont a koordinátái, például a bal felső pixel a képernyőn koordinátái x = 1, y = 1, míg a jobb alsó függően a képernyő felbontását. X = 800, y = 600 - van, illetve egy felbontása 800 600 pixel. Azonban ez az információ hasznos a számunkra, és most meg kell értenünk, hogy minden távolságot mérik pixel grafikus képeket. mindaddig képet 800 pixel és 600 pixel szélességű említett felbontás kitölti a teljes képernyőt.

- VSpace attribútum meghatározza a függőleges távolság a minta a szöveget, ebben az esetben állítsa be a parttól 15 pixel
- A vízszintes távolság, illetve
- A szélessége a képet közvetlenül
- A kép magasságát. Ha a szélesség és magasság attribútumokat nem használja, a szélessége és magassága a kép alapértelmezés szerint megegyezik a valós méretű, torzítás nélkül.
- Border, keret a kép körül és annak vastagsága pixelben.
- bordercolor - a szín a keret.
-Alt attribútum - egy leírást a képet. Ha lebeg a kurzort a képet, és tartsa ott egy pár másodpercig, hogy kiugrik a felirat Ez az én fotó.
- alt alternatív ebben az esetben.

Az állókép is, hogy az oldal háttérben. Ehhez használja a háttérben attribútum a „háttér” nyitó címke

Azt tanácsolom, hogy önállóan gyakorolni elhelyezésével képek az oldalon. Azt, hogy a méret, pozíció, különféle kombinációi szöveg, padding, határok. A vonat!

A nevem Carlson! Inkább kövérkés ember - ez az első oldal! Itt szeretném megtalálni az új barátok, járni együtt a tetőn! Én nagyon tetszik vareno. Azt várom, hogy a meghívás tea. Lefekszem.

Az egyetlen dolog, amit ebben a példában nem annyira ismerik ezt a feliratot - - ez az úgynevezett helyettesítő karakter, ebben az esetben - a teret. Speciális karakterek és kinevezésük elmondom részletesebben egy külön fejezetben.

Őszintén szólva, én a példa nem sok íze, hanyag valahogy. De a cél az, hogy megmutassa, mit lehet csinálni a képek azt hiszem elérni ..

Segítségével grafika, legyen óvatos. nem szükséges elhelyezni az oldalon, több súlyt megabyte kép, sajnálom az időt és pénzt az oldal látogatói. A nagy mennyiségű grafika alacsony sebesség az internet vezethet az a tény, hogy a látogató bezárja az oldalt tovább, amíg betöltődik.

Ne feledje, hogy vannak olyan felhasználók, akik szándékosan kikapcsolja a betöltését képeket a böngészőjében, annak érdekében, hogy mentse a sávszélesség és az alábbiakat javasolja tippeket ezeket a dolgokat:

Ha a rajzok szolgálnak gombok (lásd. Fejezet hivatkozások). biztos, hogy aláírja (alt attribútum), például: „Menj a főoldalra” vagy a „Download”, így az emberek a grafika kikapcsolt valahogy koncentrálni az oldalon.

A kép a háttérben dokumentum ismétlődő oo háttér töltse mi vagy megfelelő a háttér színe (bgcolor attribútum a tag )

így például:

Ez azt jelenti, hogy ha például nem indul el ínyenc zöld textúra, háttér éppen zöld - melyik a jobb, hanem a fehér szín a teljes site design döntést.