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>>

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