GRUNDEN STRUKTURELLA DEFINITIONER FORMELLA DEKORATIONER. Dokumenttyp <HTML></HTML> (start och slut på fil)



Relevanta dokument
1 Se till att dokumentet C:\Webbkurs\html\pronto\index4.html är öppet i Anteckningar.

Lathund för HTML-kodning

P O R T A L S Y S T E M

Att använda laget.se

Internet A. HTML Grunder Maximilien Chiang 1

LATHUND WORD XP/2002 SV/EN

Övningar i kursen Webbdesign 100p

Tabeller. Lektion 7. en tabellrubrikcell som centrerad och i fetstil.

Modul 8 Hantering av indata

2I1073 Föreläsning 1. HTML och XHTML XHTML

Handbok HTML. Vi utvecklar kontinuerligt nya titlar, besök för aktuell statuslista. Gör din beställning direkt i vår webbutik.

Laboration 1. Webbprodution Struktur & innehåll HT2015

Dynamisk HTML JavaScript och webbläsarens objektmodell

Ikon Menyalternativ Funktion och beskrivning Sök och ersätt text i arbetsfältet. Ramformatering

Inför prov 1 i webbdesign

Prototyper används för att

07/12/2015. Stilmallar. - styra utseendet av webbplatsen DEL 1. Karin Fahlquist. index.html. iecept.html frukt.html grönsaker.html

LATHUND WORD RXK Läromedel Tel: , Fax: e-post:

Adobe. Dreamweaver CS3. Grundkurs.

LATHUND PUBLISHER 2000

Tillgänglighetskrav på teknik Dessa krav baseras på WCAG 2.0,

F12 Mobila enheter Dagens agenda

- - - W e b d e s i g n s k o l a n B i l d e r

Instruktion 5. Talonger och tabeller. Övning 25. Hur man gör en talong? Börja med att ställa in ett styckeavstånd på en tomrad.

Övning 1 Vi börjar med en vanlig html-fil där html används för både innehåll och utseende:

Labbrapport: HTML och CSS

ORDLISTA WEBBDESIGN 100P

LATHUND FRONTPAGE 2000 SV/EN

Laborationer i kursmomentet Datoranvändning E1. Laboration nr 5: Mer om FrameMaker

Brevuppställning med sidhuvud

Webbdesign vt Innehållsförteckning

Att berätta med webb + En introduktion till HTML

Instruktion arbeta med rapportmallen

Användarmanual. 1.0 Login

Instruktioner till övningen som börjar på nästa sida

Innehåll. Läs detta först. Kapitel 1 Microsoft Word 2003

Manual. Anpassad för CMS Made Simple version 1.9.x (uppdaterad ) Birger Eriksson webblots.se

!!!!! Bruksanvisning !!!!!!!!! För version 1.11.x (uppdaterad ) !!!!!!!!!!!!! Birger Eriksson webblots.se

WEBB PRODUKTION. Tillgänglighet och Användbarhet Thomas Mejtoft. Thomas Mejtoft

WEBBUTVECKLING CSS. Formatmallar - CSS

LATHUND WORD RXK Läromedel AB, Riddarplatsen 36 Plan Järfälla Tel: , Fax: e-post: info@rxk.

LATHUND FRONTPAGE 2000

PIM Skriva

Word bengt hedlund

Översikt. Installation av EasyPHP 1. Ladda ner från Jag använder Release Installera EasyPHP.

Verktyget är begränsat till Microsoft Internet Explorer v 7.0 och uppåt

Introduktion till PHP

Rapportgenerator handbok

ANVISNINGAR INNEHÅLL. 1 Inledning Mallpaketet... 4

Introducerande övningar i HTML

JAVASCRIPT. Beteende

Webbdesign vt Innehållsförteckning

Laboration med Internet och HTML

Tentamen OOP

Användarmanual HOIF.org

Prova på-laboration i PHP Johan Sjöholm johsj@ida.liu.se Institutionen för datavetenskap, Linköpings universitet

Dreamweaverskolan, Jump Meny - Formulär - Forms

FrontPage Express. Ämne: Datorkunskap (Internet) Handledare: Thomas Granhäll

Skapa en webbplats med WordPress

Dokumentmall i Word för uppsatser i franska och italienska

Hur gör man? Det finns två olika tillvägagångssätt. FoU Kronoberg

Innehåll. Kapitel 1 Allmän IT-kunskap. Avsnitt 1 Allmän IT-kunskap... 1

Sabrinalle. WordPress v4.3.1, Bootstrap 3, 2015.

Lektion 2 - CSS. CSS - Fortsätt så här

Examensarbete i veterinärmedicin A2E Anvisningar för den skriftliga presentationen

Innehåll Introduktion... 3 InteractiveScene.config... 3 Scener <scenes>... 3 Typsnitt <fonts>... 3 Övergångar <transitions>...

Formulär i Sitecore. Innehåll. Inlogg sitecore:

Vad är Affärskommunikation

Microsoft Word. Lathund för. Innehåll. Autokorrigering. Autotext. Format

Pagineringsgadget Ordlista Scen Spellista Slide Mall Innehållselement Gadget... 27

Övningar i JavaScript del 2

Lab 5: ASP.NET 2.0 Site Navigation

Användarmanual för Hemsida

T a b e l l e r - t a b l e s

Grafiska användargränssnitt i Java

Webbkurs för distriktsansvariga. Stockholm den 7 och 13 september 2011

ALEPH ver. 16 Sökning

Sidan kommer inte läggas upp någonstans utan du redovisar den för mig på något handledningstillfälle.

Så använder du wordmallarna i VIS

FORMALIA EXAMENSARBETE

Sophia Prosell DREAM WEAVER SKAPA OCH PUBLICERA EFFEKTIVA WEBBSIDOR

Format fo r import av objekt i Sofie

Upsättning av Shoutcast-sändning

En snabb titt på XML LEKTION 6

Ordbehandling för PM och uppsatsskrivning med Word xp

Att arbeta med. Müfit Kiper

Bryt ditt. musberoende! Kortkommandon för alla situationer

Manual Kulturpool Värmland 2.0

LITEN LATHUND TILL ALUMNDATABASEN

Övning 2: I cellerna B19 och F26 ska du beräkna den totala ytan för respektive hus. I cell C28 den totala ytan, för båda husen.

1. FORMULÄR. A. Skapa formulär

Eva Ansell EXCEL 2007 MICROSOFT

Objektorienterad programmering D2

Labora&on 8 Formulär övningar/uppgi6er

Svängningar - laborationsrapport + L A TEX-nyttigheter Fysik - mekanik och vågor (FAFA01) Första utkastet 12 maj 2014

Användbarhet. Bryt rätt regler. Nils Ehrenberg

SÖKORDSREGISTER SÖKORD

Datorlaboration 2 Konfidensintervall & hypotesprövning

Scribus fortsättning

Webbstudio Internetworld - Webbproduktion förklarad på svenska - En del av IDG.se. I dessa program redigerar du HTML och så sparar du dina filer

Transkript:

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 Formulär sida 4 Tabeller sida 5 Frames sida 6 Java sida 6 Allehanda sida 7

