Hoe kan ik HTML naar de achtergrond afbeelding van een grafisch, invoegen. Hoe kan ik een afbeelding invoegen in HTML met de computer in het midden, de tafel

Het visuele deel is een van de belangrijkste bij het werken met sites. Natuurlijk, functionaliteit is inferieur aan, maar ook af te werpen, dienen niet account. Laten we praten over hoe een computer op de site om de afbeelding HTML te installeren. Een mogelijkheid hiervoor is verstrekt, of meerdere? Hoe kan ik HTML om een beeld dat andere mensen het gezien hebben in te voegen? Wat beter gebruik - PC of server?

Wat is HTML?

Markup Language hypertext documenten - dat het acroniem voor stond. Met zijn de ruggengraat van de toekomstige locatie gevormd, hier werkte het plaatsen van de belangrijkste elementen. Stel vervolgens cascading style sheets, en php-files die verantwoordelijk zijn voor de overdracht van gegevens. Maar in het hart van elke pagina is gewoon HTML. Met het, door de manier waarop het beeld in te stellen. Er zijn andere manieren, maar als je wilt een eerste lading van iets simpels, zoals tekenen te maken, dient zijn naam. En laten we nu naar de vraag verduidelijken naar HTML om een afbeelding in te voegen.

Met behulp van img tag

Kennismaking met het gebruik van graphics. Hoe maak je een achtergrond afbeelding in het HTML-document in te voegen? En in de eerste plaats bedoeld met dat bestand als een insert in de pagina object. Want hier deze toevoeging en wordt gebruikt img. Dit label is de lijnelementen, waarbij het gehalte verplaatsbaar. Het omvat alle vier de Hyper Text Markup Language. One - is src, hoogte en breedte, ze zal verder worden beschouwd. Drie anderen - dit object, embed en iframe (het gebruik van pitten) (media-inhoud in te voegen). Tag werkt alsof het heeft een lijn-item. Het enige verschil - wordt gebruikt ongeautoriseerde externe inhoud, die wordt weergegeven. En het moet een partij naar het bestand dat, in feite, zal worden geladen zijn. Als je een vraag hebt, hoe je een achtergrondafbeelding in HTML in te voegen, is het het beste om zich ervan te ontdoen. Omdat het wordt alleen weergegeven wanneer u de computer zelf, waarop het beeld zich bevindt.

Met behulp van het kenmerk src

Dus zijn we gezien de vraag hoe een HTML-document in een grafische afbeelding in te voegen. Het pad naar het beeld dat moet worden geladen, gebruikt src specificeren. De algemene regeling is als volgt: je nodig hebt om dit attribuut te gebruiken, een gelijk-teken en voer het adres.

Zodra het ontleden van HTML-browser gaat om het label, zal het onmiddellijk een gebied waar de lijn onderdeel zal verschijnen creëren. Het is in hem en zal een extern bestand te laden. Het pad mag geen fouten bevatten, want het is voor hem om naar het programma. En als ze het bestand niet wordt gevonden, zal het een fout pictogram dat is niet erg esthetisch verantwoord en ziet er weer te geven. Hoe kan ik een afbeelding in te voegen in een tabel HTML-document? Het is noodzakelijk om alle code te registreren op de juiste plaats.

Het beeld aanpassen op de server: hoogte en breedte van de tag img

Dus we weten hoe naar HTML om een afbeelding in te voegen. Laten we nu onderzoeken hoe het te configureren. Zodra het bestand wordt gedownload naar de gebruiker start de computer, zal het onmiddellijk gedefinieerd beeldformaat zijn. En wat als het niet overeenkomt met de initiële parameters van de gewenste? In dit geval kan de parameters dienen om de hoogte en breedte (aantal pixels). In dit geval zal de code als volgt worden voorgeschreven: ten eerste, src en het adres van het bestand. Dan soortgelijke structuren aangegeven breedte en wat moet de breedte. En de laatste - in hoogte en lengte. Webmasters maken vaak de fout: de server uploaden van grote bestanden waarvan de grootte is enkele megabytes. Voorgeschreven pad, en past het beeld naar de gewenste grootte. Als gevolg daarvan kan de gebruiker overwegen als heel langzaam geladen een kleine afbeelding. Dit is niet een zeer aantrekkelijk uiterlijk van de buitenkant.

Aanbevelingen voor het werk

Om te voorkomen dat de negatieve vooraf het beeld te verkleinen. Als u niet zeker weet welke opties nodig zijn voor een aantrekkelijk uiterlijk, een kopie maken en experimenteren. Ook moet ervoor worden gezorgd dat gewichtsbeheersing te benaderen. Het is noodzakelijk om uit te voeren zonder verlies van kwaliteit gewichtsbesparing van beeldbestanden door omzetting in de andere extensies of met behulp van de speciale online diensten en programma's. Het is niet alleen geschikt voor gebruikers van de site, maar ook de webmaster - omdat dergelijke bestanden sneller worden geladen en nemen minder ruimte op een hosting.

Bijvoorbeeld opname mogelijkheden

Laten we eens kijken naar hoe je het pad naar de afbeelding kunt instellen:

1. De naam van een bestand.

2. Noteer het adres gelegen op een lokale computer (server).

3. Gedetailleerde pad naar de locatie van het bestand op een andere host.

