1. Location:
  2. / Computer learning >> Computer læring >> Kendskab til programmering >> Programmeringssprog >> html og HTML5 >>

html opstillingsskemaer

, en hjemmeside layout er meget vigtigt at give bedre se din hjemmeside.det tager lang tid at udforme et websted er indretning med stor ser ud og føles., nu om dage, alle moderne websteder bruger css og javascript rammer, til at komme med fleksible og dynamiske websteder, men du kan skabe en god udformning med simple html tabeller eller opdeling, i kombination med andre formatering hundetegn.dette kapitel vil give nogle eksempler på, hvordan man kan skabe en enkel, men arbejder placering på din hjemmeside med ren html og dets egenskaber. html layout - ved hjælp af tabeller, den enkleste og mest populære måde at skabe opstillingsskemaer bruger html < tabel > tag.disse tabeller er arrangeret i kolonne og rækker, så du kan udnytte disse rækker og søjler i den måde, de som. f.eks. for eksempel følgende html layout eksempel er opnået ved hjælp af en tabel med 3 rækker og kolonner, men hovedet og 2 meter lang kolonne omfatter begge kolonner ved hjælp af colspan attribut:, <!DOCTYPE html> <html> <head> <title>HTML Layout using Tables</title> </head> <body> <table width="100%" border="0"> <tr> <td colspan="2" bgcolor="#b5dcb3"> <h1>This is Web Page Main title</h1> </td> </tr> <tr valign="top"> <td bgcolor="#aaa" width="50"> <b>Main Menu</b><br /> HTML<br /> PHP<br /> PERL... < /td > < td bgcolor = "# eee" bredde = "100" højde = "200" > tekniske og ledelsesmæssige tutorials < /td > < /tr > < tr > < td colspan = "2" bgcolor = "# b5dcb3" > < center > ophavsret og kopi, 2007 tutorialspoint.com < /center > < /td > < /tr > < /tabel > < /organ > < /html >,, det vil give følgende resultat:,, det er hjemmeside vigtigste afsnit, vigtigste menu,,: folkesundhedsprogrammet, frisk...tekniske og ledelsesmæssige tutorials, ophavsret © 2007 tutorialspoint.com,, multiuple kolonner layout - ved hjælp af tabeller, du kan bygge din hjemmeside - indholdet på internettet i flere sider.du kan beholde deres indhold i midten, og du kan bruge venstre kolonne til at bruge menu og højre kolonne kan anvendes til reklame eller nogle andre ting.denne plan vil være meget lig det, vi har på vores websted tutorialspoint. kom. f.eks. her er et eksempel til at skabe tre kolonne layout:, <!doctype html > < html > < head > < afsnit > tre kolonne html layout < /afsnit > < /head > < krop > < tabel bredde = 100% - grænse = "0" > < tr valign = "top" > < td bgcolor = "# aaa" bredde = "20%" > < b > hovedmenu < /b > < br /> http: //< br /> på < br /> perl...< /td > < td bgcolor = "# b5dcb3" højde = "200" bredde = "60" > tekniske og ledelsesmæssige tutorials < /td > < td bgcolor = "# aaa" bredde = "20%" > og lt b > lige menuen < /b > < br /> html < br /> på < br /> perl...< /td > < /tr > < tabel > < /organ > < /html > dette giver følgende resultat:,, vigtigste menu,,: folkesundhedsprogrammet, frisk...tekniske og ledelsesmæssige tutorials, ikke menu,,: folkesundhedsprogrammet, frisk..., html opstillingsskemaer - ved hjælp af div., kalibrering, < div > element er en gade niveau element, der anvendes til at samle html elementer.mens < div > tag er en gade niveau element, html < span > element, der anvendes til gruppering elementer i en inline - plan., selv om vi kan opnå ret flot skemaer med html tabeller, men tabellerne ikke var udformet som et layout værktøj.tabeller er mere velegnet til at fremlægge data i tabelform.,, note: dette eksempel gør brug af brusende stil status (css), før at forstå dette. du skal have en bedre forståelse af, hvordan css virker. f.eks. her vil vi forsøge at opnå samme resultat ved hjælp af < div > det med forskning i, hvad du har opnået ved hjælp af < tabel > tag i tidligere f.eks. <!DOCTYPE html> <html> <head> <title>HTML Layouts using DIV, SPAN</title> </head> <body> <div style="width:100%"> <div style="background-color:#b5dcb3; width:100%"> <h1>This is Web Page Main title</h1> </div> <div style="background-color:#aaa; height:200px;width:100px;float:left;"> <div><b>Main Menu</b></div> HTML<br /> PHP<br /> PERL... < /div > < div stil = "baggrund farve:&#eee højde: 200px; bredde: 350px; flyde: venstre" > < p > tekniske og ledelsesmæssige tutorials < /p > < /div > < div stil = "baggrund farve:&#aaa, højde: 200px; bredde: 100px; flyde:," > < div > < b > lige menuen < /b > < /div > html < br /> på < br /> perl...< /div > < div stil = "baggrund farve:&#b5dcb3; klart: både" > < center > ophavsret © 2007 tutorialspoint.com < /center > < /div > < /div > og lt; /organ > < /html > dette giver følgende resultat:,, det er hjemmeside vigtigste afsnit, vigtigste menu, html, folkesundhedsprogrammet, frisk...tekniske og ledelsesmæssige tutorials, ikke menu, html, folkesundhedsprogrammet, frisk...ophavsret © 2007 tutorialspoint.com, du kan skabe bedre indretning af div., kalibrering og ccs.for mere information om css, henvises der til css tutor.



Previous:
Next Page: