Datamaskin
  | Hjem | Hardware | Nettverk | Programmering | Software | Feilsøking | Systems | 
Programmering  
  • C /C + + Programming
  • Computer Programmeringsspråk
  • Delphi Programming
  • Java Programming
  • JavaScript Programmering
  • PHP /MySQL programmering
  • Perl Programming
  • Python Programming
  • Ruby Programming
  • Visual Basics Programming
  •  
    Datamaskin >> Programmering >> Computer Programmeringsspråk >> Content
    Hvordan lage en HTML Galleri
    En HTML gallery er en måte å vise frem bildene du har tatt i ryddige , organiserte kolonner og rader . Du kan dele bilde eller grafikk som du eier, så lenge deres fil extensions slutter på. Gif , . Jpg, . Png eller . TFF . Lære å bygge en fire - kolonne , to- rad bord med fire grafikk og fire titler, center tabellen på side og legge til en tittel til galleriet. Instruksjoner
    Basic Gallery
    en

    Skriv inn følgende kode for å skape den grunnleggende XHTML webside : < 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 = " no "
    2

    Type begynnelsen og slutten

    < /table >-kodene mellom begynnelsen og slutter < /body >-kodene .
    < /table >

    3

    Legg raden i tabellen begynner og slutter koder. Skriver dem mellom begynnelse og slutt

    < /table> tags : < /tr >
    4

    Legg tabellen data koder mellom

    < /tr > tags . Dette vil være den første cellen i tabellen , og også den første kolonnen i tabellen . Navnet vi vil bruke for denne cellen er kolonne en, rad én . tags . Dette vil bli kolonne to, rad én . -kodene etter tabellen rad end tag og før slutten tag for tabellen , som vist. : < /tr> < /tr > < /table>
    12

    Mellom andre par

    -kodene skriver du fire par av < ; td> < /td >-kodene , som vist :
    < /Td >
    5

    Legg ditt første bilde ved å bruke tag, som vist: Title av File Forklaring: tag krever to attributter for å være kompatibel med dagens web - koding standarder : src ( source ) attributt , som peker direkte til hvor filen er lagret på serveren din , og alt ( alternativ tekst ) egenskap , som beskriver grafikk til synshemmede . Den tag ikke har en slutt tag , så skille det siste tegnet med et mellomrom , deretter en skråstrek og deretter større enn sign.Note : For demonstrasjonsformål , vil jeg bruke en rekke geometriske grafikk .
    6

    Etter avslutningen tabellen data tag , ( < /td > ) , trykk " Enter" og legge til en annen par

    < /Td >
    7

    Legg til din andre image mellom

    < /td >-kodene , og pass på at du husker de to påkrevde attributter, src og alt . Square Graphic
    8

    Legg til en tredje par

    < ;/td> tags , sammen med " " tag . Dette vil bli kolonne tre , rad én . Triangle Graphic < /td >
    9

    Legg en fjerde par

    < /td > tags , sammen med ditt bilde tag . Dette vil bli kolonne fire, rad én . Rectangle Graphic < /td >
    10

    Lagre og laste opp dokumentet . Det skal se ut som den vedlagte grafiske
    11

    Skriv inn et ekstra par

    < /td > < /td > < /td > < /td > Disse kodene vil være kolonner ett til fire, rad to .
    13

    Type et par dristige koder mellom hver begynnelse og slutt " tabelldata " tags , som
    14

    Skriv inn kursiv tags ( < /i> ) mellom de dristige koder , som
    15

    Skriv inn tittelen på hver grafisk mellom kursiv koder. Lagre og laste opp filen .
    Format Galleri
    16

    Type begynnelsen "center " tag mellom begynnelsen "kropp " tag og begynnelsen "tabellen " tag , som vist:


    17

    Type slutten "center " tag mellom slutten "tabellen " tag og slutt "body " tag , som vist : < ;/table> < /div> < /body > Forklaring: . "sentrum" tags vil horisontalt senteret tabellen på side
    18

    Skriv inn følgende attributt inne begynnelsen "table " koden for å lage grenser rundt bordet og rundt hver enkelt celle i tabellen , som vist :

    tabellen skal se ut vedlagte grafiske
    19

    Skriv inn . etter mellom < table border = " 1 "-koden og begynnelsen tabellraden tag:

    Mitt galleri < /th > < /tr > Forklaring : Tabellen header , eller < /th >-kodene , brukes til å lage en celle der teksten er sentrert og fet. Den " colspan " attributt skaper en lang celle, som er, i dette tilfellet, fire kolonner lange , som indikert av nummer fire i anførselstegn.
    20

    Skriv inn

    < /h1 > overskriften koder rundt ordene "Mitt Galleri " for å gjøre tittelen på galleriet skiller seg ut :

    Mitt galleri < /h1 > < /th > ; < /tr >
    21

    Lagre og laste opp filen til serveren din. Gallery skal se ut vedlagte .

    früher :

     Weiter:
      Relatert Artike
    ·Hva er en markør i TSQL 
    ·Hvordan å justere tekst til venstre i COBOL 
    ·Hvordan åpne XPS -programmer 
    ·Hvordan få SoapClient å sende en Aksepter Header 
    ·Hvordan skrive et program som tar 10 Heltall som Input 
    ·Slik fjerner en Open Token 
    ·Hvordan bruke en Switch Veske med Enum 
    ·Hva er skriptfeilsøking brukes for 
    ·Hvordan å lære VB for Access 
    ·Hvordan få Shell Script til å stoppe på den første …
      Anbefalte artikler
    ·Hvordan beregne Days Mellom to datoer i Java 
    ·Hvordan få tilgang til VBA- datatyper 
    ·Hvordan konvertere en streng til UTF - 8 i PHP 
    ·Hvordan lage en nettleser i Vb.Net uten nettleser Kontr…
    ·Hvordan koble en direkte Java Application Interface 
    ·Slik kjører Aptana Med Rails allerede installerte 
    ·Hvordan lage en String å godta Spaces 
    ·Hvordan Link Python til Apache 
    ·Informasjon om Java Training Online 
    ·Hvordan lære PASCAL 
    Copyright ©  Datamaskin  http://www.datamaskin.biz/