Hvordan Man Laver Et Billede I Html

Indholdsfortegnelse:

Hvordan Man Laver Et Billede I Html
Hvordan Man Laver Et Billede I Html

Video: Hvordan Man Laver Et Billede I Html

Video: Hvordan Man Laver Et Billede I Html
Video: HTML Part 4 - Hvordan indsætter jeg et billede i headerområdet 2024, Kan
Anonim

HTML er et markup-sprog, der bruges til at oprette internetsider. Det kan bruges til at tilpasse visningen af forskellige elementer, inklusive billeder. Indstilling af visning af billeder i HTML udføres gennem et specielt tag.

Hvordan man laver et billede i html
Hvordan man laver et billede i html

Instruktioner

Trin 1

Åbn din HTML-fil med teksteditoren, du bruger til at redigere websider. Hvis du ikke har en HTML-fil, skal du oprette den ved at venstreklikke på skrivebordet eller i den ønskede mappe og klikke på menuen "Ny" - "Tekstdokument". Indtast et filnavn, og tilføj html-udvidelsen efter perioden. Højreklik derefter på dokumentet igen, og vælg "Åbn med" - "Notesblok". Du vil se et tomt dokument, hvor du kan placere HTML-kode.

Trin 2

For at oprette et billede i HTML bruges et tag, som skal placeres i et afsnit for visning. For eksempel:

Billede i HTML

Trin 3

Tagget lukkes ikke og kræver ikke et lukkemærke. Dens vigtigste parameter, som skal bruges, er src, der indstiller stien til den ønskede billedfil. Du kan i denne linje angive både den fulde (med https://) og den relative sti (for eksempel /pictures/img.jpg) til den billedfil, du vil placere.

Trin 4

En anden vigtig parameter er alt, der definerer navnet på billedet og dets identifikation på siden. Dette navn vises, når brugeren holder musen over billedet.

Trin 5

Du kan også bruge attributterne bredde og højde til at indstille billedparametre. Den første indstilling er ansvarlig for længden, og den anden er for billedets højde på siden. Denne parameter er angivet i pixels. Således kan & img> tag indstilles:

Trin 6

Ved hjælp af dette mærke oprettes et billede, hvor stien registreres i src-attributten. Når du holder markøren over billedet, vises meddelelsen "billednavn". I dette tilfælde vil billedet være 300 pixels bredt og 250 pixels højt. Du kan indstille alle ovenstående parametre, som du vil.

Trin 7

Gem ændringerne i filen ved hjælp af funktionen "File" - "Save". Åbn dokumentet i en browser for at kontrollere, om billedet blev oprettet i HTML. For at gøre dette skal du højreklikke på filen og vælge sektionen "Åbn med" og derefter klikke på linjen med navnet på din browser. Oprettelse af HTML-billede er færdig.

Anbefalede: