Dator
 |  Startsida |  Hårdvara |  Nätverk |  Programmering |  Programvara |  Felsökning |  System |   
Programmering
  • C /C + + -programmering
  • Computer Programspråk
  • Delphi Programmering
  • Java Programming
  • JavaScript programmering
  • PHP /MySQL Programmering
  • perl Programmering
  • python Programming
  • Ruby programmering
  • Visual Basics Programmering
  • * Dator Kunskap >> Programmering >> Computer Programspråk >> Content

    Hur man skapar en HTML Galleri

    En HTML- galleriet är ett sätt att visa upp de bilder du har tagit i prydliga , organiserade kolumner och rader . Du kan dela en bild eller grafik som du äger , så länge deras filändelser slutet på . Gif , . Jpg , . Png eller . TFF . Lär dig att bygga en fyra kolumner , tvåradigt bord med fyra grafikkort och fyra titlar, center tabellen på sidan och lägga till en rubrik till galleriet . Instruktioner
    Basic Gallery
    1

    Skriv in följande kod för att skapa den grundläggande XHTML webbsida : < 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 = " sv " Sida 2

    Type början och slutet

    < /table > taggar mellan början och slutar < /body > taggarna .
    < /table >

    3

    Lägg tabellraden börjar och slutar taggar . Skriv dem mellan början och slutar

    < /table > taggar : < /tr >
    4

    Lägg taggarna tabelldata mellan

    < /tr> taggarna . Detta kommer att bli den första cellen i tabellen , och även den första kolumnen i tabellen . Namnet kommer vi att använda för denna cell är kolumn en , rad ett . taggarna . Detta kommer att vara kolumn två , rad ett . taggarna , se till att du kommer ihåg de två obligatoriska attribut , src och alt . Square Graphic
    8

    Lägg ett tredje par

    taggarna efter tabellraden sluttagg och före utgången taggen för bord , som visas . : < /tr > < /tr > < /table >
    12

    Mellan det andra paret

    taggarna , typ fyra par av < ; td > < /td > taggarna , som visas :
    < /Td >
    5

    Lägg din första bild med hjälp av taggen , som visas : Title av File Förklaring: taggen kräver två attribut för att vara kompatibel med nuvarande webb - kodning : src ( source ) attribut , som pekar direkt till där filen lagras på din server , och höjd ( alternativ text ) attribut , som beskriver grafik till synskadade . Den taggen inte har en sluttagg , så separera det sista tecknet med ett mellanslag , sedan ett snedstreck och sedan större än sign.Note : För demonstrationsändamål kommer jag att använda en serie av geometriska grafik .
    6

    Efter den avslutande tabellen uppgifterna tag , ( < /td > ) , klicka på "Enter " och lägg till ett annat par

    < /Td >
    7

    Lägg din andra bild mellan

    < ;/td > taggarna , tillsammans med din " " tagg . Detta kommer att vara kolumn tre , rad ett . Triangle Graphic < /td >
    9

    Lägg ett fjärde par

    < /td > taggarna , tillsammans med din bild taggen . Detta kommer att vara kolumn fyra , rad ett . Rectangle Graphic < /td >
    10

    Spara och ladda upp ditt dokument . Det ska se ut som den bifogade grafiska
    11

    Skriv ett andra par

    < /td > < /td > < /td > < /td > Dessa taggar kommer att vara kolumnerna ett till fyra , rad två .
    13

    Typ ett par djärva taggar mellan varje början och slut " tabelldata " taggar , som
    14

    Skriv de kursiva taggar ( < /i> ) mellan de djärva taggarna , som
    15

    Skriv titeln på varje bild mellan kursiv taggarna . Spara och ladda upp din fil .
    Format Galleri
    16

    Type början " center " tag mellan början " kroppen " taggen och början " table " -taggen , som visas :


    17

    Type slutet " center " tag mellan slutet " tabellen " tag och slutet " kropp " -taggen , som visas : < ;/table > < /center > < /body> Förklaring : . "centrum" taggar kommer horisontellt centrera tabellen på sidan
    18

    Skriv in följande attribut i början " tabellen " taggen för att skapa gränser runt bordet och runt varje enskild cell i tabellen , som visas :

    tabellen ska se ut den bifogade bilden
    19

    Ange . efter mellan < table border = " 1 " taggen och början tabellraden tag:

    Mitt galleri < /th > < /tr > Förklaring : tabellen header , eller < /th > taggarna , används för att skapa en cell där texten är centrerad och fet . Den " colspan " attribut skapar en lång cell , som i detta fall , fyra kolumner långa , vilket framgår av antalet fyra inom citattecken .
    20

    Skriv

    < /h1 > rubrik taggar runt orden " Mitt galleri " för att göra titeln på galleriet sticker ut :

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

    Spara och ladda upp din fil till din server . Gallery ska se ut den bifogade .

    Tidigare:

    nästa:
    relaterade artiklar
    ·Skillnader mellan Byte Array Vs . String
    ·Militär användning av artificiell intelligens
    ·Hur räkna hur många rader kod Du Har
    ·Hur man kan begränsa text i HTML
    ·Hur man skriver ett Pseudokod Loop
    ·Hur man skapar SAP bakgrund jobb Automatiskt
    ·Hur man skriver Pseudokod med arrayer
    ·Hur man gör ett flödesschema med två argument
    ·Så här visar du ett Word-dokument i ASP.NET
    ·Hur man skapar Laddar Bars
    Utvalda artiklarna
    ·Hur man använder variabler i ett Eclipse Classpath Pro…
    ·Hur man skapar en HTML Galleri
    ·Typer av attacker buffertöverskridning
    ·Hur man skickar ett meddelande funktion i C
    ·Komma åt ActiveX-kontroller
    ·Online PHP Certifiering
    ·Eclipse Vs . Vim
    ·Hur Center - Motivera String Produktionen inom Java
    ·Hur du uppdaterar ODBC Records i VB6
    ·Hur man gör en VSH Arkiv
    Copyright © Dator Kunskap http://www.dator.xyz