Skeleton Key Review
Maj 2024
När du har skrivit och formaterat din webbplats på din webbplats är det dags att krydda sidan med några bilder. Inte bara kan bilder lägga till färg och liv på dina sidor, du kan också använda dem för att generera texteffekter som skulle vara svåra eller omöjliga att göra med vanlig text och formatering. Till exempel kommer dina typsnittsval vanligtvis att begränsas till det lilla antalet teckensnitt du kan vara säker på är installerade på besökarens datorer, eftersom om de inte har teckensnittet installerat kan de inte se det på din webbplats! Varje gång du lägger ut text i ett otillgängligt teckensnitt kommer besökarnas datorer att göra det i det tillgängliga teckensnittet som är närmast i stil, vilket ofta kan förstöra förödelse på din webbplatsdesign.
Å andra sidan, om du använder ett bildredigeringsprogram för att fånga text i ett snyggt teckensnitt och posta det som en GIF eller JPEG på din webbplats, kommer alla besökare att se det exakt som du tänkt - eftersom det nu är en bild av text snarare än texten själv. På så sätt kan du använda fantasifulla typsnitt i rubrikerna och gruppera dem på ovanliga sätt.
Den grundläggande taggen som används för att visa bilder är följande:
Ovanstående kod fungerar perfekt i HTML. Om du använder XHTML eller vill vara säker på att din webbplats är XHTML-klar bör du lägga till en snedstreck för att stänga taggen, eftersom du i XHTML inte kan använda öppna taggar:
"Src" är kort för källa, och du kommer att använda den för att ange filvägen till din bild - med andra ord, för att berätta för din webbläsare var bilden kan hittas på din webbplats. Om du håller dina bilder i samma mapp som dina webbsidor behöver du inte lista mappen i 'src'-texten - du kan bara skriva in bildens filnamn.
När du har angett din bildkälla kan du förbättra detta grundläggande ramverk med olika valfria attribut för att få ut mesta möjliga av dina bilder. Ett attribut du nästan alltid ska använda är attributet 'alt'. Detta gör att du kan ange vilken text webbläsaren ska visa om den av någon anledning inte kan visa din bild. "Alt" -texten bereds på följande sätt:
En annan användbar uppsättning attribut är taggen 'bredd' och 'höjd'. Dessa låter dig visa bilder i en annan storlek än den faktiska bildstorleken. Du kan använda dem för att finjustera din bild så att den passar perfekt i din övergripande siddesign. Men det är generellt att föredra att ändra den faktiska bildstorleken med bildredigeringsprogram och sedan lägga upp bilden på nätet, av två skäl. För det första kommer bildredigeringsprogramvaran nästan alltid att ge dig ett snyggare resultat än att justera storleken för hand. För det andra ändrar inte taggen 'bredd' och 'höjd' den verkliga bildens filstorlek, så om du har en enorm bild som du visar som en miniatyr tar bilden lika lång tid att ladda och tuggar upp precis som mycket bandbredd som om du hade visat den i full storlek.
När du anger en bilds storlek kan du lista höjd, bredd eller båda. Storlekarna specificeras av pixeln som du kan se nedan:
Du kan också "justera" dina bilder så att de fungerar smidigt med flödet i din text. Om du väljer vänsterriktning börjar texten till höger om bilden. Om du väljer högerinriktning, kommer bilden att visas på höger sida av sidan, och din text kommer upp till vänster om bilden och bryts sedan till en ny rad.
Bildjustering ställs in enligt följande:
Du kan också ställa in justeringen till "topp", "botten" eller "mitt" för att göra bildlinjen upp med antingen översta eller nedre delen av textraden. Om du inte anger justering kommer bilden att vara "botten".
Som sidoanteckning kan du inkludera dina bildattribut (src, align, alt, etc.) i valfri ordning i bildtaggarna. Min personliga preferens är att lista "src" -attributet först, eftersom det är det mest grundläggande attributet och måste inkluderas i varje bildtagg, men du kan använda den sekvens som känns mest naturlig för dig.
Å andra sidan, om du använder ett bildredigeringsprogram för att fånga text i ett snyggt teckensnitt och posta det som en GIF eller JPEG på din webbplats, kommer alla besökare att se det exakt som du tänkt - eftersom det nu är en bild av text snarare än texten själv. På så sätt kan du använda fantasifulla typsnitt i rubrikerna och gruppera dem på ovanliga sätt.
Den grundläggande taggen som används för att visa bilder är följande:
Ovanstående kod fungerar perfekt i HTML. Om du använder XHTML eller vill vara säker på att din webbplats är XHTML-klar bör du lägga till en snedstreck för att stänga taggen, eftersom du i XHTML inte kan använda öppna taggar:
"Src" är kort för källa, och du kommer att använda den för att ange filvägen till din bild - med andra ord, för att berätta för din webbläsare var bilden kan hittas på din webbplats. Om du håller dina bilder i samma mapp som dina webbsidor behöver du inte lista mappen i 'src'-texten - du kan bara skriva in bildens filnamn.
När du har angett din bildkälla kan du förbättra detta grundläggande ramverk med olika valfria attribut för att få ut mesta möjliga av dina bilder. Ett attribut du nästan alltid ska använda är attributet 'alt'. Detta gör att du kan ange vilken text webbläsaren ska visa om den av någon anledning inte kan visa din bild. "Alt" -texten bereds på följande sätt:
En annan användbar uppsättning attribut är taggen 'bredd' och 'höjd'. Dessa låter dig visa bilder i en annan storlek än den faktiska bildstorleken. Du kan använda dem för att finjustera din bild så att den passar perfekt i din övergripande siddesign. Men det är generellt att föredra att ändra den faktiska bildstorleken med bildredigeringsprogram och sedan lägga upp bilden på nätet, av två skäl. För det första kommer bildredigeringsprogramvaran nästan alltid att ge dig ett snyggare resultat än att justera storleken för hand. För det andra ändrar inte taggen 'bredd' och 'höjd' den verkliga bildens filstorlek, så om du har en enorm bild som du visar som en miniatyr tar bilden lika lång tid att ladda och tuggar upp precis som mycket bandbredd som om du hade visat den i full storlek.
När du anger en bilds storlek kan du lista höjd, bredd eller båda. Storlekarna specificeras av pixeln som du kan se nedan:
Du kan också "justera" dina bilder så att de fungerar smidigt med flödet i din text. Om du väljer vänsterriktning börjar texten till höger om bilden. Om du väljer högerinriktning, kommer bilden att visas på höger sida av sidan, och din text kommer upp till vänster om bilden och bryts sedan till en ny rad.
Bildjustering ställs in enligt följande:
Du kan också ställa in justeringen till "topp", "botten" eller "mitt" för att göra bildlinjen upp med antingen översta eller nedre delen av textraden. Om du inte anger justering kommer bilden att vara "botten".
Som sidoanteckning kan du inkludera dina bildattribut (src, align, alt, etc.) i valfri ordning i bildtaggarna. Min personliga preferens är att lista "src" -attributet först, eftersom det är det mest grundläggande attributet och måste inkluderas i varje bildtagg, men du kan använda den sekvens som känns mest naturlig för dig.
Video Instruktioner: 15: How to Insert Images Using HTML and CSS | Learn HTML and CSS | HTML Tutorial | Basics of CSS (Maj 2024).
Relaterade Artiklar
Anpassad mall i Illustrator - 2
Nu drar vi kuvertet under kortet. Kuvertet kommer att veckas ut när det skrivs ut och består av två rektanglar och några "vingar". Måtten för både de främre och bakre rektanglarna i kuvertet kommer...
Enskilda instanser och färgstilar i Flash CS3
I den sista handledningen lärde du dig att skapa flera instanser av en symbol genom att dra dem från FlashR Bibliotekspanelen på scenen. Vårt exempelssymbol var en oval och vi planerade att animera...
Om Författaren
Chow Yuan
Unga Talanger Journalistik. Chef. Den Person Som Är Ansvarig Och Jordnära.
Populära Inlägg
-
-
Rätt sätt att ta hand om etnisk hud
Maj 2024
-
Det kommer alla att fungera
Maj 2024
