Video: How to insert image in html using notepad 2024
Egenskapsinspektören, som är tillgänglig från botten av Dreamweaver-arbetsytan, visar egenskaperna som är tillgängliga för valfritt element på sidan. Alternativen i egenskapskontrollen är således olika när en bild väljs, till exempel när text väljs.
När ingenting väljs, eller när du väljer text på en sida, är egenskapsinspektionen uppdelad i två sektioner: HTML och CSS.
Observera att knapparna på egenskapsinspektorns vänstra sida gör det lätt att byta mellan dessa två lägen.
Om du är ny på CSS och HTML, kan skillnaderna mellan dessa två lägen vara lite förvirrande. I grund och botten, om du använder en formateringsikon som fet i HTML-läge, lägger Dreamweaver HTML -taggen, vilket gör att texten visas fet i de flesta webbläsare. Om du använder samma ikon i CSS-läge skapar Dreamweaver automatiskt en stilregel som innehåller fetstil formatering.
I CSS-läge kan du också välja att redigera befintliga format för att lägga till nya formateringsalternativ för stilar som redan är tillämpade på text, bilder eller andra element på en sida. Du kan redigera en befintlig stil genom att helt enkelt välja stilen i listrutan Målad regel och sedan använda Font, Size och andra fält i egenskapsinspektören för att göra ändringar eller tillägg.
När du redigerar en befintlig stil som redan har applicerats på element på en sida, används de ändringar du gör i stilen överallt där stilen används. Den här funktionen är underbar när du vill ändra flera saker samtidigt, men det kan vara problematiskt om du vill göra ett element (till exempel en rubrik) visas envägs på en sida och på annat sätt någon annanstans.
När du vill skapa eller redigera en stil, använd egenskapskontrollen i CSS-läge. Å andra sidan, om du vill tillämpa en befintlig stil på ett element på sidan, se till att du är i HTML-läge. Om du exempelvis vill anpassa en bild med en klassstil eller använda en ID-stil till en tagg måste du vara i HTML-läge.
Om du vill tillämpa en stil i HTML-läget väljer du bilden, texten eller annat element på sidan där du vill tillämpa stilen och använder sedan listrutan Klass eller ID för att välja stilen. Dreamweaver applicerar det automatiskt.
På samma sätt ska du använda HTML-tagg, till exempel
-taggen, i HTML-läge. Men du skapar eller redigerar en CSS-regel för taggen
i CSS-läget. Naturligtvis behöver du inte skapa eller ändra stilar med egenskapskontrollen.Tänk på detta en genvägsmetod. Du kan fortfarande föredra att använda CSS Designer-panelen för att göra betydande ändringar i en stil.
