Iesācējiem: kā zīmēt tekstu ap attēlu

Datori
Notiek ielāde ...

Šajā rakstā mēs jums pastāstīsim par šīm funkcijāmHTML un CSS, kas ir saistīti ar attēliem. Jūs uzzināsiet, kā tos ievietot HTML dokumentā. Arī rakstā jūs atradīsiet informāciju par to, kā mainīt attēla parametrus un kārtot plūsmu pa attēlu ar tekstu.

Vispirms - par attēla ievietošanu. Lai to izdarītu, ir atzīme "img" ar vairākiem atribūtiem. Galvenais ir "src". Tajā tiek saglabāta adrese, no kuras pārlūkprogramma var ievietot attēlu. Jūs varat norādīt ceļu uz attēlu, kas jau ir saglabāts datorā, vai arī norādīt saiti uz tīmekļa resursu.

teksta iesaiņošana ap attēlu

Nākamais svarīgais atribūtu pāris ir "platums" un "augstums". Tie tiek izmantoti, lai manuāli mainītu attēla izmērus (noderīga iespēja attēlu izstiepšanai un saspiešanai).

Tālāk parametri "hspace" un "vspace" (attālums no attēla uz apkārtējo tekstu). Protams, "hspace" ir horizontāls ievilkums, un "vspace" ir vertikāla.

Tagā ir tādi atribūti kā "alt" un "title". Tie ir līdzīgi viens otram, jo ​​to mērķis ir aprakstīt attēlu. Bet "virsrakstā" ir teksts, kas tiek parādīts, kad novietojat peles kursoru virs attēla, un, ja attēls nav ielādēts, tiek parādīts atribūta "alt" burta vērtība.

Ir vairāki specifiski atribūtiatrodas lielākajā daļā atzīmju. Tie ir "accesskey", "class", "id" un "style". "Accesskey" norāda tastatūras īsceļu, ar kuru objektam ir piekļuve. "Klase" un "id" ir parametri, kas saistīti ar CSS. Tie apraksta, uz kuru klasi pieder attēls (vai tā identifikators). "Stils" ir teksta atribūts, kas ļauj norādīt iebūvēto CSS stila attēlu.

Viens no parametriem, kas nosaka attēla izskatu, ir "robeža". Tas nosaka rāmja biezumu ap objektu un to var norādīt jebkurš pozitīvs vesels skaitlis (pikseļos).

teksta iesaiņošana html
Nākamais atribūts ir "saskaņot".Viņš apraksta plūsmu pa attēlu ar tekstu. Šis parametrs var ņemt vērtības "apakšā", "vidējā", "kreisajā", "labajā" un "augšējā". Katra no vērtībām nosaka, kur attēls būs salīdzinājumā ar tekstu. Piemēram, ja vērtība ir "vidējā", attēla vidusne tiek izlīdzināta teksta apakšdaļā, un, kad "pa kreisi" - objekts būs redzams teksta kreisajā pusē. Bet tas ir tikai viens veids, kā iestatīt teksta plūsmu ap tekstu - HTML.

Ir vēl viens spēcīgs rīks - CSS(daudz daudzpusīgāks). To var izmantot daudz efektīvāk noteikt tagu atribūti, ieskaitot teksta plūsmu ap attēlu. CSS ļauj definēt parametrus, ne tikai konkrētu objektu, un visiem tiem, kas līdzīgi viņam. Piemēram, ja vēlaties norādīt atkāpi no visiem attēliem dokumentā ir desmit pikseļi, tas ir pietiekams, lai izveidotu savienojumu ar CSS-failu, tas ar vienu dūrienu: "img {margin: 10px 10px 10px 10px;}" (praksē pēdiņām nav nepieciešams!).

iesaiņot tekstu ar teksta css

Un plūsma ap attēlu ar tekstu, piemēram, kreisajā pusē, ir iestatīta šādi: "img {align: left;}".

Starp citu, CSS koda pievienošanai navrakstīt to failā. Lai to paveiktu, HTML nodrošina stila tagu, kurā varat ievietot CSS kodu. Bet tas darbosies tikai šim dokumentam (ja vēlaties pievienot vienu un to pašu kodu vairākiem HTML failiem, tad jums vajadzētu izveidot atsevišķu stilu lapu).

Tagad jūs varat "atšķaidīt" vietni ar attēliem,Izmantojot tagu noderīgās īpašības, kas par to ir atbildīgs. Jūtieties brīvi pielietot attēla izmēru maiņu vai teksta ietīšanu. Web lapas bez grafiskām sastāvdaļām ir diezgan blāvi redzi, vai ne?

Notiek ielāde ...
Notiek ielāde ...