Kā Ievietot Attēlu Saitē

Satura rādītājs:

Kā Ievietot Attēlu Saitē
Kā Ievietot Attēlu Saitē

Video: Kā Ievietot Attēlu Saitē

Video: Kā Ievietot Attēlu Saitē
Video: Kā ievietot rakstu un attēlu Joomla sistēmā (1 no 2) 2024, Novembris
Anonim

HTML valodas sintakse ļauj veidot hipersaites ne tikai tekstuālas, bet arī grafiskas. Vietnes apmeklētājam šāda saite izskatās kā attēls, un, noklikšķinot uz attēla, dodaties uz citu tīmekļa lapu.

Kā ievietot attēlu saitē
Kā ievietot attēlu saitē

Instrukcijas

1. solis

Izmantojot jebkuru grafikas redaktoru, samaziniet attēlu. Tās lielums nevienā no koordinātām nedrīkst pārsniegt 200 pikseļus. Labāk, ja attēlam ir horizontāls izkārtojums. Tā var būt, piemēram, virtuāla poga, uz kuras uzraksts ir izgatavots mākslinieciskā fonā. Attēla formātam jābūt vienam no šiem: JPG, PNG, GIF. Pirmais ir vēlams fotogrāfijām, bet pārējie divi - līnijmākslai (tā ir labākā saspiešana). Noteikti saglabājiet izmaiņu rezultātu ar jaunu nosaukumu, lai nesabojātu oriģinālu.

2. solis

Augšupielādējiet attēla failu tajā serverī, kurā atrodas HTML fails. Lai veiktu šādu lejupielādi, varat izmantot tīmekļa saskarni (ja tā ir pieejama mitināšanas pakalpojumu sniedzējam) vai jebkuru FTP klienta programmu.

3. solis

Novietojiet šo koda fragmentu vēlamajā vietā HTML failā:, kur izteiksme aiz operatora "href =" ir adrese, uz kuru novirza saite, un someimage

4. solis

Dažiem lietotājiem attēlu parādīšana pārlūkprogrammā ir atspējota. Tāpēc ieteicams zem attēla ievietot paskaidrojumu, kur saite ved. Tādā gadījumā modificējiet iepriekš minēto koda fragmentu tā, lai tas izskatītos šādi:

Kukaiņu tuvplāns. Zem attēla parādīsies paskaidrojošs teksts. Noklikšķinot uz tā, jūs nokļūsiet arī saitē.

5. solis

Pēc HTML faila atjauninātās versijas augšupielādes serverī atveriet atbilstošo lapu pārlūkprogrammā un pēc tam pārliecinieties, vai attēls ir parādīts un saite ir derīga. Pārejai gar to vajadzētu notikt, noklikšķinot gan uz attēla, gan uz paskaidrojošā uzraksta, kas atrodas zem tā (ja tāds ir).

Ieteicams: