Welkom op de Nederland Computer Kennisnetwerk!  
 
Zoeken computer kennis
Home Hardware Netwerken Programmering Software Computerstoring Besturingssysteem
Computer Kennis >> Programmering >> Computer Programming Languages >> Content
Hoe kan ik een HTML- galerie Creëren
Een HTML- galerie is een manier om te pronken met de foto's die u hebt genomen in nette , georganiseerde kolommen en rijen . U kunt een foto of afbeelding die u bezit jpg , . Png of . Tff delen , zolang hun bestandsextensies einde in . Gif , . . Leer hoe u een vier - kolom , twee - rij-tabel op te bouwen met vier graphics en vier titels , midden van de tabel op de pagina en voeg een titel aan de galerij . Instructies
Basic Gallery

Typ de volgende code aan de basis XHTML webpagina te creëren 1 : < DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN " " http ! ://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd " > < html xmlns = " http://www.w3.org/1999/xhtml " xml : lang = " nl "

Type 2 het begin en einde

< /table > -tags tussen het begin en het einde < /body > tags.
< /table >

3

In de tabel rij begin en einde tags. Typt u deze tussen het begin en het einde

< /table > tags: < /tr>
4

In de tabel gegevenstags tussen de

< /tr> tags. Dit zal de eerste cel in de tabel , en ook de eerste kolom van de tabel. De naam die we zullen gebruiken voor deze cel is een kolom , rij een. < /tr> -tags na de tabelrij eind tag en vóór het eind -tag voor tafel , zoals afgebeeld . : < /tr> < /tr> < /table >
12

Tussen het tweede paar

< /tr> -tags , het type vier paar < ; td > < /td > -tags , zoals :
< /Td >
5

Voeg uw eerste opname samen door het tag , zoals getoond : Title van File Toelichting : De /> tag tag 6

Na het beëindigen van tabelgegevens tag ( < /td > ) , druk op "Enter " en voeg een ander paar

< /td > tags. Dit zal kolom twee , rij een. < /Td >
7

Voeg je tweede afbeelding tussen de

< /td > -tags , zorg ervoor dat u het zich herinnert de twee vereiste attributen , src en alt . Square Graphic
8

Voeg een derde paar

< ;/td > -tags , samen met uw " " tag . Dit zal kolom drie , rij een. Triangle Graphic < /td >
9

Toevoegen een vierde paar

< /td > -tags , samen met uw afbeelding tag . Dit zal de vierde kolom , rij een. Rectangle Graphic < /td >
10

Bewaar en upload uw document . Het moet lijken op de bijgevoegde afbeelding

Type 11 een tweede paar

< /td > < /td > < /td > < /td > Deze -tags zal zijn kolommen een tot vier , rij twee .

Type 13 een paar gedurfde labels tussen elk begin en het einde " table data " labels , zoals

Type 14 de cursieve -tags ( < /i > ) tussen de vet -tags , zoals
15

Typ de titel van elke grafische tussen de cursief tags. Opslaan en upload uw bestand .
Formaat Gallery

Type 16 het begin " centrum " -tag tussen het begin "body " -tag en het begin " tafel " -tag , zoals getoond :


Type 17 het einde " centrum " -tag tussen het einde " tafel " tag en het einde "body " -tag , zoals weergegeven : < ;/table > < /center > < /body > Toelichting : . het "centrum" -tags zal horizontaal midden van de tabel op de pagina

Type 18 het volgende attribuut in het begin " tafel " tag om grenzen te creëren rond de tafel en rond elke individuele cel in de tabel , zoals aangegeven :

de tabel moet lijken op de bijgevoegde afbeelding

Type 19 de . na tussen de < table border = " 1 " -tag en het begin tabelregel tag :

My Gallery < /th > < /tr> Toelichting : de tabel header , of < /th > -tags , worden gebruikt om een ​​cel waar tekst is gecentreerd en vet te maken . Het kenmerk " colspan " creëert een lange cel , dat is , in dit specifieke geval , vier kolommen lang , zoals aangegeven door het nummer vier in aanhalingstekens .

Type 20 de

< /h1 > heading tags rond de woorden " Mijn Galerij " om de titel van de galerie opvallen :

My Gallery < /h1 > < /th > ; < /tr>
21

Opslaan en upload uw bestanden naar uw server . Gallery eruit moet zien de bijgevoegde .

Previous: Next:
  Computer Programming Languages
·Hoe te dwingen een Destructor …
·Hoe maak je een Input converte…
·Hoe maak je een UDF -bestand 
·Hoe schrijf je een Trainzscrip…
·Hoe zet ik de Datestamp Datum …
·Hoe maak je een Delay in Shell…
·GUI Checklist 
·Hoe het opzetten van het MIT R…
·Hoe maak je een lijn gebruiken…
  Related Articles
Hoe maak je een Combo Box Maak in Visual…
Hoe maak je een Check Box Maak in Visual…
Hoe maak je een tekstvak maken in Visual…
Hoe maak je een optie Box in Visual Basi…
Hoe maak je een schijf keuzelijst in Vis…
Hoe kan ik een keuzelijst maken in Visua…
Hoe kan ik een Picture Box Maak in Visua…
Hoe een bestand keuzelijst Maak in Visua…
Hoe kan ik een afbeelding Box Maak in Vi…
  Programmering Articles
·Hoe een Outer Join in de AFD in WebFOCUS…
·Hoe om cijfers in Visual Basic 2005 
·Het wijzigen van de kleur in een Python …
·Python recursieve functies 
·ConnectException : Verbinding geweigerd …
·Hoe te activeren Perl in Snow Leopard 
·Hoe maak je aanleg van een klasse met be…
·Surfen op een bestand in Python 
·Fanuc CNC-programmering Tips 
Copyright © Computer Kennis http://www.nldit.com