|
WEBBDESIGN/HTML-skolan
Kom igång med HTML. /Peter
Kartal
DIN FÖRSTA SIDAN
Starta Notepad. Knappa text:
<html>
<head>
<title>Min hemsida</title>
</head>
<body>
Jag skapar min första hemsida. <b>Här kommer lite text i fetstil.</b>
</body>
</html>
|
Spara filen som "minsida.htm".
Starta din webblästare tex. Internet explorer. Select "Öppna"
under "Arkiv". Välj "Bläddra" och välj
"minsida.htm" - klicka "Öppna". Din första
hemsida visas!
HÄR ÄR ALL HTML KOD SOM DU BEHÖVER KUNNA:
| <HTML>...</HTML> |
varje hemsida börjar <html> och slutar med </html> |
| <HEAD>...</HEAD> |
Mellan de taggarna står viktig
information som titel (<title>Min hemsida</title>),
beskrivning <description >om min hemsida</description
>, nyckelord<keyword >min nyckelord</keyword
> |
| <BODY>...</BODY> |
hemsidans innehållet
skrivs här |
| BACKGROUND="url address" |
Bakgrundsbild |
| BGCOLOR="#cccccc" |
Bakgrundsfärg |
| BGSOUND="url-address" |
Bakgrundsljud |
| LINK="#c0c0c0" |
Textfärg för
obesökta länkar |
| VLINK="#c0c0c0" |
Textfärg för
besökta länkar |
| TEXT="#c0c0c0" |
Grundfärg för
text |
|
TEXT
|
| <B>...</B> |
Fetstil |
| <I>...</I> |
Kursiv |
| <BLINK>...</BLINK> |
Blinkande
text |
| <BLOCKQUOTE>...</BLOCKQUOTE> |
Större citat |
| <BR> |
Ny rad |
| CLEAR="LEFT" or
"RIGHT" |
Börjar på
ny rad efter en bild (höger eller vänster) |
| <P> |
Nytt
textstycke |
| <CENTER>...</CENTER> |
Centrerar
text eller bild |
| <FONT>...</FONT> |
textstilen |
| COLOR="#c0c0c0" |
Textfärg |
| <HR> |
linje |
| WIDTH="nummer% eller
pix" |
Bredden |
| ALIGN="left" or
"center" or "right" |
Placerar
linjen eller bilden till höger, vänster eller i mitten |
| SIZE="nummer" |
Linjens
tjocklek |
| <PRE>...</PRE> |
Texten kan läsas
exakt som den är skriven |
| <TT>...</TT> |
Skrivmaskinstil |
RUBRIK
| <H1>...</H1> |
Största
storlek |
| <H6>...</H6> |
Minsta
storlek |
LÄNKAR
| <A>...</A> |
Länken |
|
HREF="url address"
|
URL adressen till hemsidan som skall länkas till
|
|
NAME="text"
|
Länkar till en annan plats inom din hemsida
|
| <MENU>...</MENU> |
Menylistor |
| <OL>...</OL> |
Sorterad
lista |
| <UL>...</UL> |
Osorterad
lista |
|
<LI>
|
Här skrivs ordet/orden som anges i listan
|
|
BILD
<IMG> |
Placerar
bild på hemsidan
|
|
SRC="url address"
|
Ger sökvägen till bilden
|
|
ALT="text"
|
Bildtext om bilden inte kan visas
|
|
ALIGN="top", "bottom",
"middle", "left",
"right"
|
Placerar bilden uppe, nere, i mitten, vänster
eller höger
|
|
BORDER="nr"
|
Tjockleken på ramen runt bilden
|
|
HSPACE="pix"
|
Horisontellt avstånd mellan bilden och andra
objekt (t ex text)
|
|
VSPACE="pix"
|
Vertikalt avstånd mellan bilden och andra
objekt
|
|
HEIGHT="pix"
|
Anger bildens höjd i pixlar
|
|
WIDTH="pix"
|
Bildens bredd i pixlar
|
Formulär
| <FORM>...</FORM> |
Ifyllnadsformulär |
|
ACTION="url address"
|
Adressen till ett dokument som skall ta emot
ifyllda data
|
|
METHOD="GET" or "POST"
|
Anger hur formulärdata skall hämtas
|
| <INPUT> |
Anger området
som skall fyllas i av användaren |
|
TYPE="text", "radio", "checkbox",
"submit", "reset"
|
Anger inmatningstypen
|
|
NAME="name"
|
Anger namnet på indata (t ex tel nr)
|
|
VALUE="text"
|
Automatiskt satta värden (t ex 2005)
|
|
SIZE="nr"
|
Textfältets bredd i antalet tecken
|
|
MAXLENGTH="number"
|
Maximalt antal tecken i textfältet
|
| <SELECT>...</SELECT> |
flera alternativ |
|
MULTIPLE
|
flera
alternativ
|
| <OPTION> |
Anger de
olika valalternativen |
|
SELECTED
|
Anger det automatiskt satta alternativet
|
| <TEXTAREA>...</TEXTAREA> |
Skapar ett rullningsbart textfält |
|
ROWS="number"
|
Antal rader som visas i textrutan
|
|
COLS="number"
|
Antal kolumner som visas i textrutan
|
Tabeller
| <TABLE>...</TABLE> |
Tabell |
| <TH>...</TH> |
Tabellrubrik |
| <TR>...</TR> |
Anger att ny tabellrad börjar
|
| <TD>...</TD> |
Tabelldata |
WEBBDESIGN/HTML-tips - Peter Kartal
Du tänker börja med
webbdesign. Vad behöver du? Jo, inte så mycket egentligen.
Räcker att du öppnar "Notepad" eller
"Anteckningar".
Ändå är det vanligast att man använder FrontPage, ett program
som ingår i Microsofts Office-paket. Med tanke att det kostar,
kan du ladda ner en gratis webbredigerare. Det finns massor av
sådana på nätet.
Vi säger att allting gick bra
och du är nöjd med de webbsidor du skapat själv. Nästa steg
är att lägga upp dem på Internet.
Man måste skaffa en plats på
ett webbhotell, dvs. en plats på en server.
Du måste skicka dina sidor till
webbhotell och du gör det via ett FTP-program. Det är gratis att
hämta det på nätet.
|
|
Peter
Kartal lär dig HTML