Lathund för HTML-kodning
|
|
|
- Leif Jonasson
- för 8 år sedan
- Visningar:
Transkript
1 Lathund för HTML-kodning Grunderna i dokumentet <HTML> Starttagg för Html-dokument, berättar för webbläsaren att här börjar det en sida med Html-koder. Hela dokumentet skall finnas inom dessa. <HEAD> Starttagg för huvudet, sidhuvud, platsen där man skriver in titeln. <TITLE> Här skall man skriva in titeln på sidan, en av de saker som sökmotorerna läser av. <BODY> Starttagg för själva sidan, alltså den del som visas i webbläsarens fönster. LEFTMARGIN= n Anger avståndet i antal punkter fån dokumentets vänstra sida till Webbläsarens vänstra kant. TOPMARGIN= n Anger avståndet i antal punkter från dokumentets övre kant till Webbläsarens övre kant. RIGHTMARGIN= n Anger avståndet i antal punkter från dokumentets högra sida till Webbläsarens högra kant. BOTTOMMARGIN= n Anger avståndet i antal punkter från dokumentets nedre kant till webbläsarens nedre kant. SCROLL=yes no Sätter på och stänger av rullningslister i webbläsaren <!--.--> Avänds för att göra kommentarer i HTML-koden. Påverkar ej kodningen av websidan och syns inte förutom som hjälp information i koden. Bakgrund BACKGROUND = bild.gif Används då vi vill att bakgrunden skall bestå av en bild. Storleken på bilden avgör hur den visas, som en bild eller som många bilder bredvid varandra. Koden för setta skrivs inom BODY taggen. Ex: <BODY BACKGROUND = bild.gif > BGCOLOR Skrivs inom BODY taggen om man önskar någon annan färg än grå på Sin hemsida. Följs av = BLACK eller någon annan av de sexton fördefinierade färgerna. Kan även följas av = # eller något annat hexadecimaltalsvärde, de två första för röd, nästa två för grön och de två sista för blå = (RGB). Ex: <BODY BGCOLOR= #FF3300 > TEXT= färg Specificerar dokumentets genomgående textfärg Ex: <BODY TEXT= #0033FF >
2 LINK= färg Länkfärg. Specificerar dokumentets länkfärg. (standard blå, om inget annat Anges). Ex: <BODY LINK= #FFFF00 > ALINK= färg Aktiv länk. Specificerar aktiv länkfärg. Ex: <BODY ALINK= #00FFFF > VLINK= färg Besökt länk. Specificerar färgen för besökt länk. Ex: <BODY VLINK= # > Skrivs ut tillsammans enligt följande: <BODY LINK= #8080FF VLINK= #FF0000 ALINK= #FFFF80 > Text <H1>RUBRIK</H1> Rubrikdefinitonstagg, består av H som står för heading, dvs rubrik samt en siffra mellan 1 och 6. 1 är störst och 6 minst. <H2 ALIGN=LEFT>Rubrik</H2> Rubriken justeras åt vänster. Ytterligare alternativ är: =CENTER Rubriken centreras. =RIGHT Rubriken justeras åt höger. Mellanrum i dokumentet <BR> Denna tagg skapar en radbrytning. <BR CLEAR=LEFT =RIGHT eller =ALL> Radbryter till slut. Används för att få radbrytningar där DU vill ha dem i texten. Tilllägget CLEAR används när du har en bild flytande på vänster sida om texten. (se bilder). Om du då använder ett vanligt <BR> så kommer nästa rad att börja precis under den nuvarande raden, om du istället använder ett <BR CLEAR=LEFT> så kommer den nya raden att börja vid sidans vänstra marginal, precis nedanför bildens undre kant. Om bilden ligger på höger sida om texten använder du <BR CLEAR=RIGHT> istället. <BR CLEAR=ALL> funkar bra när du har bilder på båda sidorna om texten (och inte vet vilken av bilderna som är störst). <P> Används för att skapa nytt stycke.   eller Används då man vill ha större mellanrum = mer än ett blanksteg. Är obrytbart mellanslag. <BLOCKQUOTE>.</BLOCKQUOTE nvänds när man vill lägga in längre stycken som separeras från resten av texten.(t.ex. Göra ett citatblock med indrag.).många browsers indenterar texten för att skilja den från resten av texten på sidan. De flesta HTML -taggar fungerar inom <BLOCKQUOTE> Används flera efter varandra på rad blir indraget större för varje gång. Ex: <BLOCKQUOTE>Text </BLOCKQUOTE> <CENTER>.</CENTER> Centrerar innehållet. Används för att centrera en rubrik, s tycke/n och bild/er. Används på samma sätt som <DIV ALIGN= center >
3 <DIV>.</DIV> Markerar ett eller flera stycken för formatering på sidan. Kombineras oftast med ALIGN= LEFT RIGHT CENTER eller JUSTIFY Ex: <DIV ALIGN= LEFT >Textblock</DIV> <P ALIGN>.</P> För att man skall kunna höger och vänsterställa samt centrera stycken. Följs av kommandon som = LEFT = RIGHT = CENTER = JUSTIFY <NOBR>.</NOBR> Står för No Break. Markerar att texten inte ska radbrytas (förhindrar radbrytning). Den här taggen kan du använda om du har en textsträng som webklienten absolut inte får radbryta. Kom ihåg att avsluta taggen ordentligt, annars kan du få väldigt långa rader. <WBR> Avstava här. (Bryt här vid behov) WBR står för Word Break. Talar om för browsern att det är tillåtet att lägga in ett radbrott på denna plats på raden om det skulle behövas. Används med fördel i långa ord i slutet av rader. Mellanrum i dokumentet i form av en linje <HR> Lägger in en horisontal linje på sidan. Kan kombineras med följande: <HR ALIGN= justering > Anger linjens justering. Du kan använda = LEFT = RIGHT eller = CENTER Ex: <HR WIDTH=70% ALIGN=RIGHT > <HR SIZE= n Anger linjens tjocklek (höjd i bildpunkter). Default (normalläge om inget anges alltså)är 1. Ex: <HR SIZE=8> <HR WIDTH= n Anger linjens bredd i bildpunkter av sidans bredd. Default (normalläge om inget anges alltså)är 1. Ex: <HR WIDTH= 3 > <HR WIDTH= n% Anger linjens bredd i procent av sidans bredd. Default är 100%. Ex: <HR WIDTH=60%> NOSHADE Användningen av noshade resulterar i att strecket förlorar sin 3D-effekt och blir platt, utan skugga. Ex: <HR WIDTH=20% ALIGN=RIGHT NOSHADE> Textstilar <B>.</B> Gör texten fetstil (Bold) <I>.</I> Italic, dvs gör texten kursiv <U>.</U> Underlined, dvs stryker under texten <S>.</S> gör att texten blir genomstryken. Alt <STRIKE> <SMALL>.</SMALL> Gör texten en storlek mindre
4 <BIG>.</BIG> Gör texten en storlek större <BASEFONT> Definierar egna egenskaper för standardtexten i dokumentet <SUB>.</SUB> Nedsänker texten <SUP>.</SUP> Upphöjer texten <PRE>.</PRE> Förformaterad text. Fast bredd. <PRE WIDTH= n >text</pre> Anger bredden på på bokstäverna.talar om för browsern att texten skall återges likadant som den står i HTML -filen. Texten återges med <TT> och alla mellanslag, radbrytningar och tabbar blir som i filen. Detta är bra för till exempel programlistningar eller när man har en text i ascii som man inte orkar göra om till korrekt HTML-kod. Det går att ange en maximal bredd (i tecken) för PRE-fältet, till exempel 80. Efter dessa 80 tecken kommer texten att radbrytas. OBS! Det går bra att lägga in länkar och ankare i PRE, de fungerar utmärkt. Undvik däremot alla andra taggar! <TT>.</TT> Skrivmaskinstext, ställer texten teletype, fast bredd. <BLINK>.</BLINK> Visar texten blinkande, kan endast användas i Netscape? Förändra ett ord eller text mitt i en mening, rad eller helt stycke <FONT>.</FONT> Formaterar din text <FONT COLOR> Tagg för att ändra färg på standardtexten, följs av = värde i form av ett hexadecimalt tal eller färgnamn Ex: <FONT COLOR= #FF0000 >Text </FONT> <FONT FACE> Används för att ändra typsnitt för standardtexten, åtföljs av = typsnittsnamn. Tänk på att ge fler alternativ, då typsnitten varierar från dator till dator. Flera typsnitt anges kommaseparerade. Ex: <FONT FACE= helvetica,arial,times >Text </FONT> <FONT SIZE> Tagg för att ange teckenstorlek på texten, skall även innehålla = ett värde mellan 1-7. Ett är minst och sju är störst.det går också att använda positiva eller negativa tal som utgår från standardstorleken Ex: <FONT SIZE = 6 >Text </FONT> Man kan även kombinera alla formateringar tillsammans; Ex: <FONT COLOR= #0034CC FACE= Helvetica,Arial SIZE= 5 >Text</FONT>
5 Listor <OL>.</OL> Gör en numrerad lista. Numrerade listor eller sorterade listor använder <OL> istället för <UL>. För övrigt är handhavandet identiskt med onumrerade listor. Ex: <OL> <LI> äpplen <LI> bananer <LI> apelsiner </OL> I WWW-klienten får detta följande utseende: 1. äpplen 2. bananer 3. apelsiner <OL COMPACT></OL> Visar en kompakt version av listan. TYPE= typ Specificerar typen av lista som ska användas. Du kan använda A, a, I, i eller l. Ex: <OL TYPE = A > (för hela listan) Ex: <LI TYPE= I > (denna och resten) START= n Nummer som listan ska börja med. Ex: <OL START = 1 > (för hela listan). Ex: <LI VALUE= 1 > (denna och resten) <UL>.</UL> Gör en onumrerad lista. Ex. på en sådan lista med tre elemen t. <UL> <LI> äpplen <LI> bananer <LI> apelsiner </UL> I WWW-Klienten får detta uts eende: äpplen bananer apelsiner <UL>COMPACT</UL> Visar en kompakt version av listan. TYPE= typ Typ av punkt som ska användas i en punktlista. Du kan använda circle disc eller square Ex: <UL TYPE= DISC > <LI> Gör en listrad i <OL> och <UL> (se ovan). TYPE= punkttyp Typ av nummer som ska användas i en nummerlista. Du kan använda A, a, I, i eller l. VALUE= n Startnummer för denna listrad och framåt i numrerade listor. <DL><DT><DD></DL> <DL> starttagg för att skaopa finitionslistor. Åtföljs av <DT> för att ange term, och <DD> för att ange definition.
6 <DL COMPACT></DL> Visar en kompakt version av listan. <MENY><LI></MENU> Menylista. (<LI> för varje post) <MENY COMPACT></MENU> Visar en kompakt version av listan. <DIR><LI></DIR> Kataloglista (<LI> för varje post) <DIR COMPACT></DIR> Visar en kompakt version av listan. Bilder <IMG> Taggen som lägger in en bild i dokumentet Ex: <IMG SRC= bildens_namn.gif SRC= filnamn Bildens filnamn. Det går också att använda en URL. LOWSRC= filnamn Den lågupplösta bildens filnamn. Det går också att använda en URL. ALIGN= justering Justeringen av bilden kan vara top, middle, bottom, left eller right. Ex: <IMG SRC= bildens_namn.gif ALIGN= RIGHT > ALIGN= justering Justeringen av bilden kan vara absbottom, absmiddle, baseline eller texttop ALT= text Beskrivning av bilden Ex: <IMG SRC= bildnamn.gif ALT= namn på bilden > BORDER= n Tjocklek på bildens ram, angiven i punkter. BORD ER= 0 syns ingen ram runt bilden. Ex: <IMG SRC= bildnamn.gif BORDER= 1 > HEIGHT= n Fixerad höjd av bilden, räknad i punkter. WIDTH= n Fixerad bredd av bilden, räknad i punkter. Ex: <IMG SRC= bilden.gif WIDTH=300 HEIGHT=184> HSPACE= n Horisontellt avstånd från bilden till omgivande objekt VSPACE= n Vertikalt avstånd från bilden till omgivande objekt. Ex: <IMG SRC= redknapp.gif HEIGHT=12 WIDTH=14 HSPACE=20 VSPACE=20> ISMAP Deklarerar att bilden är en imagemap. USEMAP= #namn Namnet på client -side imagemap. Namnet definieras i <MAP>. <MAP> </MAP> Samling av länkar för client-side imagemap.
ORDLISTA WEBBDESIGN 100P
ORDLISTA WEBBDESIGN 100P HTML- TAGGAR M.M. (DE BLÅFÄRGADE ORDEN ÄR OLIKA ATTRIBUT SOM HÖR TILL DE OLIKA TAGGARNA.) HTML Står för Hyper Text Markup Language och är en uppsättning markeringskoder.
Internet A. HTML Grunder. 02-01-14 Maximilien Chiang 1
Internet A HTML Grunder 1 HTML Tags (Speciella markeringar) < Instruktion> De flesta instruktioner avslutas också med en 2 untitled Min
Inför prov 1 i webbdesign
Inför prov 1 i webbdesign Skapa ett grundläggande HTML-dokument sidtitel övriga instruktioner Grundläggande märken, samt hur de används startmärke
GRUNDEN STRUKTURELLA DEFINITIONER FORMELLA DEKORATIONER. Dokumenttyp <HTML></HTML> (start och slut på fil)
HTML-TAGGAR Grunden sida 1 Strukturella definitioner sida 1 Formella dekorationer sida 1 Länkar och grafik sida 2 Textindelning sida 3 Listor sida 3 Bakgrunder och färger sida 4 Särskilda tecken sida 4
Lektion 2 - CSS. CSS - Fortsätt så här
Lektion 2 - CSS I den här lektionen behandlas HTML och CSS. Det förutsätts att lektion 1 är gjord, eller att du har tillräckliga kunskaper i grundläggande HTML för att klara den här lektionen. CSS - Fortsätt
Webbdesign vt. 2010. Innehållsförteckning
Webbdesign vt. 2010 mångar: Kl. 8:30 12:00 Innehållsförteckning 2. FTP-hur gör man? 3. Grundtaggar 5. Tabeller 6. Infoga bilder 7. Rubriker och fonter 8. Övning 1 9. Installera HTML-edit 11. Startsidans
Introducerande övningar i HTML
Introducerande övningar i HTML En webbsida består av en textfil som innehåller sidans text och koder i språket HTML, för att formatera innehållet. Har man bilder på sidan, så finns de som separata filer
/*formatering för html och body elementen - elementens höjd sträcker sig över hela webbläsarfönstrets höjd*/ html, body { height: 100%; }
/*CSS document*/ /* nollställer margin för alla element*/ * { margin: 0; /*formatering för html och body elementen - elementens höjd sträcker sig över hela webbläsarfönstrets höjd*/ html, body { height:
<header> </header> <footer> </footer>
Tidigare har man använt taggen för att märka delar av dokument. I HTML5 har man lagt till stöd för de nya taggarna för att det inte ska bli så många -taggar. I exemplet nedan använder
HTML. Laborationskompendium i konstruktion av webbsidor. Detta exemplar tillhör: VT 2005. Mitthögskolan ITM Telefon 063-16 53 00
Mitthögskolan ITM Telefon 063-16 53 00 HTML Laborationskompendium i konstruktion av webbsidor Detta exemplar tillhör: VT 2005 Mittuniversitetet, ITM Telefon 063-16 53 00 Laborationskompendium för konstruktion
DIN FÖRSTA HEMSIDA: Det här är min <b>första</b> hemsida.
3 Grunderna Nu är det dags att börja skriva HTML på allvar. I det här kapitlet kommer vi att gå igenom allt du behöver veta för att göra en hemsida med rubriker i olika storlekar och text som är formaterad
12/9/2010 REGLER WEBBPRODUKTION WEBBDESIGN CASCADING STYLE SHEETS CSS LOKALA STILMALLAR GLOBALA STILMALLAR. Selektor. Deklaration
REGLER Selektor Deklaration Body { font-family:verdana WEBBPRODUKTION WEBBDESIGN CASCADING STYLE SHEETS CSS Ulrik Söderström Ulrik.soderstrom@tfe.umu.se h1,h2 { font-color:red; font-size:10pt; Egenskap
Webbdesign vt. 2009. Innehållsförteckning
Webbdesign vt. 2009 Fysiska träffar onsdagkvällar: Kl. 18:00 21:00 28/1 11/2 11/3 25/3 1/4 22/4 6/5 Innehållsförteckning 2. FTP-hur gör man? 3. Vad ska jag göra? 4. Grundtaggar 6. Tabeller 7. Infoga bilder
21/01/2016. Stilmallar. styra utseendet av webbplatsen DEL 1. Karin Fahlquist. index.html. recept.html frukt.html grönsaker.html
Stilmallar styra utseendet av webbplatsen DEL 1 Karin Fahlquist index.html recept.html frukt.html grönsaker.html 1 Samma kod olika utseende Olika exempel om layout: http://www.csszengarden.com/ Stilmallar
<Webbutvecklare lektion="02"> Kursledare: Mahmud Al Hakim
Kursledare: Mahmud Al Hakim Lektionstillfällets mål Introduktion till CSS CSS Regler och egenskaper Externa CSS-filer: Link-taggen Intern CSS: Style-taggen Inline CSS: Attributet
Tabeller. Lektion 7. en tabellrubrikcell som centrerad och i fetstil.
Lektion 7 Tabeller Under denna lektion kommer du att få lära dig hur man bygger upp tabeller med HTML och hur man styr layout och utseende på en webbsida som innehåller tabeller. Enkla tabeller Av tradition
Ikon Menyalternativ Funktion och beskrivning Sök och ersätt text i arbetsfältet. Ramformatering
Innehåll Redigeringsverktyget... 3 Hantera bilder... 5 Infoga pdf-fil... 5 Lägg till mall... 6 Infoga YouTube-klipp... 6 Infoga länk... 7 Infoga tabell... 8 Kodupprensning... 10 CSS-klass... 10 Egna anteckningar:...
Handbok HTML. Vi utvecklar kontinuerligt nya titlar, besök www.rxk.se för aktuell statuslista. Gör din beställning direkt i vår webbutik.
Handbok HTML I denna Handbok lär du dig att skapa egna hemsidor från grunden. Handboken innehåller information om hur du hanterar texter, bilder, tabeller, ramar och listor. Du får även läsa om grunderna
Övning (X)HTML 2. Sidan 1 av 7 2010-11-11
Sidan 1 av 7 2010-11-11 Övning (X)HTML 2 Innan du börjar med laborationen ska du se till så att du har öppnat din editor (till exempel Notepad++). I denna editor ska du skriva (X)HTML-kod som du sedan
Eva Ansell EXCEL 2007 MICROSOFT
Eva Ansell EXCEL 007 MICROSOFT Del FORMATERA KALKYL. Formatera tal... 5. Formatera tecken... 7 6. Textjustering... 9 7. Kopiera format... 5 8. Formatera celler... 5 9. Dokumentteman... 56 0. Rader och
- - - W e b d e s i g n s k o l a n - - - B i l d e r
skriv ut» B i l d e r Att använda bilder kan vara ett sätt att lyfta fram ett skrivet budskap eller helt enkelt för att göra webplatsen mer attraktiv och lättnavigerad. Bilder skapar du själv i ett bildbehandlingsprogram
Carl-Oscar Hermansson WEBB DESIGN
Carl-Oscar Hermansson WEBB DESIGN Del SKAPA DIN WEBBPLATS MED HTML. Öppna ett HTML-dokument... 8 6. HTML grundkod... 9 7. Färger... 0 8. Textformatering... 9. Listor... 0 0. Bilder.... Bakgrundsbilder...
Lektion 3 HTML, CSS och JavaScript
Lektion 3 HTML, CSS och JavaScript I den här lektionen behandlas HTML, CSS och JavaScript (JS). Det förutsätts att lektion 1 och 2 är gjord, eller att du har tillräckliga kunskaper i grundläggande HTML
Manual för visionutv.net Redigera
Manual för visionutv.net Redigera Version 2.0 Visionutveckling 2004 Innehåll: 1 Om Redigera 3 1.1 Bakgrund 3 1.2 Hur Redigera är uppbyggt 3 1.3 Vad är? 4 2 Inloggning 6 3 Nyheter i Redigera 2.0 7 3.1 Funktionsknappar
WEBDESIGN A - DTR 1210
Lektion 9: Tips tricks och diverse Bakgrundsbilder Bakgrundsfärg och textfärg är några sätt att ge sin hemsida ett visst utseende. Ett annat sätt är att använda bakgrundsbilder. Man behöver en bild: HTML-koden
Webbkurs för distriktsansvariga. Stockholm den 7 och 13 september 2011
Webbkurs för distriktsansvariga Stockholm den 7 och 13 september 2011 Klistra in text från Word Klistra in: all formateringskod från Word kommer med och är den som styr det webbläsaren visar, även om man
Laboration med Internet och HTML
Laboration med Internet och HTML Denna laboration går ut på att du skall kunna skapa enkla hemsidor i HTML. Vi kommer inte att ta upp edstorer för hemsidor som t.ex. DreamWeaver eller FrontPage. Dessa
Adobe. Dreamweaver CS3. Grundkurs. www.databok.se
Adobe Dreamweaver CS3 Grundkurs www.databok.se Innehållsförteckning 1 Arbetsmiljön... 1 Användningsområde... 1 Starta Dreamweaver... 2 Arbeta i Dreamweaver... 2 Fönster... 3 Statusfältet... 4 Menyer...
Sophia Prosell DREAM WEAVER SKAPA OCH PUBLICERA EFFEKTIVA WEBBSIDOR
Sophia Prosell DREAM WEAVER SKAPA OCH PUBLICERA EFFEKTIVA WEBBSIDOR Del 4 BILDER OCH TABELLER 0. Arbeta med bilder... 9. Redigera bilder... 96. Klickbara bilder/imagemaps... 0. Tabeller... 04 4. Skapa
T a b e l l e r - t a b l e s
skriv ut» T a b e l l e r - t a b l e s Exempel på tabeller» Grundkoden för tabellen» Tabell- och kolumnbredd» Sammanfoga celler» Bakgrundssbild och bakgrundsfärg» Kantlinjebredd och färg» Avstånd mellan
FrontPage Express. Ämne: Datorkunskap (Internet) Handledare: Thomas Granhäll
FrontPage Express I programpaketet Internet Explorer 4.0 och 5.0 ingår också FrontPage Express som installeras vid en fullständig installation. Det är ett program som man kan använda för att skapa egna
Förkunskaper: Tim Berners Lees vision webbläsarkriget W3C strukturtagg <h1> layout-tagg <font size="6">
CSS { } Anne Diedrichs Medieteknik Södertörns Högskola Förkunskaper: Tim Berners Lees vision webbläsarkriget W3C strukturtagg layout-tagg Kurslitteratur: Niederst Robbins, Learning
Labora&on 2 HTML och validering övningar/uppgi:er
Labora&on 2 HTML och validering övningar/uppgi:er 1M321 Webbteknik 1, 7,5hp Medieteknik 2016 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument Till övningarna i denna labora&on finns det
1 Se till att dokumentet C:\Webbkurs\html\pronto\index4.html är öppet i Anteckningar.
Grundläggande HTML 9 Listor Listor kan komma väl till pass när kortfattad information ska presenteras på ett lättöverskådligt sätt. I HTML kan du skapa flera olika typer av listor; numrerade listor och
Labora&on 5 CSS och layout samt fråga E övningar/uppgi>er
Labora&on 5 CSS och layout samt fråga E övningar/uppgi>er 1M321 Webbteknik 1, 7,5hp Medieteknik 2017 Rune Körnefors rune.kornefors@lnu.se 1. Dokument i övningarna I denna labora&on finns inga filer ar
Sidan kommer inte läggas upp någonstans utan du redovisar den för mig på något handledningstillfälle.
Lab1 - CV-sidan Du ska bygga en variant av en CV-sida i HTML och CSS. Sidan ska åtminstone innehålla en bild på dig, en klassisk tabell med utbildningar/erfarenheter, ditt favoritcitat, en eller flera
En grundkurs i hemsidor och hur de är uppbyggda
En grundkurs i hemsidor och hur de är uppbyggda Den här artikeln tänkte väldigt grundligt gå igenom koncepten kring en hemsida och hur den är uppbyggt, för att ge dig grundkunskap att bygga vidare på och
WEBDESIGN A - DTR 1210
Lektion 6: Tabeller Vi ska lägga till en tabell i hemsidan. Först ska vi titta lite på hur man gör tabeller. Vi börjar med enklast tänkbara tabell. En tabell med bara en ruta: Nu ska vi gå igenom steg
F07 Stilmallar Dagens agenda
F07 Stilmallar Dagens agenda CSS, Stilmallar Lokala, interna, externa Selektorer - Taggselektorer - Klasselektorer - ID-selektorer Egenskapsarv Pseudo-klasser och element Kombinatorer Specificitet Stilmallar
Internet och WWW Laboration 3 VT10 Högskolan Dalarna Hans Rosendahl. Laboration 3 CSS del 2. 1 av 20
Laboration 3 CSS del 2 1 av 20 Vad kommer jag att lära mig på laboration 3? 1. Skriva en stilmall Boxegenskaper o border o margin o padding o width o float o clear Färger och bakgrundsbilder Positionering
VERKTYGSFÄLTET I ARTIKELEDITORN
Joomla Guide 2.5.11 VERKTYGSFÄLTET JCE EDITORN Sida 1 av 8 VERKTYGSFÄLTET I ARTIKELEDITORN En kort genomgång/förklaring till de vanligaste symboler och användningsområdena för verktygsfältet i Joomla Uppdateringsmodulen
STEGBESKRIVNING - WEBB
STEGBESKRIVNING - WEBB Logga in och Ut 1. Öppna upp en webbläsare (Chrome eller Firefox) 2. Skriv in sökvägen: www.krukmakarenshus.org/wp-admin/ 3. Fyll i inloggningsuppgifterna och tryck Logga in 3. När
På många sätt är webben, när det kommer till kritan, en samling länkar. Inom varje given plats, gör länkarna det möjligt att snabbt navigera från ett
På många sätt är webben, när det kommer till kritan, en samling länkar. Inom varje given plats, gör länkarna det möjligt att snabbt navigera från ett relaterat ämne till ett annat. En länk från en sida
24-timmarswebben. Riktlinje Förklaring Så uppfyller vi den
24-timmarswebben WebPublish gör det möjligt att skapa läsvänliga sidor. Vi tycker att det är en självklarthet att informationen på en webbplats ska vara tillgänglig för och kunna läsas av så många som
ATT GÖRA WEBBSIDOR. Frivillig labb
Numerisk analys och datalogi KTH 100 44 Stockholm Kerstin Frenckner, tel 790 7143, e-post kfrenck@nada.kth.se 2D1339 Programkonstruktion Hösten 2001 Datorintroduktion Frivillig labb ATT GÖRA WEBBSIDOR
WWAAC Layout Editor. 1. Standard för knapp (kolla att fliken Standard för knapp är vald)
WWAAC Layout Editor Layout Editor För att ändra en befintlig layout eller göra en ny kan du antingen öppna Layout Designer for the Browser via Start Program wwaac eller nå den via knappen Inst i browsern
Personalsupport. Medicinska fakulteten, Lunds universitet. Textredigeraren. Moodle version 2.7.1
Personalsupport Medicinska fakulteten, Lunds universitet Textredigeraren Moodle version 2.7.1 Lars Rundgren, 2012-2014 Moodle 2.7.1 Textredigeraren Textredigeraren... 3 Nya ikoner i textredigeraren...
Labora&on 4 CSS och validering övningar/uppgi9er
Labora&on 4 CSS och validering övningar/uppgi9er 1M321 Webbteknik 1, 7,5hp Medieteknik 2016 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument och skapa en mapp för U2 Till övningarna i denna
En bortsprungen katt
Nivå 1 All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register your club. En bortsprungen katt
En stiligare portal Laboration 3
Laborationsanvisning En stiligare portal Laboration 3 Författare: Johan Leitet Version: 1 Datum: 2011-09-09 Inledning Vi har hittills koncentrerat oss på att strukturera upp vår information på ett så semantiskt
TDDD52 CSS. Färger. Färger 1/3/13
Jag önskar göra det lä0are för användarna genom a0 markera vissa delar med en annan färg? HTML är bra, men det är inte så snyggt? TDDD52 - CSS CSS regler och selectors gör a0 jag kan styla min HTML precis
HTML och CSS. Eric Elfving Institutionen för datavetenskap. 18 augusti 2015
. HTML och CSS Eric Elfving Institutionen för datavetenskap 18 augusti 2015 Översikt 2/17 Introduktion HTML Syntax Vanliga element CSS Syntax Selektorer Kombinera HTML och CSS Webserver Introduktion 3/17
WordPad Windows 10 för seniorer
WordPad Windows 10 för seniorer WordPad är ett textredigeringsprogram som du kan använda till att skapa och redigera dokument. Till skillnad från Anteckningar kan du i WordPad använda formatering och grafik,
Hur man gör webbsidor
Hur man gör webbsidor Instruktioner, koder, exempel och kommentarer HTML 4.0 Cascading Style Sheets Common Gateway Interface Server-side includes Magic Cookies Ljud, film och multimedia Av Anders Hultman
CSS-övningar. 1. Grunder
CSS-övningar 1. Grunder CSS Testa stilmallar Klasser Elementen div och span Ärvda egenskaper Mer om typsnitt, marginaler och mått Textdekor Fristående CSS -fil Attributet style Prioritetsordning hos stilelement
Att styla webbsidor. Nivå. Uppgiften
Nivå 2 Att styla webbsidor All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register your club.
Lektion 2 Del 1 Kapitel 6
Lektion 2 Del 1 Kapitel 6 Inlärningsmål Att kunna kontrollera och styra webbsidors utseende med hjälp av CSS mallar Att med hjälp av CSS mallar kunna ge en hel website ett gemensamt utseende Att med hjälp
Storleksförändra figurer och bildobjekt - Word 2007 / 2010
Word (Textruta Figursättning, storleksförändra, beskära, Linjal, Sidhuvud/fot) 1:5 En textruta är en ram som kan innehålla text, bild, tabell etc. och kan precis som bilder, figursättas. Textrutan använder
WEBBUTVECKLING Kursplanering
Kursplanering v 35-37: Struktur, mappar, google-skills, planering, html-grunder, bra/dåliga exempel, webbläsare, editorer v 38-43: HTML - länkar, färger, text, listor, bilder. v 44: Höstlov v 45: Repetition,
Labora&on 4 CSS och validering samt fråga D övningar/uppgi?er
Labora&on 4 CSS och validering samt fråga D övningar/uppgi?er 1M321 Webbteknik 1, 7,5hp Medieteknik 2017 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument och skapa en mapp för U2 Till övningarna
Word-guide Introduktion
Word-guide Introduktion På det kognitionsvetenskapliga programmet kommer du läsa kurser inom flera olika vetenskapsområden och för varje vetenskapsområde finns ett speciellt sätt att utforma rapporter.
Innehåll Introduktion... 3 InteractiveScene.config... 3 Scener <scenes>... 3 Typsnitt <fonts>... 3 Övergångar <transitions>...
Innehåll Introduktion... 3 InteractiveScene.config... 3 Scener ... 3 Typsnitt ... 3 Övergångar ... 4 Mall för slide ... 5 , ...
[HTML] [Elevens namn ] [Klassens namn ] [Lärarens namn ]
![[HTML] [Elevens namn ] [Klassens namn ] [Lärarens namn ]](/thumbs/91/105280236.jpg "[HTML] [Elevens namn ] [Klassens namn ] [Lärarens namn ]")
[HTML] av [Elevens namn ] [Klassens namn ] [Lärarens namn ] INNEHÅLLSFÖRTECKNING INTRODUKTION TILLHTML # KAPITEL 1 VAD ÄR HTML? # Kapitel 2 TEXTFORMATERING # KAPITEL 3 FÄRG OCH HORISONTELLA STECK # KAPITEL
12 Webb och kurshemsidor
12 Webb och kurshemsidor Många lärare använder sig av kurswebbsidor eller egna personliga webbsidor som ett ställe att samla information och dokumentation kring sitt arbete. Om du ska skapa en webbsida,
Grafisk Webbprofil. Skrivregler och grafiska riktlinjer för utformning och publicering av Sjökrogen bojens hemsida.
1 Grafisk Webbprofil http://users.du.se/~v10evawa/inlamningsuppgift_3/valkommen.html Skrivregler och grafiska riktlinjer för utformning och publicering av Sjökrogen bojens hemsida. Författare: Eva Wallin
Innehåll. HTML Editor Sida 2 av 30
HTML editor Innehåll Länka till webbsida... 4 Extern länk.... 7 Länka till e-post.... 8 PROs bildbank.... 10 Ladda upp ny bild.... 12 Redan uppladdad bild... 16 Bildredigeraren.... 17 Infoga/redigera inbäddad
Verktyget är begränsat till Microsoft Internet Explorer v 7.0 och uppåt
Verktyget är begränsat till Microsoft Internet Explorer v 7.0 och uppåt 1. Inställningar / Kontaktuppgifter Uppgifter som matas in i den vyn ovan visas i sidfoten på hemsidan: 2. Skapa nya sidor Om man
«Sida 2 av 4 Till kursens framsida Sida 4 av 4»
Sida 1 av 11 Lektion 1: sida 3 av 4 «Sida 2 av 4 Till kursens framsida Sida 4 av 4» 2. Formatera text Du kan ju redan skriva in text, men nu ska vi se hur man formaterar det man skrivit in -- alltså hur
Användarmanual för. 1(1)
Användarmanual för sofie.landelius@bypasset.se 1(1) 2005-06-13 Innehållsförteckning 1. Logga in... 3 Problem... 3 Content... 4 Account... 4 Help... 4 2. Att skriva en artikel... 5 Publicera artikel alt
Integrerad i egen cup-portal Sid 1
Integrerad i egen cup-portal Sid 1 Skillnader mellan fristående och integrerad cup-portal En liten viktig synpunkt innan ni går vidare: Det går snabbt och enkelt att växla mellan den fristående och integrerade
Repetition. Hypertext. Internet HTTP. Server och klient Föreläsning 2. Text försedd med länkar till andra texter. Många sammankopplade nät
Repetition Föreläsning 2 Internet Hypertext Server och klient HTTP HTML Internet Många sammankopplade nät Gemensamma adresser T ex 10.10.0.1 Gemensamma protokoll Protokoll = regler och algoritmer för kommunikation
Repetition. Hypertext. Internet HTTP. Server och klient Text försedd med länkar till andra texter. Många sammankopplade nät
Repetition Internet Hypertext Server och klient Föreläsning 2 HTTP HTML Internet Hypertext Många sammankopplade nät Text försedd med länkar till andra texter Gemensamma adresser T ex 10.10.0.1 Gemensamma
Introduktion till HTML - Grunder
Introduktion till HTML - Grunder Kursmål Att ge kunskaper och färdigheter om hur man utformar en Webbsida. Kännedom om multimediala programvaror. Att använda text och bild (även ljud) för att förstärka
Webbens grundbegrepp. Introduktion till programmering. Ytterligare exempel. Exempel på webbsida. Föreläsning 5
Introduktion till programmering Föreläsning 5 Programmering av webbsidor. Webbens grundbegrepp HTML HTML (HyperText Markup Language) är det språk som används för att skriva webbsidor. HyperText: text med
Manual för lokalredaktörer villaagarna.se
Manual för lokalredaktörer villaagarna.se Version 2 Villaägarnas Riksförbund Sollentuna 2011 Innehåll Redigera befintlig sida... 3 Skriva text eller klistra in kopierad text... 5 Rubriker i brödtext...
Nätet. Uppgiften. Nivå
Nivå 1 Nätet All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register your club. Uppgiften Har
Bilder. Bilder och bildformat
och bildformat Det första du måste göra är att skaffa bilder att lägga in i ett HTMLdokument. Ta en bild med din mobil/ webbkamera eller rita bilden själv.du kan ta gratisbilder från Google, gå in på bilder
Instruktioner till övningen som börjar på nästa sida
Instruktioner till övningen som börjar på nästa sida Övningen innehåller det grundläggande som du måste kunna för att klara Word. Varje stycke ska vara formaterat så som det står i stycket. Under varje
För att skriva CSS-kod använder man sig av olika kommandon. Ett exempel på hur man kan skriva kod för att ändra textfärg kan vara:
Hemsida CSS Introduktion till Cascading Style Sheets (CSS) Detta är en mycket kort genomgång av CSS med exempel på hur sådan kod ska läsas och hur den kan användas på IdrottOnline-sidor. Är man ute efter
Webbstudio Internetworld - Webbproduktion förklarad på svenska - En del av IDG.se. I dessa program redigerar du HTML och så sparar du dina filer
Webbstudio Internetworld - Webbproduktion förklarad på svenska - En del av IDG.se http://internetworld.idg.se/webbstudio/pub/avdelning.asp?id=25 Sida 1 av 2 2006-10-18 HTML Publicerade artiklar» Lektion
Föreläsning 4. CSS Stilmallar för webben
Föreläsning 4 CSS Stilmallar för webben Innehåll 1. CSS, vad är det? 2. Repetition av HTML-element 3. CSS, hur, var, när? 4. CSS & arv? CSS Cascading Style Sheet Same, same, but different Samma innehåll
Innehållsförtäckning.
Dreamweaver Innehållsförtäckning. Skapa en ny webbsida 3 Inställningar för sidan. 3 Sidtitel 4 Bakgrundsbild och bakgrundsfärg 4 Färg på texten 4 Marginaler 4 Text 5 Format 5 Teckensnitt 5 Teckenstorlek
LATHUND PUBLISHER 2000
LATHUND PUBLISHER 2000 RXK Läromedel AB, Riddarplatsen 36 Plan 7 177 30 Järfälla Tel: 08-580 886 00, Fax: 08-580 259 40 www.rxk.se, e-post: info@rxk.se Detta material är författat av RXK Läromedel AB.
SIDNUMRERING I WORD. IT-avdelningen
SIDNUMRERING I WORD IT-avdelningen Hur man skapar sidnumrering i Word (som börjar och slutar på valfri sida) Introduktion för dig som vill förstå varför och inte bara hur Tyvärr är sidnumrering i Word
SÖKORDSREGISTER. Skandinaviska Databöcker AB
SREGISTER A Animera... 17 -Animera text och objekt... 18 -Animera diagram... 19 -Tidsinställa delar av en presentation. 20 -Tidsinställa en hel presentation... 21 Anpassa... 22 -Anpassa menyer... 22 -Anpassa
Övning 1 Vi börjar med en vanlig html-fil där html används för både innehåll och utseende:
Uppsala universitet Institutionen för utbildning, kultur och medier IKT A HT 2009 Monica Langerth Zetterman 2009-09-23 Testa stilmallar Övning 1 Vi börjar med en vanlig html-fil där html används för både
Lathund för att publicera på SAKs webbplats för användare i lokalföreningar.
Lathund för att publicera på SAKs webbplats för användare i lokalföreningar. Logga in Fyll i dina inloggningsuppgifter på sak.se/user. Har du glömt bort lösenordet klickar du på länken Forgot password.
IGÅR. Internet, www, TCP/IP, IP-adress, DNS, URL. HTTP Request. HTTP Response (HTML & status code)
CSS Presentation IGÅR Internet, www, TCP/IP, IP-adress, DNS, URL client HTTP Request server HTTP Response (HTML & status code) HTML Innehåll och struktur via semantiska märkningar Block, inline element
Så här funkar Föreningsliv
Så här funkar Föreningsliv Logga in Logga in på den adress du fått skickat till dig via mail. Använd det lösenord och användarnamn som du tilldelats. Kom alltid ihåg att logga ut när du skrivit färdigt,
Du kan själv följa med i denna steg-för-steg guide i din texteditor.
Grundläggande HTML HTML Steg-för-steg Du kan själv följa med i denna steg-för-steg guide i din texteditor. doctype Linköpings universitet I textdokument som används på internet finns på första raden information
Dokumentmallar i praktiken, Nyps
Dokumentnamn Dokumenttyp Datum Dokumentmallar i praktiken Handledning 2009-08-13 Diarienr/Projektnr Upprättad av Godkänd av Version Magnus Österlund, Daniel Madsén 0.4 Dokumentmallar i praktiken, Nyps
Sidornas struktur och snabbinstruktion (se också Information om Hanken-stilarna )
1 INTRODUKTION Skriv ut instruktionerna och läs igenom dem samtidigt som du tittar på dokumentmallen ( Att ta i bruk dokumentmallen ). Sidornas struktur och snabbinstruktion (se också Information om Hanken-stilarna
Kom igång. Readyonet Lathund för enkelt admin. Logga in Skriv in adressen till din webbsida följt av /login. Exempel: www.minsajt.
Kom igång Logga in Skriv in adressen till din webbsida följt av /login. Exempel: www.minsajt.se/login Nu dyker en ruta upp på skärmen. Fyll i ditt användarnamn och lösenord och klicka på "logga in". Nu
Sidnumrering i Word HÖGSKOLAN VÄST
Sidnumrering i Word HÖGSKOLAN VÄST 1 Hur man skapar sidnumrering Steg. Hur skapar man sin egen sidnumrering? i Word (som börjar och slutar på valfri sida) Introduktion Börja med att infoga - för dig ett
Manual för lokalredaktörer villaagarna.se
Manual för lokalredaktörer villaagarna.se Version 1 Villaägarnas Riksförbund Sollentuna 2011 Postadress Besöksdress Telefon Fax E-post Hemsida Box 7118, 192 07 Sollentuna Johan Berndes väg 8-10 010-750
Inledning till OpenOffice Calculator Datorlära 2 FK2005
Inledning till OpenOffice Calculator Datorlära 2 FK2005 Mål Lära sig att skapa och använda ett räkneblad med OpenOffice Calculator Beräkna medelvärde och standardavvikelsen med räknebladet Producera en
Användarmanual för trvff.se
Användarmanual för trvff.se Om inget annat framgår så utgår alla beskrivningar ifrån att man är inloggad som en person med behörighet som administratör till en fritids förening. Innehållsförteckning Användarmanual
Grafisk manual (kort version)
Grafisk manual (kort version) Innehåll 1. Grafisk profil 2. Idé 3. Logotyp Lathund 4. Fri yta 5. Balans 6. Storlek 7. Med andra logotyper 8. Typografi Museo Sans 500 Georgia 9. Färger Huvudfärger 10. Språk
HTML och CSS. Eric Elfving Institutionen för Datavetenskap (IDA)
HTML och CSS Eric Elfving Institutionen för Datavetenskap (IDA) Upplägg Introduktion Grundläggande HTML Ändra utseende med CSS 2 Introduktion HyperText Markup Language används för att strukturera text
Hur du gör ditt Gilles hemsida - en liten hjälp på vägen
Hur du gör ditt Gilles hemsida - en liten hjälp på vägen Sidan 2 - Logga in Sidan 3 - Uppbyggnad av en sida Sidan 4 - Infoga länk Sidan 5 - Infoga bilaga Sidan 6 - Infoga bild Sidan 7-8 Vad betyder knapparna