Бо истифода аз ҷадвали HTML

Дар HTML, ҳастанд, то бисёре аз унсурњои, ва ҳар яке аз онҳо дар роҳи худ беназир аст. Љадвали - хеле ҷолиб, маъмул ва мавзӯи ҷиддӣ. Бо шарофати ба вай, Шумо метавонед на танҳо маълумоти дар шакли қулай таъмин намояд, балки низ барои сохтани як сомона дар доираи.

Пештар, қариб ҳамаи webmasters истифода мизҳои барои тарҳбандии сайтҳо аст. Дар аввал, дар сари суфра он омадаам, ки на, то ки бо. Аз ин рӯ, мо бояд ба як унсури Лиг басташавӣ ба қайд сомона истифода баред.

Агар шумо нахоҳед, ки ҳамеша як эскизи бимонад, даст дарҳол истифода бурда ба кор ҳама чиз дуруст. Ин дар HTML забони хеле муҳим аст. Дар љадвали бояд танҳо маълумоти муқаррарии (матн, пайвандҳо, рӯйхати, тасвирҳо, ва ғайра. P.), Ва на тамоми сомона дар маҷмӯъ ниҳод.

Чӣ тавр ба як HTML мизи?

Ҷадвали - як унсури комплекси, ки иборат аст аз як шумораи зиёди дигар элементҳои. Дар хотир доред, ки ҳангоми ташкили ҳуҷайраҳои ё сатрҳои ҳамеша фавран бояд ба гузошта пӯшидани барчасп. Дар акси ҳол ба он парвоз хоҳад кард. Handler дар браузери барои охири унсури назар ва, то даме ки онро ёбад, ҳама чиз идома хоҳад дод, то дохил дар сари суфра аст. Дар натиҷа хоҳад porridge.

Агар шумо менависам сомонаи интернетӣ дар «Notepad», он гоҳ ҳама чиз хоҳад доранд ба кор, бо дастҳои худ. Агар дар муҳаррири ниҳоӣ аст, ки одатан як тугма нест - "мизи номи", "симои номи» ва љайраіо.

НАМУНАИ 2 Љадвали 2.

<Паҳнои мизи = "100%" сарҳад = "1">

<ШТ>

матн барои сатри аввал нахустин ҳуҷайраи

матни хатти дуюми нахустин ҳуҷайраи

<ШТ>

матни ячейкаи аввали сатри дуюм

матни ячейкаи дуюми сатри дуюм

Tags <миз> ва ишора ибтидо ва интиҳои мизи. Tags <ШТ> ва - дар ибтидо ва интиҳои ин хати. Дар хати ҳамин метавонад ягон рақами ҳуҷайраҳои, ки аз ҷониби барчаспҳои ва муайян карда мешавад.

Ќоидаи асосї дорад: шумораи ҳуҷайраҳои дар ҳар сатр, бояд ҳамин бошад. Ин ҷадвал аст.

Аммо, чунон ки дар Калом ва Excel муҳаррир, ҳуҷайраҳои метавонанд бо ҳамдигар омехта.

Чӣ тавр якҷоя ҳуҷайраҳои дар як миз?

Барои якҷоя ва истифода Colspan Rowspan хусусиятҳои. Span шудааст ҳамчун «сарпӯши» ё «кўшишњои» тарҷума шудааст. Дар маънои аслӣ - барои пӯшонидани / пӯшидани ҳуҷайраи / саф.

Арзиши ин аттрибутӣ бояд муайян, ки чӣ тавр бисёре аз қатор ё ҳуҷайраҳои баста хоҳад шуд. Дар зер намунаи рамзӣ истифода ҳам аст, хусусиятҳои HTML дар сари суфра аст.

Дар ин мисол, дар аввал хати 3 ҳуҷайраҳои истифода аттрибутӣ colspan = "3" мувозинатшуда. Он гоҳ, ки ҳуҷайраи якуми сатри дуюм дар чаҳор саф дароз карда буд. Дар хотир доред, ки дар андарун / якҷоя танҳо дар ҳуҷайра аввал. молу мулки вай аст, дар паҳн. Ҳамаи, ки пеш аз фаро расад, на таъсир карда шавад.

Агар шумо 5 ҳуҷайраҳои шумо мехоҳед, ки якҷоя аз 2 то 4, пас ба шумо лозим аст, танҳо дар шумораи чашмаки 2 муайян аттрибутӣ colspan = "3".

Дар хотир доред, ки шумораи ковокии 9 дар ҷадвали боло. мувозинатшуда дарҳол нест ва ҳуҷайраҳои ва сатрҳои. Чунин амал манъ накардааст.

Дар мисоли дигар барои таъмини маълумот нигоҳ кунед. Аз баъзе омехт ва хусусиятҳои ҷои қатори ҳуҷайраҳои баъзан омехта.

Формат мизи

Андешидани як оддӣ, мавриди стандартии HTML. Љадвали ду қатори ҳар ду ҳуҷайраҳои.

Кодекси хоҳад зайл.

Тавре ки шумо мебинед, ягон таъсири нест. Шумо метавонед як чорчӯбаи илова, муайян паҳнои ва баландии.

Шумо инчунин метавонед, бо масир мебозад. Ин мумкин аст, ҳам дар баландии ва паҳнои донед.

Љобаљокунии мутобиќати уфуқӣ, ва valign - амудӣ. Ин чунин натиҷа аст.

Хусусиятҳои ҳамвор кардан ва valign метавонад ба тамоми хати истифода бурда мешавад. Он гоҳ ҳамаи ҳуҷайраҳои, ки дар он хоҳанд мавриди ин хусусиятҳои.

Илова ба теги ва <ШТ> аст, ки як теги иловагӣ <-уми> нест. Дар асл он аналогї аз аст, вале он танҳо дар сатри аввал ва ҷое аст, истифода бурда мешавад. Бо нобаёнӣ, матнро дар <уми> маркази мешавад ва ғафс.

Чӣ тавр пайваст сабкҳои ба мизи?

Мисли ҳар гуна HTML барчаспҳои, мизи мумкин аст аз ҷониби воситаҳои сабкҳои мубодила мешавад. Шумо бояд ба муайян кардани файли сабки дар сари <пайванд rel = "варақаро" href = HTTP: // сомонаи /article/255972/%E2%80%9Cstyle.css%E2%80%9D навъи = "матни / CSS"> ё Услуби тайёр (тавре, ки дар сари изҳор дошт).

<Сари>

...

<Намуди тарзи = "матни / CSS ">

мизи {

ҳарф-оилаи: Verdana, Arial, Helvetica, sans-serif;

Ранги: # 000000;

}

.my_class

{

Ранги: # 666666;

}

...

Агар шумо як миз муайян, пас ин сабки ба ҳамаи мизҳои дар саҳифаи муроҷиат хоҳад кард. Комилан ҳама. Лекин, агар шумо истифодаи усули дуюм, ки нишон медиҳад, номи худсарона бо нуқта, пас ин сабки мумкин аст ба ягон ҷадвал дилхоҳ истифода бурда мешавад, дар ҳоле, ки дигар таъсир намерасонанд.

<Синфи мизи = "my_class">

Илтимос дар хотир гиред, ки дар дарсҳо метавон ҳамчун теги барои миз ва барои ячейка ё сатр махсус истифода бурда мешавад.

<Мизи синфи = "style_table" паҳнои = " 100%" сарҳад = "1">

<ШТ синф = "style_row1">

матни сатри аввал нахустин ҳуҷайраи

матни хатти дуюми нахустин ҳуҷайраи

<ШТ синф = "style_row2">

матни ячейкаи аввали сатри дуюм

матни ячейка дуюми сатри дуюм

Агар сабки рассом ҷое хато, натиҷаи не хоҳанд дид. Лекин, агар дар сабки ҳастанд хатогиҳо, вале номҳо ҳамин аст, таъсири нахоҳад буд. Ҳар як вергул ё Колон наќши муњим мебозад.

хусусиятҳои иловагӣ дар љадвалњои

Чӣ хусусиятҳои мумкин аст, дар синфҳои тарзи навишта шудааст? ҳастанд, хусусиятҳои бисёр, ки махсусан ба мизҳои татбиқ нест. Дида асосии аксари ки хеле муфид аст.

ҳамвор кардан	Мутобиқ уфуқӣ
valign	Мутобиқ амудӣ
замина	симои паснамо дар ҳуҷайра / мизи
bgcolor	Ранги заминаи ҳуҷайра
bordercolor	Мизи ранги Frame / ҳуҷайраҳои
баландӣ	баландии ҳуҷайраи
nowrap	Манъ матн феврал дар як сатр.
васеъ	Дар паҳнои ҳуҷайра / мизи

Тавре ки шумо мебинед, истифода HTML дар ҷадвали метавонад шумораи зиёди «воситаҳо».

Зебо офарида истифода мизҳои HTML. намунаи

Дар робита ба сабкҳои шумо метавонед гуногуни мизи зебо эҷод. Ҳамаи он дар бораи чӣ ва чӣ тавр ба шумо маъқул вобаста аст. Он монанди пухтани аст. Дар таркиби ҳамон аст, ва имконоти бештар бисёре аз меъ- аст.

Тавре ки шумо мебинед, ки агар шумо истифода барчаспҳои HTML, мизи мумкин аст берун аз эътирофи табдил дод. ҳудуди имкон тасаввуроти худро муайян карда мешавад.