1. kamerák
  2. Car Audio & Electronics
  3. Home Audio
  4. Personal Audio
  5. TV-k
  6. Okos otthon
  >> Elektronikai Technológia Online >  >> Okos otthon >> Okos élet

Képek beágyazása HTML-be a Tumblr-bejegyzéshez

A Tumblr lehetővé teszi, hogy fényképeket adjon hozzá szöveges bejegyzésekhez, akár egy képfájlt tölt fel a merevlemezről, akár közvetlenül beilleszt egy URL-t egy harmadik fél szerverén tárolt képhez a bejegyzésszerkesztő ablakba. Ha a Tumblr nem tudja megfelelően lekérni a hivatkozott képet, módosítsa a bejegyzés HTML-kódját a kép manuális beágyazásához.

Figyelmeztetés

  • A normál bejegyzésekkel ellentétben a forráskód szerkesztésével hozzáadott képeket tartalmazó szöveges bejegyzések nem jelenítik meg közvetlenül a hivatkozott képet. Ehelyett az ilyen bejegyzések egy szürke ikont jelenítenek meg, amelyre a látogatóknak kattintaniuk kell, hogy felfedjék a képet.
  • Bizonyos webhelyek aktívan megakadályozzák, hogy más webhelyek közvetlenül hivatkozzanak a szervereiken tárolt képekre – ez a gyakorlat az úgynevezett hotlinking. Ha megpróbál hivatkozást hozzáadni egy ilyen webhelyen tárolt képhez, előfordulhat, hogy a Tumblr nem tudja megjeleníteni a képet.

1. lépés

Nyissa meg a Tumblr irányítópultját és hozzon létre egy új szöveges bejegyzést a Szöveg lehetőségre kattintva ikonra.

2. lépés

Írja meg szöveges bejegyzését.

3. lépés

Váltson a Tumblr HTML-szerkesztőjére a fogaskerék megnyitásával menüt, és válassza a HTML lehetőséget a Szövegszerkesztő menüből.

4. lépés

Írja be a következő HTML-kódot arra a pontra, ahol meg szeretné jeleníteni a képet:

Cserélje ki a példa URL-t a megfelelő URL-re.

Figyelmeztetés

A bejegyzés forráskódjának szerkesztése után ne váltson vissza a rich text szerkesztőre. Ha így tesz, a Tumblr törli a beillesztett képcímkét.

5. lépés

Tegye közzé bejegyzését a Közzététel gombra kattintva gombot.


  1. Szöveg aláhúzása HTML-ben
  2. Hogyan lehet villogni a szöveget HTML-ben
  3. Hogyan készítsünk blogot HTML-ben
  4. Hogyan kell áthúzni és félkövéreket tenni a Tumblr-en
  5. A Tumblr átrendezése