GRUNDEN Dokumenttyp <HTML></HTML> (start och slut på fil) Titel <TITLE></TITLE> (måste stå i sidhuvudet) Huvud <HEAD></HEAD> (info OM sidan, t.ex. TITLE) Kropp <BODY></BODY> (själva innehållet) STRUKTURELLA DEFINITIONER Rubrik <H?></H?> (6 nivåer) Justera rubrik <H? ALIGN=LEFT CENTER RIGHT></H?> Avsnitt Justera avsnitt <DIV></DIV> <DIV ALIGN=LEFT RIGHT CENTER></DIV> Citerat stycke <BLOCKQUOTE></BLOCKQUOTE> (ofta indrag) Betonat <EM></EM> (visas ofta kursivt) Starkt betonat <STRONG></STRONG> (visas ofta med fetstil) Citat <CITE></CITE> (vanligtvis kursiv) Programkod <CODE></CODE> (för källkod) Utdata-exempel Indata från tangentbord Variabel Definition Konstruktörens adress Jättebokstäver Pyttebokstäver <SAMP></SAMP> <KBD></KBD> <VAR></VAR> <DFN></DFN> (inte särskilt spritt) <ADDRESS></ADDRESS> <BIG></BIG> <SMALL></SMALL> FORMELLA DEKORATIONER Fetstil Kursiv <B></B> <I></I> Understruket <U></U> (ännu inte särskilt spritt) Överstruket <STRIKE></STRIKE> (ännu inte särskilt spritt) Överstruket <S></S> (ännu inte särskilt spritt) Nedsänkt Upphöjt <SUB></SUB> <SUP></SUP> Skrivmaskin <TT></TT> (bokstäver med enhetlig bredd) Håkan Hallberg 1998 1

Förformaterad <PRE></PRE> (visa alla blanktecken) Bredd Centrerat <PRE WIDTH=?></PRE>(räknat i tecken) <CENTER></CENTER> (både för text och bild) Blinkande <BLINK></BLINK> (mest häcklade taggen någonsin) Teckengrad <FONT SIZE=?></FONT> (från 1-7) Ändra teckengrad <FONT SIZE="+ -?"></FONT> Basteckengrad <BASEFONT SIZE=?> (1-7; från början 3) Teckenfärg Typsnitt Flera spalter <FONT COLOR="#$$$$$$"></FONT> <FONT FACE="***"></FONT> <MULTICOL COLS=?></MULTICOL> Spaltmellanrum <MULTICOL GUTTER=?></MULTICOL> (standard 10 bildpunkter) Spaltbredd Luft Lufttyp Luftstorlek Luftdimensioner Justera luft <MULTICOL WIDTH=?></MULTICOL> <SPACER> <SPACER TYPE=horizontal vertical block> <SPACER SIZE=?> <SPACER WIDTH=? HEIGHT=?> <SPACER ALIGN=left right center> LÄNKAR OCH GRAFIK Länka någonting <A HREF="URL"></A> Länk till ankare <A HREF="URL#***"></A> (om i annat dokument) <A HREF="#***"></A> (om i samma dokument) Målfönster <A HREF="URL" TARGET="*** _blank _self _parent _top"></a> Definiera ankare i dokument <A NAME="***"></A> Släktskap <A REL="***"></A> (inte särskilt spritt) Omvänt släktskap <A REV="***"></A> (inte särskilt spritt) Visa bild <IMG SRC="URL"> <IMG SRC="URL" ALIGN=TOP BOTTOM MIDDLE LEFT RIGHT> <IMG SRC="URL" ALIGN=TEXTTOP ABSMIDDLE BASELINE ABSBOTTOM> Alternativ text <IMG SRC="URL" ALT="***"> (om bilden inte visas) Är imagemap <IMG SRC="URL" ISMAP> (kräver ett script) Är klient-imagemap Imagemap <IMG SRC="URL" USEMAP="URL"> <MAP NAME="***"></MAP> Håkan Hallberg 1998 2

