Kā izveidot lodziņu ar tekstu HTML

...

Izmantojot HTML, izveidojiet lodziņu, kurā ir teksta bloks.

Hiperteksta iezīmēšanas valoda (HTML) ir valoda, ko visbiežāk izmanto, lai izveidotu tīmekļa lapu struktūru un saturu. HTML satur plašu elementu klāstu, kas lietotājiem ļauj ģenerēt saites, attēlus, rindkopas, virsrakstus un daudz ko citu. Šie elementi tiek pievienoti lapai, izmantojot noteiktas rakstzīmju kopas, kas pazīstamas kā tagi. Kad esat sapratis nepieciešamo elementu un tagu kombināciju, teksta bloka izveide, ko ieskauj lodziņš, ir ātrs uzdevums.

1. darbība

Atveriet tīmekļa lapu, kuru vēlaties rediģēt, un skatiet tās HTML kodu. Ja izmantojat teksta redaktoru, vienkārši atveriet savu lapu programmā un ritiniet uz leju, līdz sasniedzat lapas sadaļu, kurā tiks parādīts lodziņš un teksts. Ja izmantojat vizuālu vietnes programmu, piemēram, Microsoft Expression Web vai Adobe Dreamweaver, atveriet savu lapu un pēc tam noklikšķiniet uz apgabala, kurā vēlaties pievienot lodziņu un tekstu. Pēc tam mainiet skatīšanās režīmu uz "Koda skats", lai redzētu HTML, kas kontrolē lapas darbību.

Dienas video

2. darbība

Nospiediet taustiņu "Enter", lai HTML kodā izveidotu tukšu rindiņu.

3. darbība

Kopējiet un ielīmējiet šīs trīs koda rindiņas tukšajā rindā, kas izveidota iepriekšējā darbībā:

Šeit tiek parādīts rindkopas teksta bloks

4. darbība

Ja nepieciešams, pielāgojiet iepriekšējā darbībā pievienotā koda parametrus. Mainiet platumu, apmales izmēru, apmales stilu un apmales krāsu, koda pirmajā rindā mainot vērtības "500px", "2px", "solid" un "black". Mainiet atstarpes apjomu ap tekstu, mainot vērtību "10px" koda otrajā rindā. Mainiet tekstu, kas atrodas starp atvērumu "

"un slēgšana"

" tagus, lai tie atbilstu jūsu lapas vajadzībām.

5. darbība

Saglabājiet lapu un pēc tam atveriet to tīmekļa pārlūkprogrammā. Kods, ko ievietojāt un modificējāt iepriekšējās divās darbībās, pievieno 500 pikseļu platu lodziņu ar melnu apmali, kas ieskauj rindkopas teksta bloku.