Rokasgrāmata par HTML fona attēla izveidošanu iesācējiem
Vai esat kādreiz izveidojis HTML skriptu? Parasti šis skripts ir ļoti nepieciešams, ja vēlaties izveidot vietni. Tā kā HTML skripti var pielāgot vietnes izskatu.
Tāpēc jums vajadzētu labi izpētīt HTML skriptus, ja vēlaties izveidot vietni ar savu dizainu un pēc tam to mitināt.
Tāds, kas vietnei liek izskatītiesinteresanti ir fona esamība tīmekļa vietnē. Tāpēc šajā rakstā es paskaidrošu, kā izveidot fona attēlu, izmantojot HTML.
Kā izveidot fona attēlu HTML formātā
Ir vairāki veidi, kā izveidot fona attēlu, izmantojot HTML. Daži izmanto CSS, tas tiek izpūstas tieši HTML skriptos un citi.
Apmācība par fona izveidi arizmantojot CSS, mums ir nepieciešams CSS īpašums, kas ir fona attēls, un īpašuma iekšienē tam ir vērtība vai walue, kas ir url (nama_gambar.format). Tas ir, vietrāžā URL () ir attēla saites un URL saturs, kā arī attēla nosaukums un formāts.
Piemērs ir, ja jums ir attēls ar nosaukumu bunga.png un fails joprojām atrodas vienā HTML skripta mapē, tad fona attēla vērtību var aizpildīt ar URL (bunga.png).
Bet, ja attēla fails joprojām atrodascitā mapē vai arī tajā pašā mapē, kurā nav HTML skripta, vērtībai utl () ir papildinājums. Piemēram, ja attēls atrodas mapē fons, fona attēla vērtība ir url (background / bunga.png).
Tas ir neliels fona attēla īpašību skaidrojums, un tālāk ir minēti daži veidi, kā izveidot fona attēlu, izmantojot HTML.
1. Pirmais ceļš
Pirmais veids ir tāds, ka jūs varat padarīt fona attēlu tieši ievietotu galvas tagā un marķēt arī ar stila tagu.
Skripts ir uzrakstīts šādi:
body {
background-image : url("abstract.jpeg"), url ("bunga.jpeg");
background-color : #cccccc;
}
Pēc tam jūs varat palaist skriptu iepriekš, dodoties uz izvēlni Skrien un noklikšķiniet uz Palaidiet pārlūkā Chrome.
2. Otrais ceļš
Otrais veids ir gandrīz tāds patspirmais. Vispirms HTML skriptā jāievada nepieciešamais tags. Pēc tam, lai parādītu fonu, zemāk varat ierakstīt skriptu.
body {
background-image : url ("paper.jpg");
background-color : #cccccc;
}Jums ir jāievada skripts stila tagā.
3. Trešais ceļš
Šajā trešajā metodē ievietojiet fonuizmantojot CSS. kā paskaidrots iepriekš, veidojot CSS, stila tagam ir jāizmanto tipa rekvizīts. Šeit tipam jāizmanto teksts / css, kā parādīts zemāk.
Tad jūs varat ierakstīt šo skriptu stila tagā:
<style type = "text/css">
#main {
background-image : url ('bunga.jpg');
height : 600px;
width : 800px;
}
</style>
Pēc skripta ierakstīšanas div tagu visām ķermeņa daļām jums jāiekļauj id, ierakstot <div id = "play">.
4. Ceturtais ceļš
Lai izveidotu fona attēlu, izmantojot HTML, varat to izveidot arī ierakstot fonu tagl teksta iekšpusē. Šis skripts:
<body background = "bunga.jpg">
5. Piektā metode
Piektais veids ir tas, ka jūs to varat iestatīt ar dažādiem atribūtiem. Šo skriptu var ierakstīt HTML failā.
<style>
body{
background-image:url(bunga.jpg);
background-size:cover;
background-attachment: fixed; }
p{ color:white; }
</style>
Tādējādi apmācība vai procedūra fona attēla izveidošanai HTML formātā. Cerams, ka ar šo rakstu jūs varēsit pievienot savu ieskatu.