Klickområde <AREA SHAPE="RECT" COORDS=",,," HREF="URL" NOHREF> Dimensioner <IMG SRC="URL" WIDTH=? HEIGHT=?> (i bildpunkter) Ram <IMG SRC="URL" BORDER=?> (i bildpunkter) Omgivande luft <IMG SRC="URL" HSPACE=? VSPACE=?> (i bildpunkter) Lågupplöst förtitt Client Pull Inbäddat objekt Objektdimensioner <IMG SRC="URL" LOWSRC="URL"> <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL"> <EMBED SRC="URL"> (infogar objekt på sidan) <EMBED SRC="URL" WIDTH=? HEIGHT=?> TEXTINDELNING Stycke <P></P> (avslutande tag ofta överflödig) Justera stycke <P ALIGN=LEFT CENTER RIGHT></P> Radbrytning <BR> (en vagnretur) Radbryt tills tomt Horisontal linje <BR CLEAR=LEFT RIGHT ALL> <HR> <HR ALIGN=LEFT RIGHT CENTER> Tjocklek <HR SIZE=?> (i bildpunkter) Längd <HR WIDTH=?> (i bildpunkter) Längd i procent <HR WIDTH="%"> (i procent av sidans bredd) Fylld linje <HR NOSHADE> (utan reliefskuggning) Bryt ej <NOBR></NOBR> (förhindrar radbrytning) Avstava här <WBR> (bryt här vid behov) LISTOR Onumrerad lista <UL><LI></UL> (<LI> före varje post) <UL COMPACT></UL> Bombtyp <UL TYPE=DISC CIRCLE SQUARE> (för hela listan) <LI TYPE=DISC CIRCLE SQUARE> (denna & resten) Numrerad lista <OL><LI></OL> (<LI> före varje post) <OL COMPACT></OL> Typ av numrering <OL TYPE=A a I i 1> (för hela listan) <LI TYPE=A a I i 1> (denna & resten) Startsiffra <OL START=?> (för hela listan) Håkan Hallberg 1998 3

<LI VALUE=?> (denna & resten) Definitionslista Menylista <DL><DT><DD></DL> (<DT>=term, <DD>=definition) <DL COMPACT></DL> <MENU><LI></MENU> (<LI> före varje post) <MENU COMPACT></MENU> Kataloglista <DIR><LI></DIR> (<LI> före varje post) <DIR COMPACT></DIR> BAKGRUND OCH FÄRGER Rapporterande bakgrund Bakgrundsfärg Textfärg Länkfärg Besökt länk Aktiv länk <BODY BACKGROUND="URL"> <BODY BGCOLOR="#$$$$$$"> (röd/grön/blå) <BODY TEXT="#$$$$$$"> <BODY LINK="#$$$$$$"> <BODY VLINK="#$$$$$$"> <BODY ALINK="#$$$$$$"> SÄRSKILDA TECKEN (alla måste skrivas gement) Särskilda tecken &#?; (där? är tecknets ISO 8859-1 kod) < < > > & & " " Registrerat varumärke Copyright Obrytbart mellanslag FORMULÄR Definiera formulär Skicka fil <FORM ACTION="URL" METHOD=GET POST></FORM> <FORM ENCTYPE="multipart/form-data"></FORM> Indatafält Fältnamn <INPUT TYPE="TEXT PASSWORD CHECKBOX RADIO IMAGE HIDDEN SUBMIT RESET"> <INPUT NAME="***"> Håkan Hallberg 1998 4

Fältvärde <INPUT VALUE="***"> Kryssad? <INPUT CHECKED> (kryssrutor och radioknappar) Fältstorlek <INPUT SIZE=?> (i antal tecken) Maxlängd <INPUT MAXLENGTH=?> (i antal tecken) Lista med flera alternativ Listans namn Antal alternativ Välja flera <SELECT></SELECT> <SELECT NAME="***"></SELECT> <SELECT SIZE=?></SELECT> <SELECT MULTIPLE> (kan välja mer än en)) Valalternativ <OPTION> (objekt som kan väljas) Förvalt alternativ Indatarutans storlek Rutans namn Bryt lång rad <OPTION SELECTED> <TEXTAREA ROWS=? COLS=?></TEXTAREA> <TEXTAREA NAME="***"></TEXTAREA> <TEXTAREA WRAP=OFF VIRTUAL PHYSICAL></TEXTAREA> TABELLER Definiera tabell Tabellram Cellmellanrum Luft i cell <TABLE></TABLE> <table border=?></table> <TABLE CELLSPACING=?> <TABLE CELLPADDING=?> Önskad bredd <TABLE WIDTH=?> (i bildpunkter) Bredd i procent Tabellrad <TABLE WIDTH="%"> (i procent av sidan) <TR></TR> <TR ALIGN=LEFT RIGHT CENTER MIDDLE BOTTOM> Tabellcell <TD></TD> (måste stå inom tabellrader) Ingen radbrytning Antal tabkolumner Antal tabrader <TD ALIGN=LEFT RIGHT CENTER MIDDLE BOTTOM> <TD NOWRAP> <TD COLSPAN=?> <TD ROWSPAN=?> Önskad bredd <TD WIDTH=?> (i bildpunkter) Bredd i procent <TD WIDTH="%"> (i procent av tabellen) Cellfärg <TD BGCOLOR="#$$$$$$"> Tabellrubrik <TH></TH> (samma som data, men fet centrerad) <TH ALIGN=LEFT RIGHT CENTER MIDDLE BOTTOM> Håkan Hallberg 1998 5

