Hur man gör en hemsida med bilder och tabeller

October 31

Bilder och tabeller är två gemensamma element på många webbplatser. Bilderna kan vara människor eller saker, grafik, animationer eller någon annan bild. Tabeller organisera data och innehåll på ett logiskt sätt. Du har en stor flexibilitet i att anpassa utseendet på tabeller, inklusive att ange en gräns, avstånd mellan celler och innehåll, storleken på bordet och som gränsar att visa. Bildtaggar är mycket enklare. Du ger helt enkelt webbadressen till bilden och någon text för att beskriva det, så låt webbläsaren göra resten.

Instruktioner

1 Öppna en tom textfil, spara den som "index.html" och sätt markören längst upp i filen.

2 Skriv följande:

<Html>

<Head>

<Title> Min webbsida </ title>

</ Head>

<Body>

Ändra texten i rubriktaggen. Detta ställer in huvudsektionen för indexsidan på din webbplats. Allt innehåll som besökarna ser ingår i body-taggarna.

3 Skriv följande:

<Img alt = "Min bild">

Ändra värdet för attributet src till sökvägen där du sparade bilden. Alt-attributet visar text när besökarens musen över bilden eller om länken till bilden fungerar inte. Ändra texten för att bättre beskriva bilden, eller ta bort texten helt och hållet.

4 Skriv följande:

<Table>

<Tr>

<Td> Rad 1, Cell 1 </ td>

<Td> Rad 1, Cell 2 </ td>

</ Tr>

<Tr>

<Td> Row 2, Cell 1 </ td>

<Td> Row 2, Cell 2 </ td>

</ Tr>

</ Table>

I tabellen taggen definierar en ny tabell. TR-taggen definierar en ny tabellrad, medan td-taggen definierar en ny tabellcell.

5 Skriv följande:

<Table border = "1px" width = "50%" cellpadding = "10px" cellspacing = "5PX" regler = "rader">

<Tr>

<Th> Rad 1, Header 1 </ th>

<Th> Rad 1, Header 2 </ th>

</ Tr>

<Tr>

<Td colspan = "2"> Rad 2, Cell 1 och 2 </ td>

</ Tr>

</ Table>

Th tag i stället för td-taggen anger en kolumnrubrik. Det centers och bolds texten i cellen. Tabellen taggen kräver inga ytterligare attribut, men du kan inkludera någon av flera att anpassa sitt utseende. I det här exemplet har bordet en gräns som är en pixel bred. Den cellpadding attribut placerar 10 pixlar mellan insidan av cellväggarna och innehållet i cellerna och cellspacing attribut sätter 5 pixlar mellan varje cell. Reglerna attribut anger att en gräns endast ska visas i rader. Bredden attribut anger att tabellen ska ta upp 50 procent på skärmen.

6 Skriv följande och sedan spara och stäng filen:

</ Body>

</ Html>

Dessa taggar stänga kropps- och html-taggar öppnas i början av dokumentet.


        

Välkommen till dig för att skicka en kommentar:

            
            
            
            

© 2019 Astrixsoft.com | Contact us: webmaster# astrixsoft.com