Шекарасыз кесте

Шекарасыз кесте жасау ү шін border = «5» сө зінде 5 ө лшемі орнына 0 деп жазу керек немесе border = «0» сө зін алып тастап, < table> < /table> тегтің ө зін ғ ана қ олдануғ а болады (біздің мысалдасолайжасалғ ан).

< html>

< head>

< title> Кестеқ ою< /title>

< /head>

< body>

< h4> Шекарасызкесте: < /h4>

< table>

< tr>

< td> Бірінші< /td>

< td> Қ атар< /td>

< /tr>

< tr>

< td> Екінші< /td>

< td> Қ атар< /td>

< /tr>

< /table>

< /body>

< /html>

Сурет 47. Шекарасызкесте

Бағ ана тақ ырыбы

Ə рбір бағ анағ а тақ ырып қ ою ү шін < th> < /th> тег қ олданылады, сол тақ ырыбымыз веб-бетте қ ою қ ара болып шығ ады. Ə рбір тақ ырыпқ а байланысты мə ліметтер ə деттегідей < td> < /td> тег кө мегі мен жасалады.

< html>

< head>

< title> Кесте қ ою< /title>

< /head>

< body>

< h4> Бағ ана тақ ырыптары: < /h4>

< table border=«1»>

< tr>

< th> Атауы< /th>

< th> Мекен-жайы< /th>

< th> Телефон< /th>

< /tr>

< tr>

< td> ЖШС «Алатау»< /td>

< td> Алматы қ аласы< /td>

< td> 8707-777-77-77< /td>

< /tr>

< /table>

< /body>

< /html>

Сурет 48. Бағ ана тақ ырыптары

Қ атар тақ ырыбы

Ə рбір қ атарғ а тақ ырып қ ою мақ сатында < th> < /th> тегпен тақ ырып сө зді қ ойғ аннан соң, соң ынан < td> < /td> тег арқ ылы сол тақ ырыптың мə тінін қ ойып отыру керек. Тағ ыда қ атар қ ою ү шін < tr> < /tr> тег қ олданылады.

< html>

< head>

< title> Кесте қ ою< /title>

< /head>

< body>

< h4> Қ атар тақ ырыптары: < /h4>

< table border=«1»>

< tr>

< th> Атауы: < /th>

< td> ЖШС “Алатау”< /td>

< /tr>

< tr>

< th> Мекен-жайы: < /th>

< td> Алматық аласы< /td>

< /tr>

< tr>

< th> Телефон: < /th>

< td> 8707-777-77-77< /td>

< /tr>

< /table>

< /body>

< /html>

Сурет 49. Қ атар тақ ырыптары

Бағ аналарды біріктіру

Бағ аналарды біріктіру ү шін біріктіргіміз келген бағ ана тақ ырыбына < th> < /th> тег те colspan = «2» деген сө зді қ осамыз. Бұ л жерде 2 деген сан екі бағ ананы біріктіру дегенді білдіреді.

< html>

< head>

< title> Кесте қ ою< /title>

< /head>

< body>

< h4> Бағ ана тақ ырыптары: < /h4>

< table border=«2»>

< tr>

< th> Атауы< /th>

< th colspan=«2»> Телефон< /th>

< /tr>

< tr>

< td> ЖШС “Ə кежан”< /td>

< td> 8702-777-77-77< /td>

< td> 8707-888-88-88< /td>

< /tr>

< /table>

< /body>

< /html>

Сурет 50. Бағ аналарды біріктіру

Қ атарларды біріктіру

Қ атарларды біріктіру ү шін біріктіргіміз келген бағ ана тақ ырыбына < th> < /th> тег те rowspan = «2» деген сө зд іқ осамыз. Бұ л жерде 2 деген сан екі қ атарды біріктіру дегенді білдіреді.

< html>

< head>

< title> Кесте қ ою< /title>

< /head>

< body>

< h4> Қ атарларды біріктіру: < /h4>

< table border=«1»>

< tr>

< th> Атауы: < /th>

< td> ЖШС “Ə кежан”< /td>

< /tr>

< tr>

< th rowspan=«2»> Телефон: < /th>

< td> 8702-888-88-88< /td>

< /tr>

< tr>

< td> 8707-777-77-77< /td>

< /tr>

< /table>

< /body>

< /html>

Сурет 51. Қ атарларды біріктіру

Ұ яшық тарды кең ейту

Ұ яшық тарды кең ейту ү шін немесе ұ яшық тағ ы сө здердің жанында бос орын жасау ү шін < table> < /table> тег ке cellpadding =«10» сө зі қ осылады. 10 деген кең ею ө лшемі, 10 саны ө ссе, кең істік кең ейеді, ал кішірейсе, кең істікте тарылады. Егер cellpadding тіпт іболмаса, алдың ғ ы мысалдардағ ы сияқ ты ұ яшық тағ ы сө з кестеше карасына жабысып тұ рады.

< html>

< head>

< title> Кесте қ ою< /title>

< /head>

< body>

< h4> Ұ яшық тарды кең ейту: < /h4>

< table border=«1» cellpadding =«10» >

< tr>

< td> Бірінші< /td>

< td> Қ атар< /td>

< /tr>

< tr>

< td> Екінші< /td>

< td> Қ атар< /td>

< /tr>

< /table>

< /body>

< /html>

< /html>

Сурет 52. Ұ яшық тарды кең ейту

Дә ріс 10. HTML тіліндегі формалар

Жоспар:

- Мə тін алаң ы;

- Қ ұ пия сө з алаң ы;

- Чек-бокс;

- Радио-тү йме;

- Ашылушы тізім;

- Ө згертілмейтін мə тін алаң ы;

- Тү йме;

- Жеке мə лімет.

Формалар дегеніміз ə ртү рлі мə тін жазатын, қ ұ пия сө з енгізетін алаң жə не сондай-ақ кө п нұ сқ алардың бірін таң дайтын кезде осы формалардың тү рі арқ ылы кө рсетіледі. Ендеше сол формалардың бірнеше тү рлерін кө рсетіп ө тейік.

Мə тін алаң ы

< input type=«text»/> элементіенгізу алаң ына (веб-беттегі тө ртбұ рыш бос орын) мə тін енгізеді. name=«firstname» элементіне адам аты жазылуын білдірсе, name= «lastname» элементіне адам тегі жазылуын білдіреді.

< html>

< head>

< title> Мə тін алаң ы< /title>

< /head>

< body>

< form action=««>

Аты: < input type=«text» name=«firstname»/> < br />

Тегі: < input type=«text» name=«lastname»/> < /form>

< /body>

< /html>

< /html>

Сурет 53. Мə тіналаң ы

Қ ұ пия сө з алаң ы

name=«user» элементі пайдаланушы аты жазылуын білдірсе, name=«password» элементі қ ұ пия сө з жазылуын білдіреді. Қ ұ пия сө з мə тін алаң ына жазылғ анда, жұ лдызша (*) немесе дө ң гелек белгісінде кө рінеді.

< html>

< head>

< title> Қ ұ пия сө з алаң ы< /title>

< /head>

< body>

< form action=««>

Атың ыз: < input type=«text» name=«user»/> < br />

Қ ұ пия сө з: < input type=«text» name=«password»/> < /form>

< /body>

< /html>

Сурет 54. Қ ұ пия сө з алаң ы