Ingen radbrytning Antal tabkolumner Antal tabrader <TH NOWRAP> <TH COLSPAN=?> <TH ROWSPAN=?> Önskad bredd <TH WIDTH=?> (i bildpunkter) Bredd i procent <TH WIDTH="%"> (i procent av tabellen) Cellfärg Överskrift <TH BGCOLOR="#$$$$$$"> <CAPTION></CAPTION> <CAPTION ALIGN=TOP BOTTOM> (ovan/nedan tabellen) FRAMES Framedokument <FRAMESET></FRAMESET> (istället för <BODY>) Radhöjd <FRAMESET ROWS=,,,></FRAMESET> (bildpunkter eller %) Radhöjd <FRAMESET ROWS=*></FRAMESET> (* = relativ storlek) Kolumnbredd <FRAMESET COLS=,,,></FRAMESET> (bildpunkter or %) Kolumnbredd <FRAMESET COLS=*></FRAMESET> (* = relativ storlek) Ramtjocklek Ram? Ramfärg <FRAMESET BORDER=?> <FRAMESET FRAMEBORDER="yes no"> <FRAMESET BORDERCOLOR="#$$$$$$"> Definiera frame <FRAME> (en frames innehåll) Visa dokument Framenamn <FRAME SRC="URL"> <FRAME NAME="***" _blank _self _parent _top> Marginalbredd <FRAME MARGINWIDTH=?> (vänster och höger marginal) Marginalhöjd Rullningslist? Fast storlek Ram? Ramfärg Framefritt innehåll <FRAME MARGINHEIGHT=?> (övre och nedre marginal) <FRAME SCROLLING="YES NO AUTO"> <FRAME NORESIZE> <FRAME FRAMEBORDER="yes no"> <FRAME BORDERCOLOR="#$$$$$$"> <NOFRAMES></NOFRAMES> (för framelösa browsrar) JAVA Applet Applet-filnamn <APPLET></APPLET> <APPLET CODE="***"> Håkan Hallberg 1998 6

Parametrar Applet-position <APPLET PARAM NAME="***"> <APPLET CODEBASE="URL"> Appletnamn <APPLET NAME="***"> (för referenser inom HTML-dokumentet) Alternative Text <APPLET ALT="***"> (för koffeinfria browsrar) <APPLET ALIGN="LEFT RIGHT CENTER"> Storlek <APPLET WIDTH=? HEIGHT=?> (i bildpunkter) Omgivande luft <APPLET HSPACE=? VSPACE=?> (i bildpunkter) ALLEHANDA Kommentar <!-- *** --> (visas inte av browsern) HTML 3.2 Prolog <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> Sökbart <ISINDEX> (indikerar ett sökbart index) Prompt <ISINDEX PROMPT="***"> (uppmaning till indata) Sänd sökning <A HREF="URL?***"></a> (använd ett riktigt frågetecken) Den här filens URL <BASE HREF="URL"> (måste stå i huvudet) Basfönsternamn <BASE TARGET="***"> (måste stå i huvudet) Släktskap <LINK REV="***" REL="***" HREF="URL"> (måste stå i huvudet) Metainformation <META> (måste stå i huvudet) Layoutmall <STYLE></STYLE> (ännu inte särskilt spritt) Scripts <SCRIPT></SCRIPT> (ännu inte särskilt spritt) Håkan Hallberg 1998 7