Daudzi jauni izkārtojumu, vienkārši nokļūt centrā izveidot vietnes, bieži brīnums, kā HTML, lai padarītu fona attēlu.Un, ja daži no tiem var tikt galā ar šo problēmu, jums joprojām ir problēmas stiept visā platumā attēla monitorā laikā.Tajā pašā laikā es gribētu redzēt vietu, ir redzams visiem pārlūkiem, tāpēc tai ir jāatbilst prasībām krossbrauzernosti.Jūs varat iestatīt fona divos veidos: izmantojot HTML tagus un CSS stilus.Katrs pats izvēlas labāko variantu.Protams, CSS stils ir daudz ērtāk, jo kods tiek glabāti atsevišķā failā un neaizņem papildus skaļruņus galveno vietu tagiem, bet vispirms apsvērt vienkāršu metodi nosakot fona attēlu uz vietas.
pamata HTML tagus, lai radītu fonu
Tātad, iet uz jautājumu par to, kā padarīt fona attēlu html uz ekrāna.Lai izskatās skaisti vietni, jums ir nepieciešams saprast diezgan svarīgu detaļu: tas ir pietiekami vienkārši, lai veiktu gradienta fona vai vienkrāsainu gleznot, bet, ja jūs vēlaties, lai ievietotu attēlu uz fona, tas nebūs stiept pilnu platumu monitora.Attēls bija sākotnēji nepieciešams uzņemt vai izveidot savu dizainu ar šo pagarinājumu, kurā jums būs parādīt lapu.Tikai tad, kad fona attēls ir gatavs, pārvietot to uz mapi ar nosaukumu «Images».Tajā mēs glabāt visas kategorijas attēlus, animācijas un citu attēlu failus.Šī mape jābūt saknes direktorijā failu ar visu savu HTML.Tagad jūs varat pāriet uz kodu.Ir vairākas iespējas, lai reģistrētu kodu, ar kuru modelis būs bilde.
- Rakstīt atribūts tag.
- izmantojot CSS stila HTML kodu.
- Rakstiet CSS stils atsevišķā failā.
Kā HTML padarīt fona attēlu, lai jūs varētu izlemt, bet es vēlos teikt dažus vārdus par to, kā tas būtu optimālāko.Pirmā metode ir, rakstot caur tag jau sen ir novecojis.Otrā iespēja tiek izmantota ļoti reti, jo izrādās, ka daudzi to pašu kodu.Trešā iespēja ir visizplatītākais un efektīva.Lūk HTML tagu piemēri:
- Pirmā metode ierakstīt, izmantojot birku (ķermeņa) failā index.htm.Tas ir rakstīts šajā formā: (ķermeņa fona = "Nazvanie_papki / Nazvanie_kartinki.rasshirenie") (/ body).Tas ir, ja mums ir attēlu ar nosaukumu «Bilžu» un paplašināšana JPG, un mapi mēs nosaucām «Images», tad ieraksts HTML kods varētu izskatīties šādi: (ķermeņa fona = "Images / Picture.jpg") ... (/ body).
- Otrā metode ietver ierakstīšanas CSS stilu, bet ir rakstīts vienā failā ar nosaukumu index.htm.(body style = "background: url (" ../ Images / Picture.jpg ")").
- Un trešais metode ieraksts, diviem failiem.Dokumentā ar nosaukumu index.htm tag (vadītājs) ir rakstīts šādu līniju: (galvu) (link rel = "stilu" type = "text / css" href = "Put_k CSS_faylu") (/ galvas).Stils fails ar nosaukumu style.css jau rakstīt: body {background: url (attēli / Picture.jpg ")}.
Kā HTML padarīt fona attēlu, mēs apspriedām.Tagad jums ir nepieciešams, lai noskaidrotu, kā stiept attēlu pāri platumā visu ekrānu.
metodes stiepjas tapetes uz platumu loga
iedomāties savu ekrāna procentu veidā.Izrādās, ka viss garums un platums ekrāna būs 100% x 100%.Mums ir nepieciešams, lai izstieptu attēlu uz šo platumu.Pievienot ierakstīt attēlus style.css failu līniju, kas būs stiept attēlu visā platumā un garumā monitora.Kā tas ir rakstīts jūsu CSS stilu?Tas ir vienkārši!
ķermenis
{
fons: url (attēli / Picture.jpg ")
background-size: 100%;/ * Šis amats ir piemērota lielākajai daļai mūsdienu pārlūkprogrammām * /
}
Tātad mēs izpētījuši, kā padarīt attēlu fona html uz ekrāna.Ir metode ierakstīt failā index.htm.Lai gan šo metodi un novecojušas, bet iesācējiem tas ir nepieciešams zināt un saprast.Tag (galva) (stils) div {background-size: segumu;} (/ Style) (/ galva), šis ieraksts nozīmē, ka mēs piešķirt īpašu vienību fona, kas tiks novietots visā platumā loga.Mēs esam apsvēruši divus veidus, kā padarīt vietni fona attēlu HTML, attēls tiek izstiepts uz pilnu platumu ekrāna jebkurā no mūsdienu pārlūkprogrammām.
Kā veikt noteiktu fona
Ja jūs izvēlēsieties izmantot attēlu kā fonu nākotni interneta resurss, tad jums ir nepieciešams zināt, kā padarīt to nosaka, lai tas nav stiept garumā un nav sabojāt estētisko izskatu.Vienkārši izmantojot HTML kodu, lai reģistrētu nelielu papildinājumu.Jums ir nepieciešams, lai style.css failu pievienot vienu teikumu pēc fonā: url (images / Picture.jpg ") noteikta;vai vietā pievieno pēc semikols atsevišķā rindā - pozīcijas: fiksēts.Tādējādi, jūsu tapetes tiks fiksēts.Laikā ritināšanu saturu vietnes, jūs redzēsiet, ka teksta rindas kustas, bet fons paliek savā vietā.Tātad jūs esat iemācījušies, kā HTML, lai padarītu fona attēlu, vairākos veidos.
strādāt ar tabulām HTML
Daudzi nepieredzējušiem web izstrādātājiem, saskaroties ar galdiem un vienībām, bieži vien nesaprot, kā HTML, lai padarītu galda fona attēlu.Tāpat kā visas komandas HTML un CSS stilus, valoda web programmēšana ir pavisam vienkārši.Un šīs problēmas risinājums ir rakstīt pāris koda rindiņas.Jūs jau zināt, ka rakstot tabulu rindas un kolonnas, attiecīgi, par ko liecina tagiem (TR) un (TD).Lai fonu tabulas veidā attēlu, ir nepieciešams pievienot birku (tabula), (TR) vai (TD) vienkāršu frāzi ar atsauci uz attēla: fona = URL attēla.Skaidrības labad, mēs dodam dažus piemērus.
galdi ar attēla fonu, nevis: HTML piemēri
izdarīt 2x3 galdu un padara to fona attēls glabājas mapē "Images": (galda fona = "images / Picture.jpg") (tr) (TD)1 (/ TD) (TD) 2 (/ TD) (TD) 3) (/ TD) (/ tr) (tr) (TD) 4 (/ TD) (TD) 5 (/ TD) (TD) 6 (/ td) (/ tr) (/ tabula).Tātad mūsu galda tiks noformēti fona attēlu.
Tagad izdarīt pats plate izmēru 2x3, bet Ievietojot attēlu kolonnas numuru 1, 4., 5. un 6. (tabula) (TR) (TD fona = "Attēlu / Picture.jpg") 1 (/ td)(TD) 2 (/ td) (TD) 3 (/ td) (/ tr) (tr) (td background = "images / Picture.jpg") 4 (/ td) (TD fona = "Images / Picture.jpg") 5 (/ TD) (td background =" images / Picture.jpg ") 6 (/ TD), (/ TR) (/ tabula).Pēc skatoties var redzēt, ka fona parādās tikai tajās šūnās, kurās esam reģistrējuši, bet ne visu tabulu.
Cross-pārlūks vietne
Ir tāda lieta kā pārrobežu pārlūku saderību interneta resurss.Tas nozīmē, ka lapas vietā būs vienlīdz labi redzams dažāda veida un versijas pārlūkiem.Tas būtu HTML kods un CSS pielāgot stilu prasīto pārlūkprogrammām.Turklāt mūsdienu laikmetā viedtālruņiem, daudzi web izstrādātāji cenšas izveidot vietnes, kas ir pielāgotas un mobilā versija datora un izskatu.