Bij het gebruik van het voorbeeld van de eerste paragraaf van het beeld moet in dezelfde map als de afbeelding. De tweede locatie een submap opzichte van de actuele pagina. Het derde voorbeeld geeft het absolute pad waar het beeld dat u zoekt. In het laatste geval, er rekening mee dat het beeld kan worden op elke server (indien dergelijk gebruik niet in het .htaccess bestand is verboden). Echter, als het wordt verwijderd, en het beeld op uw site verdwijnt. HTML is een functie die de aanwezigheid van slechts het document markup vereist, en al het andere kunnen worden geüpload op de server side. Deze methoden worden vaak gebruikt om de download snelheid te verhogen (maar dan moet je weten hoe je deze tool te gebruiken).

Benoeming van alt en titel img?

Wat te doen als een image-bestand, om welke reden dan ook, is niet geladen met het document HTML? Als het verkeerd is om je pad of iets anders, moet alt attribuut worden gebruikt. Hij heeft de taak van de presentatie van een alternatief beeld. Hier gaan we ervan uit dat de graphics niet worden geladen. Maar de browser vormen nog steeds de oppervlakte onder de afbeelding. Het is ook noodzakelijk in gevallen waar de gebruiker verwacht podgruzki, en je moet hem laten zien dat het programma klaar is om het schema te accepteren.

Om de begeleidende tekst, een speciale eigenschap titel te tonen. In feite is dit tooltip, en je kunt het gebruiken voor bijna elke visuele HTML-code-element. Dit is goed, omdat het stelt u in staat om bepaalde aspecten uit te leggen. Met behulp van twee in deze ondertitel eigenschap is als volgt: in het bovenstaande voorbeeld na de eerste hoogte toekomt alt, en de titel.

Bovendien kunnen deze attributen niet alleen dienen om het gemak te maken voor de bezoeker. Ze kunnen een positieve invloed hebben op de bevordering van de site. Dus, moet deze in hun gebruik van trefwoorden worden gehouden. Dit zal de rangschikking te verbeteren van een bron in de rangschikking van sites en diensten beelden zoekmachines. Maar in alles wat je zorgvuldig en rationaliteit moet zijn.

uitlijnen foto's

Voor foto's, en in het algemeen alle 4 van markup language elementen die eerder werden genoemd, werd ingevoerd door de align attribuut. Met het, kunt u de locatie van de foto's te wijzigen. Standaard wordt uitgelijnd op de onderrand. Voor het in de bodem. En hoe dat te doen aan de top? Dit vereist top. In de praktijk zal dit er als volgt uit: na de src, waar het adres van het beeld aangeeft, voeg de align attribuut en de waarde ervan.

En de lijn, waar een beeld, zal worden afgestemd op de bovenrand. Hoe kan ik HTML om een beeld in het centrum te voegen? Er is nog een kans om te schrijven - midden. Bij het gebruik van het niet fundamenteel iets te veranderen. Wanneer een dergelijke codepatroon worden uitgelijnd in het midden. U kunt ook om tekst rond de afbeelding te wikkelen. Om dit te doen, rechts en links attributen toe te passen. wordt een "zwevende" In dergelijke gevallen is het beeld. Verschuiving naar links ziet er hetzelfde uit als de andere spelling. Met behulp van de rechter zal een vergelijkbaar resultaat met dit verschil dat het beeld aan de rechterkant zal worden geplaatst geven. Het gebruik van deze instructies heeft zijn eigen nuances. Zo kan een groot probleem te nabijheid van de tekst aan het beeld. Hierdoor creëerde het inbranden, wat tamelijk onplezierig voor het oog. Maar dit kan worden gecorrigeerd door het gebruik van cascading style sheet of HTML-code. Het gebruik van dergelijke veranderingen vspace en hspace attributen. De eerste stelt de opvulling boven en onder, en de tweede - rechts en links.

We doen achtergrond

Hoe kan ik een afbeelding in HTML-pagina website in te voegen? Erg handig om dit te bereiken is om de achtergrond toe te schrijven. Het is een onderdeel van het lichaamselement. Het doel - om het pad naar het imagebestand, die de pagina, een tafel of een enkele cel moet invullen tonen. In de praktijk is het gebruik is als volgt: Het beeld adres registers hebben een waarde bodybackground parameter. De achtergrondafbeelding wordt ingesteld zodanig herhaald langs de as van ordinaten en abscissen, vanuit de linkerbovenhoek. Vorige dock hier gevolgd. Als u wilt in iets eenvoudigs als een enkele kleur in te vullen, in plaats van een foto, kunt u gebruik maken van deze korte omschrijving: schaal nummer wordt opgegeven als een parameter kenmerkend voor body bgcolor. Hier waren er kleine veranderingen. Zoals u kunt zien, het is al in gebruik bgcolor attribuut. Want het alleen nodig is om aan te geven welke kleur het zal worden gevuld met een pagina of een deel ervan. Hier ziet u hoe u een afbeelding invoegen in HTML met een computer om deze op de achtergrond te maken en de kleur. In het algemeen, met het oog op de HTML volledig te leren, genoeg tijd om het een week te geven, en dat is meer dan genoeg.

conclusie

De HTML, hoewel het niet kan aanspraak maken op een volwaardige programmeertaal, echter, is zeer waardevol bij het maken van een site. Hij is een echte bot. En we kunnen met vertrouwen zeggen, nu dat je weet, als we werken met de achtergrond en vaste afbeeldingen en voeg ze toe aan de links. Dus het antwoord op de vraag hoe u een afbeelding in HTML te voegen, zou duidelijk moeten zijn.