HTML աղյուսակները հեշտ է ստեղծել, երբ հասկանում եք տողերի եւ սյուների հիմունքները, եւ երբ հասկանում եք, երբ սեղանն օգտագործում է, եւ երբ պետք է խուսափել դրանցից:
Աղյուսակների կարճ պատմություն եւ վեբ դիզայն
Շատ տարիներ առաջ, նախքան CSS- ի եւ վեբ ստանդարտների ընդունելի լինելը, վեբ դիզայներները HTML- ի
տարրը օգտագործել են կայքերի էջերի դասավորությունը ստեղծելու համար: Կայքի նախագծումները «կտտացրին» փոքրիկ կտորների մեջ որպես հանելուկ, այնուհետեւ զուգորդվում է HTML աղյուսակով, որը նախատեսված է դիտարկիչում որպես նախատեսված: Դա շատ բարդ գործընթաց էր, որը ստեղծել է բազմաթիվ լրացուցիչ HTML նշումներ եւ որոնք երբեք չեն օգտագործելի լինեն այսօրվա բազմաշերտ աշխարհում մեր կայքերը : Քանի որ CSS- ն դարձել է վեբ-պատկերների եւ դասավորության համար ընդունված մեթոդ, դրա համար սեղանների օգտագործումը դարձել է խուսափելու եւ շատ վեբ դիզայներները սխալմամբ հավատում էին, որ «սեղանները վատ էին»: Դա եղել է եւ սխալ է: Սեղանները դասավորության համար վատ են, բայց դրանք դեռ տեղ ունեն վեբ դիզայնի եւ HTML- ի վրա, որտեղ ցուցադրվում են գրաֆիկական տվյալներ, ինչպիսիք են գնացքի ժամանակացույցի օրացույցը: Այդ բովանդակության համար սեղանի օգտագործումը դեռեւս ընդունելի եւ լավ մոտեցում է:
Այսպիսով, ինչպես եք ձեւավորում սեղան: Սկսենք `սկսելով պարզապես 2x2 աղյուսակը ստեղծել: Դա կունենա 2 սյունակ (դրանք ուղղահայաց բլոկներ) եւ 2 տող (հորիզոնական բլոկներ): 2x2 սեղան կառուցելուց հետո դուք կարող եք կառուցել ցանկացած չափի սեղան, որը ցանկանում եք պարզապես ավելացնել լրացուցիչ շարքեր կամ սյունակներ:
Բարդությունը ` միջին
Ժամկետը պահանջվում է ` 10 րոպե
Ահա թե ինչպես:
- Նախ բացեք աղյուսակը
- Բացեք առաջին շարքը tr tr tag
- Բացեք առաջին սյունակը td tag
- Գրեք բջիջների բովանդակությունը
- Փակեք առաջին բջիջը եւ բացեք երկրորդը
- Գրեք երկրորդ բջիջի բովանդակությունը
- Կասեցնել երկրորդ բջիջը եւ փակել տողը
- Երկրորդ շարքը գրեք որպես առաջին
| | - Այնուհետեւ փակեք աղյուսակը
Կարող եք նաեւ ընտրել սեղանի թղթապանակներ ձեր աղյուսակում ավելացնել | տարրը: Այս աղյուսակի վերնագրերը կարող են փոխարինել «սեղանի տվյալները» կտորները առաջին սեղանի շարքում, ինչպես այսպես.
| Անվան | Դիրը | | Ջերեմի | Դիզայներ td> Jennifer | Հեղինակ | Երբ այս էջը կցուցադրի բրաուզերում, սեղանի թղթապանակների հետ առաջին շարքը, որպես լռելյայն, դրսեւորվում է համարձակ տեքստում, եւ դրանք կենտրոնացած կլինեն սեղանի բջիջում, որ հայտնվում են:
Այսպիսով, HTML- ում աղյուսակներ օգտագործելը լավ է: Այո `այնքան ժամանակ, քանի դեռ չեք օգտագործում դրանք դասավորության նպատակների համար: Եթե Ձեզ անհրաժեշտ է ցուցադրել աղյուսակային տեղեկատվությունը, սեղանն է դա անելը: Փաստորեն, խուսափելով սեղանից խուսափելու համար, որոշակի սխալ մաքրության պատճառով հեռացնել այս լեգիտիմ HTML- ի տարրը, քանի որ դրանք օգտագործվում են այս օրվա եւ տարիքի դասավորության պատճառով:
Գրված է Ջենիֆեր Քիրին: Վերափոխվել է Ջերեմի Գիրարդը 8/11/16 թ .:
| | |