Kā Palielināt Attēla Izmēru Html

Satura rādītājs:

Kā Palielināt Attēla Izmēru Html
Kā Palielināt Attēla Izmēru Html

Video: Kā Palielināt Attēla Izmēru Html

Video: Kā Palielināt Attēla Izmēru Html
Video: luminous(HTML,CSS) 2024, Maijs
Anonim

Lapā parādītā attēla izmēru var mainīt, norādot tagam atbilstošos atribūtus

kas ir atbildīgs par grafikas parādīšanu HTML lapā. Palielināšana vai samazināšana tiek veikta, izmantojot platuma un augstuma atribūtus.

Kā palielināt attēla izmēru html
Kā palielināt attēla izmēru html

Ievietojiet attēlu

Pirms rediģēšanas pievienojiet lapai attēlu, norādot tagus

… Lai rediģētu HTML dokumentu, jums ir jāatver lapa jebkurā teksta redaktorā. Ar peles labo pogu noklikšķiniet uz faila un atlasiet atribūtu "Atvērt ar" - "Notepad". Varat arī norādīt jebkuru citu redaktoru, kuru jums ērtāk izmantot koda maiņai.

Atveriet dokumenta sadaļu un atrodiet tagu

… Ja attēls vēl nav pievienots lapai, ievadiet šādu kodu:

Attēla faila ceļš var būt relatīvs vai absolūts. Atribūts alt="Image" ir atbildīgs par attēla nosaukumu un paraksta pievienošanu tam, kas tiks parādīts, kad peles rādītājs būs virs attēla.

Izmēru maiņa

Lai palielinātu attēlu, iestatiet tam atbilstošos platuma un augstuma parametrus, pievienojot attēla tagam atribūtus:

Platuma parametrs atbilst attēla platumam, un augstums satur attēla augstuma indikatoru. Šajā gadījumā, atverot lapu, pārlūkprogrammas logā tiks parādīts attēls ar 300 pikseļu platumu un 350 pikseļu augstumu. Varat arī pievienot atribūtus hspace un vspace, lai mainītu lapas formatēšanas iestatījumus:

Šajā aprakstā tika norādītas attēla horizontālās (hspace) un vertikālās (vspace) piemales. Jebkurš lappusē pievienotais teksts būs izvietots 5 pikseļu attālumā no attēla horizontāli un 10 pikseļi vertikāli. Robeža atribūts ir atbildīgs par 1 pikseļu apmales izveidošanu ap attēlu.

Jāatzīmē, ka attēla lielumu var iestatīt ne tikai pikseļos, bet arī procentos attiecībā pret pārlūkprogrammas loga lielumu. Piemēram:

Šī koda darba rezultātā attēls tiks izstiepts visā loga platumā. Ir vērts atzīmēt, ka attēls šajā gadījumā var tikt sagrozīts. Palielinātais attēla displejs ir atkarīgs no paša attēla kvalitātes.

Saglabājiet veiktās izmaiņas, izmantojot loga "Notepad" funkciju "File" - "Save". Pārlūkprogrammas logā pārbaudiet attēla attēlojumu, atverot HTML failu, ar peles labo pogu noklikšķinot un izvēloties opciju "Atvērt ar". Piedāvāto opciju sarakstā atlasiet programmu, kuru izmantojat, lai pārlūkotu internetu. Varat rediģēt HTML failu vairākas reizes, lai pielāgotu attēla lielumu.

Ieteicams: