html دىن 10 كۈنلۈك مەشىق(4)

تور بەتتە جەدۋەل ئىشلىتىش(داۋامى) بىز ئالدىنقى مەشىقىمىزدە تور بەت يۈزىدە ئاددىي جەدۋەللەرنى ئىشلىتىشنى ئۆگەنگەن ئىدۇق. بىراق سىناپ باققانلار بىلىدۇكى، ئالدىنقى مەشىقتىكى پارامېتىرلار جەدۋەلنى تېخىمۇ كۆركەم قىلىشقا، تېخىمۇ مۇرەككەپ قۇرۇلمىلارنى ئىپادە قىلىشقا كۇپايە قىلمايدۇ. شۇڭا بۇ مەشىقىمىزدە بىز داۋاملىق جەدۋەل توغرىلىق توختىلىمىز.
1.cellspacing ۋەcellpadding پارامېتىرلىرى بۇ پارامېتىرلار table بەلگىسى ئىچىگە يېزىلىدۇ. cellspacing پارامېتىرى جەدۋەلدىكى ھەر قايسى كاتەكچىلەرنىڭ ئارىلىقىنى بەلگىلەيدۇ. بۇ پارامېتىر سانلىق قىممەت ئالدىغان بولۇپ، سانلىق قىممەت قانچە چوڭ بولسا كاتەكچىلەرنىڭ ئارىلىقىمۇ شۇنچە چوڭ بولىدۇ. تۆۋەندىكى رەسىمدىكى ئاق جاي دەل كاتەكچىلەرنىڭ ئارىلىقىنى كۆرسىتىدۇ. cellpadding پارامېتىرى كاتەكچە ئىچىدىكى مەزمۇن بىلەن كاتەكچە چىگرىسىنىڭ ئارىلىقىنى بەلگىلەيدۇ( تۆۋەندىكى رەسىمدىكى كۆك ئارىلىق). بۇ پارامېتىرمۇ سانلىق قىممەت ئالدىغان بولۇپ، سانلىق قىممەت قانچە چوڭ بولسا ئارىلىقمۇ شۇنچە چوڭ بولىدۇ.

colspan.2 ۋەrowspan پارامېتىرى بۇ پارمېتىرلار td بەلگىسىنىڭ ئىچىگە يېزىلىدىغان بولۇپ، كاتەكچىنىڭ قانچە قۇر ياكى قانچە ستون ئاتلايدىغانلىقىنى بەلگىلەيدۇ. ھەر ئىككى پارامېتىر سانلىق قىممەت ئالىدىغان بولۇپ، سانلىق قىممەت ئاتلاپ كېتىدىغان قۇر ياكى ستون سانىنى بىلدۈرىدۇ. colspan پارامېتىرى ئاتلاپ كېتىدىغان ستون سانىنى بەلگىلەيدۇ، rowspan پارامېتىرى ئاتلايدىغان قۇر سانىنى بەلگىلەيدۇ.

تۆۋەندىكى كودلارنى ئىجرا قىلىپ كۆرۈڭ!

<TABLE BORDER="2" CELLPADDING="4"> <TR> <Td ROWSPAN="2 " BGCOLOR="pink">test</Td> <TD>test</TD> </TR> <TR> <TD>test</TD> </TR> </TABLE>

<TABLE BORDER="2" CELLPADDING="4"> <TR bgcolor="green"><td colspan="3">Title</td></tr> <tr><td>test</td> <td>test</td> <td>test</td> </tr> </TABLE>

شۇنداق قىلىپ جەدۋەلگە ئائىت سۆزلەيدىغانلىرىمىز بىرەر قۇر تۈگەپ قالدى.ئەمدى تاپشۇرۇق ئىشلەپ بېقىڭ. تاپشۇرۇق: رەسمدىكىدەك بىر تور بەت ياساڭ! پايدىلىنىش كودى بۇ يەردە!

HTMLدىن 10 كۈنلۈك مەشىق(5)

قۇر كونترول بەلگىلىرى
بۈگۈنكى مەشىقتە قۇر ۋە ئابزاس كونترول قىلىشقا ئائىت بىر قىسىم پارامېتىرلارنى ئۆگىنىپ ئۆتىمىز. بۈگۈنكى مەزمۇن بەلكىم كۆپرەك بولۇشى ھەم چۇۋالچاقراق بولۇپ قېلىشى مۇمكىن، چۈنكى بۇ ئەسلدىنلا شۇنداقراق. شۇڭا تەپسىلىي ئوقۇپ، مەشىىقنى تەپسىلىي ئىشلىگەيسىز!

1.<p> </p> بەلگىسى
بۇ بەلگە بىر ئابزاسقا ۋەكىللىك قىلىدۇ، يالغۇر <p> يېزىلسا كەينىدىكى مەزمۇننىڭ بىر قۇر تاشلىنىپ يېڭى قۇردىن باشلىنىدىغانلىقىنى بىلدۈرىدۇ. مەسىلەن: كود

This is a line <p> And this is the new line after a empty line

بۇ كودنىڭ نەتىجىسى

This is a line

And this is the new line after a empty line

<p> ... </p> بىر ئابزاسنى كونترۇل قلىىش بەلگىلىرى بولۇپ، تۆۋەندىكىدەك پارامېتىرلار ئارقىلىق تەڭشىلىدىۇ:

align: بۇ ئابزاسنىڭ توغرىلىنىش ئۇسلۇبى بولۇپ، سولغا(left)، ئوتتۇرىغا(center) ۋە ئوڭغا(right) توغرىلاشتىن ئىبارەت ئۈچ خىل قىممەت ئالدىۇ.

dir: بۇ ئابزاسنىڭ يۆنىلىشىنى بەلگىلەيدىغان بولۇپ، سولدىن ئوڭغا(ltr) ۋە ئوڭدىن سولغا(rtl) ئىككى خىل قىممەت ئالدىۇ.('rtl' قىلىپ تەڭشەپ قويغاندا، ئوڭدىن سولغا ۋە سولدىن ئوڭغا يېزىلىدىغان يېزىقلار ئارىلاش كەلگەندە ئورنى ئالمىشىپ كېتىش مەسلىسىنى ھەل قىلغىلى بولىدۇ)

2.</ br> بەلگىسى
بۇ بەلگە قۇر ئالماشتۇرۇش بەلگىسى بولۇپ، كەينىدىكى مەزمۇن يېڭى قۇردىن باشلىنىدۇ. <p> بىلەن بولغان پەرقى بىر قۇر تاشلىمايدۇ، مەسىلەن:كود

This is a line <br /> And this is the new line

نەتىجە:

This is a line
And this is the new line

3.<div>...</div> بەلگىسى

بۇ بەلگە بىر بۆلەك ( قىسىم، division) نى بەلگىلەيدىغان بەلگە بولۇپ، ئاساسلىق خاسلىقى <p> ... </p> بىلەن ئوخشاش. بۇ بەلگە ئارقىلىق بەت قۇرۇلمىسىنى ناھايىتى ياخشى كونترول قىلغىلى بولىدىغانلىقى ئۈچۈن، ئادەتتە كۆپ ئىشلىتىلىدۇ، بولۇپمۇ ئۇسلۇب تىلى CSS بىلەن بىرىكتۈرۈپ ئىشلىتىلسە تولىمۇ ياخشى ئۈنۈم ھاسىل قىلغىلى بولىدۇ.

4. <span>...</span> بەلگىسى

بۇ بەلگە ھۆججەتتىكى ئىچكى ئېلىمىنتلارنى گورۇپپىلايدىغان بەلگە بولۇپ، ئاساسلىق خاسلىقى <p> ... </p> بىلەن ئوخشاش.

5. تىزىملىك

تىزىملىك <u>....</u> بەلگىسى ئارقىلىق بەلگىلىنىدۇ. تىزىملىك ئىچىدىكى ئەزالار بولسا <li>....</li> ئارقىلىق بەلگىلىنىدۇ. مەسىلەن:

<u>
<li>First Iteam</li>
<li>second Iteam</li>
<u>

بۇ بەلگىنىڭ ئاساسلىق پارامېتىرى type بولۇپ، تۆۋەندىكىدەك قىممەت ئالىدۇ ۋە نەتىجە كۆرۈلىدۇ( قىممەتنى كوددىن كۆرۈۋېلىڭ!)

<u>
<li type="disc">Iteam</li>
<li type="square">Iteam</li>
<li type="circle">Iteam</li>
</u>

6،تەرتىپلىك تىزىملىك
بۇ خىل تىزىملىك تۆۋەندىكى كودتىكىدەك بەلگىلىنىدۇ:

<ol>
<li>北京 </li>
<li>上海 </li>
<li>广州 </li>
</ol>>

بۈگۈن ئالاھىدە مەشىق يوق! ئۆزىڭىز ئۆگەنگەن بىلىملەرنى ئۇنىۋېرسال ئىشلتىپ بىر بەت ياساپ بېقىڭ!