40
5. IMG
тегінің атрибуттары?
6.
Фондық сурет деген не? Фондық суретті кірістіру үшін қандай
атрибут қолданылады?
7.
Гиперсілтемелер қалай жасалады?
8.
Дыбыстық фонды кірістіру үшін қандай элемент қолданылады?
9.
Құжатта жүгіртпе жолды құру үшін қай тег қолданылады?
10.
Жүгіртпе жолда суретті қолдануға болады ма?
11.
Жүгіртпе жолдың қандай атрибуттары бар?
12.
Аудионы және бейнені кірістіру үшін қолданылатын элемент?
Тақырып №7
HTML ТІЛІНДЕГІ
КЕСТЕЛЕР, ФОРМАЛАР ЖӘНЕ
ФРЕЙМДЕР.
Жоспары:
1.
HTML тілінде кестелерді қалыптастыру.
2.
HTML тілінде формаларды өңдеу.
3.
HTML тіліндегі фреймдер.
1.
HTML тілінде кестелерді қалыптастыру.
Веб-бет жасау барысында кестелерді жасап үйрену өте маңызды.
Кесте мәліметтің үлкен көлемін ұсынудың ең ыңғайлы әдістерінің бірі.
HTML тілі кестелердің әр алуан қалыптастыруды орасан зор
мүмкіндіктеріне ие болады. Себебі, кестені мәтінге байланысты түрлі
өлшемде, түрлі көріністе, шекараларын жуан немесе жіңішке етіп істеу
арқылы қолданушыға құжатты оңай оқуға мүмкіндік беріледі.
Кесте үш негізгі бөліктен тұрады:
кесте атауы;
бағандар атауы;
кесте ұяшықтары.
Web-
құжаттағы кесте жолдар бойынша толтырылады (жол
бойынша солдан оңға қарай, сосын жаңа жолға ауысу).
Кестенің әрбір
ұяшығы толтырылуы тиіс (бос ұяшықтарды жасау үшін пробел
пайдаланылады). HTML тілінде кестелер
аяқталу тегімен жабылады. Кесте ішіндегі мәтін, кесте
элементтерін (атауы, жолдары мен ұяшықтары) анықтайтын арнайы
тегтердің ішіне орналастырылады.
Мысалы:
Кестенің жолдар мен бағандар бойынша құрамы келесі
элементтердің көмегімен белгіленеді:
…
- кесте жолдары (
table rows);
… | - кесте ұяшықтары (
table data);
41
… | - кестенің бағандары мен жолдарына арналған атау
(table header);
CAPTION
– кесте атауының элементі.
Сыртқы жағынан кесте
сыртқы жиектемемен (шекаралармен)
шектелген. Ұяшықтар бір-бірінен
ішкі жиектемелермен бөлінеді. Сыртқы
тәрізді, ішкі жиектемелер де браузер терезесінде көрінуі не көрінбеуі
мүмкін – ол кестенің берілген қасиеттеріне байланысты.
тегінің атрибуттары:
Атрибуттар
Сипаттамасы
Border
бұл атрибут кестенің сыртқы жиектелуін пиксельдермен
белгілейді.
Width
бұл атрибут кестенің енін пиксельдермен немесе терезенің
пайызымен береді.
Height
бұл атрибут кестенің биіктігін немесе терезенің пайызымен
беріледі.
Bgcolor
бұл атрибут ұяшықтарға фондық түс белгілейді.
bgcolor=түс>
Background
бұл атрибут ұяшықтарға фондық сурет белгілейді.
Align
бұл атрибут кестенің веб беттегі көлденең түзету режимін
белгілейді, ол left, center және right мәндерін қабылдай
алады.
тәсіл>
valign
ұяшықтағы мәтіннің тігінен түзелуін орнатады. Мүмкін
мәндер: top, middle, bottom.
colspan
(Column Span,
бағандарды
біріктіру)
Көрсетілген ұяшық үшін қанша ұяшық саны тігінен
біріктірілетінін көрсетеді. Егер сіз ROWSPAN=бірден үлкен
санды белгілесеңіз, онда созылып жатқан ұяшық астында
сәйкесінше
сонша
ұяшық
болуы
тиіс.
rowspan=жолдар саны>
rowspan
(Row Span,
жолдарды
біріктіру)
Көрсетілген ұяшық үшін қанша ұяшық саны көлденеңінен
біріктірілетінін көрсетеді. | және <ТН> тегтері
COLSPAN= атрибутының көмегімен модификацияланады.
|
Мысал-1. Үш бағаналы кесте құру керек. Мұнда әр бағанадағы сөз
| |
тегтеріне орналастырылады.
Кесте
Бір қатар және үш бағана:
Кітап |
Дәптер | Сурет-7.1.
Қалам |
42
Бағаналарды біріктіру:
Атауы |
Телефон |
АҚ “БТА” |
53-46-87 |
55-32-11 |
Қатарларды
біріктіру:
Атауы |
АҚ “БТА” |
| rowspan=2>Телефон
53-46-87 |
55-32-11 |
...
HTML-
құжатының мәтіні және и JavaScript-те функцияны шақыру ...
...
HTML-
құжатының мәтіні және и JavaScript-те
функцияны шақыру
...
Достарыңызбен бөлісу: