Vet du hvordan du plasserer et bilde i HTML? I den neste artikkelen vil vi lære deg alt du trenger å vite om?hvordan sette et bakgrunnsbilde i HTML?.
Hvordan sette et bakgrunnsbilde i HTML?
For å vite hvordan du legger et bakgrunnsbilde i HTML, må vi være klar over hva dette betyr; En HTML, dette er et programmeringsspråk som brukes til å lage innhold på websider. Dette resulterer i at visningen av siden er attraktiv for publikum, gitt en rekke etiketter der du kan konfigurere, fonter, bilder, videoer, blant annet, det er i utgangspunktet det som gir moderatoren muligheten til å redigere siden etter eget ønske.
HTML ble opprettet i 1980 av fysikeren Tim Berners-Lee, som foreslo en ny form for "hypertekst" for organisasjonen der han jobbet. Disse hypertekstene hadde blitt sett lenge før; som brukes til å dele og få tilgang til dokumenter.
Tim Berners-Lee slo seg sammen med en erfaren systemingeniør ved navn Robert Cailliau som han var i stand til å fullføre forslaget hans med som heter “Worldwideweb”, og de ble ledet til å presentere det i en samtale, som de vant.
Etter dette var det mange lignende forslag, i 1991 ble det første dokumentet publisert under navnet "HTML -tags", som den dag i dag kan søkes på nettet som en antikk i databehandlingsverdenen.
I 1993 var HTML allerede mye brukt, noen organisasjoner ga ut sine versjoner og foreslo at de skulle fikses som et standardelement, men ingen av disse ble ansett som et alternativ. For denne gangen ble tabellene, etikettene og skjemaene som ble brukt i lang tid innhentet.
Når det gjelder bakgrunnsbilder, kan det kobles sammen, basert på presentasjonen, så det er rasjonelt å bruke CSS for å kunne konstituere det riktig, på samme måte som vi skal snakke om dette senere.
Vil du se en detaljert opplæring om hvordan du legger et bakgrunnsbilde i HTML? Vi inviterer deg til å besøke følgende video:
Plasser en bakgrunn på en webside
Det første er å bruke bakgrunnsattributtet i "Body" -taggen, dette får filnavnet vi vil bruke som bakgrunn. Det kan være at denne filen ligger i en annen katalog enn websiden. Hvis dette er tilfellet, må vi omskrive banen til filen, det er her det er veldig viktig å ta hensyn til at du alltid vil trenge å bruke en path.html relatert til filen, for eksempel: "bakgrunn = fondo.gif".
Dette gjør at banen lett kan lokaliseres i tilfelle du ønsker å endre den, og det vi oppnår er at filen vår kan vises i bakgrunnen på websiden, det er normalt at bildet i begynnelsen vises i form av en mosaikk, på samme måte som dette kan redigeres.
Bakgrunn i andre elementer
Bakgrunnen kan vises i forskjellige elementer, for eksempel tabeller og celler, og det er enkelt å leke med dem. For å oppnå dette bruker vi det samme bakgrunnsattributtet igjen, vi trenger bare å ha andre tagger, for eksempel: "tabellbakgrunn = bakgrunn.gif" eller "td bakgrunn = bakgrunn.gif".
Disse elementene, pluss utformingen av nettsiden, er det som gjorde det mulig å plassere bakgrunnen før CSS -språket dukket opp og ble kjent, noe som gjorde det mer praktisk å plassere bakgrunnen og redigere websiden.
Tips
Folk som har et domene vil at når de oppretter nettstedet sitt og personliggjør det, er det så estetisk som mulig i henhold til det aktuelle temaet. Her kan vi gi deg viktige og nødvendige råd om bruk av midler på nettsider.
Plasser en bakgrunn av fargen som ligner på bildet
Det er viktig å merke seg at når du plasserer en bakgrunn på et nettsted, er det nødvendig å ha bgcolor -attributtet, som lar deg velge en bakgrunn av fargen som kan stå i kontrast med den dominerende som vi for øyeblikket holder i mosaikk.
De fleste av oss har noen gang hatt tilgang til nettsider der det ikke vises noe bilde eller tekst når du laster det, og når bakgrunnen er riktig lastet, kan vi se at det var noe skrevet. Dette skjer fordi fargene ikke står i kontrast, men beholder standarden.
Et klart eksempel er når bakgrunnsbildet er en mørk farge og teksten er hvit, dette vil ikke tillate teksten å bli sett før du laster inn bildet, noe som kan være upraktisk når det er en feil på siden og bakgrunnen ikke kan lastes inn , blir teksten ikke synlig.
Bakgrunner med et homogent fargebilde
Det anbefales at når vi bruker bildebakgrunner, har de samme fargepalett, det vil si at når bildet har to eller flere farger, må vi vite hvordan vi velger fargen på teksten godt, slik at den ikke blander seg med bakgrunnen og derfor kan ikke visualiseres.
Det er viktig å ha et rent fargespekter hvor alt kan settes pris på uten problemer. Vi foreslår planlegging og valg av en fargepalett tidligere, på denne måten slipper du å måtte redigere nettstedet igjen og igjen, slik at du nøye kan observere estetikken til siden.
Lag en stor nok bakgrunn
Størrelsen på filen vi bruker er veldig signifikant for arbeidet og presentasjonen av siden, det er sannsynlig at hvis vi velger en liten bakgrunn, vil datamaskinen fungere for mye, og gjenta mosaikken tusenvis av ganger langs skjermen, noe som ikke er veldig hyggelig heller. i sikte (på samme måte vil dette avhenge av smak). På den annen side, ved å velge en større bakgrunn, vil datamaskinen kunne fungere mindre når du laster inn bildene, noe som blir lettere for forbrukeren og moderatoren.
Lesbare tekster
Midlene kan virke mot deg når de hindrer utsikten mot informasjonen; Det er ganske vanlig at slike feil oppstår. For å unngå dette må fargenes struktur være ordentlig organisert.
Fargekombinasjonene og en hyggelig bakgrunn vil gi et attraktivt og funksjonelt inntrykk av siden din, fordi den ikke bare vil se bra ut, men også at informasjon som forbrukeren er så interessert i, kan leses.
Vi må vite hvordan vi skal ta en god beslutning når vi velger farger, siden noen av de vi valgte kan oppnå oppgaven med å kontrastere, men det er faktoren som gjør det enkelt å lese, og veldig sterke farger kan ikke oppnå det. .
Forsiktig med forskjellige skjermdefinisjoner
Når en besøkende får tilgang til en side, er det viktig å ha visning av den variable vindusstørrelsen; bunnen kan gi problemer med å tilpasse seg. Dette kan skyldes at når du bruker en bakgrunn, kan du se dimensjonene som reduseres, og konsekvensen er at en person med avanserte dimensjoner ikke kan se siden riktig.
Avslutningsvis er det nødvendig å være forsiktig med hva vi velger, dette kan favorisere oss eller gjøre det motsatte. Nå som vi forstår hva vi må ta hensyn til når vi velger og bruker bakgrunnen vår på nettstedet, kan vi få flere besøkende til siden hvis vi ønsker det, og tilby dem funksjonalitet og estetikk.
Merk: Hvis du plasserer innholdet i en tabell med bakgrunnsfarge, vil du sikre at vi ikke får problemer når vi vil bruke et bilde som vi føler oss usikre på, eller som har gitt oss ulemper før.
Bakgrunner med CSS
Tidligere var det bare en måte å finansiere nettsteder på, og dette var HTML, men etter hvert som teknologien utvikler seg, fant vi andre måter å løse problemer på. I dag er det viktig og rimelig å bruke CSS for å kunne plassere en bakgrunn på et nettsted, siden det gir å lokalisere bakgrunnen på hele skjermen eller bruke den som bakgrunn i et bestemt element.
For å forstå litt mer, la oss starte med å forstå hva CSS er og hvorfor det er vanlig å bruke det på dette området; Det kan defineres som et "cascading style sheet language", det brukes til åpent å tilpasse elementer skrevet på nettsteder. Det hjelper praktisk talt at et HTML -dokument kan utformes på forskjellige måter.
Helsides bakgrunn
For å plassere en bakgrunn på hele siden må vi gå til delen "Body", hvor vi vil tilpasse "Body" -etiketten på denne måten: body {bakgrunnsfarge: # ffdd90; bakgrunnsbilde: url ("min-bakgrunn.jpg"); }. Her bruker vi en ensfarget bakgrunn med en bakgrunn.
CSS gir oss muligheten til å bruke et bakgrunnsbilde som en grafisk fil, og plassere det på toppen av en mosaikk eller en ensfarget bakgrunn, redigere dimensjonene, legge til noe forskyvning, blant andre.
Å plassere en bakgrunn over et element på siden gjør ingen stor forskjell fra kode. Som for eksempel hvis vi ønsker å sette bilder inne i avsnittene eller sette litt bakgrunn i en meny.
Små deler av siden og definer etikettstiler
CSS kan brukes til å definere små deler av sidene, tilpasse de reduserte områdene ved å bruke "Style" -attributtet i taggen som vi vil redigere og definere en unik stil på taggen. Alt vi trenger å gjøre er å bruke attributtet på nytt. "Stil" bestemmer avsnittet vårt i en ønsket farge.
Stil på en del av nettstedet
For dette må vi gå til etiketten hvor vi kan endre stilen til de forskjellige seksjonene på siden som gjelder fra attributtet , así nos preocuparemos por solo personalizar la sección que escogimos.
Dette er bare noen eksempler på hva du kan gjøre med CSS, siden det er mange forskjellige mål du kan oppnå med dette språket, men det er alltid godt å ikke bli gal og huske at vi må se etter funksjonaliteten og brukervennligheten med god lesning.
Hvis du har lært hvordan du legger et bakgrunnsbilde i HTML, inviterer vi deg til å lese en av våre artikler: Hva er XML?.