HTML gebruiken om een ​​logo in te voegen

Wanneer u een logo aan uw website of e-mail wilt toevoegen, is wat eenvoudige HTML voldoende om de afbeelding in te voegen. Door een logo toe te voegen, kunt u uw inspanningen op het gebied van online publiceren veel professioneler maken, en het is gemakkelijk om verschillende logo's en afbeeldingen aan uw bestanden toe te voegen zodra u de basiscode uit het hoofd hebt geleerd. Als u een logo in een ontwerp of bestand wilt invoegen, kunt u als volgt HTML gebruiken om uw webvriendelijke logo te maken.

Stap 1

Zoek het bestand van uw logo. U hebt de bestandslocatie en extensie van uw logo-afbeelding nodig, zodat u deze in de code kunt invoegen.

Video van de dag

Stap 2

Open uw woordeditor. Open Kladblok of andere tekstverwerkingssoftware om te beginnen met het schrijven van uw code.

Stap 3

Schrijf de code om een ​​afbeeldingsbestand in te voegen. Type Stap 4

Voeg 'alt tag' informatie in. Dit is waardevol voor de zoekmachines en gebruikers die geen afbeeldingen kunnen lezen. Deze informatie kan uw bedrijfsnaam bevatten of gewoon de boodschap van uw logo. U moet dit onmiddellijk na de sectie 'img src' toevoegen en de tekst rond twee apostrofs invoegen.

Stap 5

Geef de hoogte en breedte van je afbeelding aan. Hoogte- en breedte-informatie komen direct na uw alt-tagkenmerk en zijn ook rond apostrofs gewikkeld. U moet het volgende schrijven: width = "(aantal pixels)" height="(aantal pixels)".

Stap 6

Geef grensinformatie op en sluit de tag. Randdikte is niet voor alle logo's vereist, maar de standaardwaarde is meestal '0'. U moet het volgende schrijven: border="0" en sluit de tag met een ander '>'-symbool.

Stap 7

Sla uw bestand op als een .htm-extensie. Dit is uw HTML-bestand dat u kunt gebruiken voor uw ontwerpproject.

Dingen die je nodig hebt

  • Microsoft Paint- of Image-software

  • Kladblok of standaard tekstverwerkingsprogramma

Tip

U kunt de grootte van uw afbeelding eenvoudig wijzigen door de breedte en hoogte in de HTML te bewerken. De standaard voor randstijl is meestal 0. U kunt een logo klikbaar maken door "" en "" rond het beeld.

Waarschuwing

Zorg ervoor dat het logo op een gemakkelijk bereikbare plaats op de harde schijf van uw computer te vinden is. Sluit uw tags altijd goed af; als u deze stap mist, kan uw afbeelding of bestand niet worden weergegeven.