Мақсаты: Гипертекстік құжаттарды жасау тілі – html-ді қолданып, Web-бет жасаумен, тексті пішімдеу тегтерімен, html-құжатқа суретттерді, тізімдерді, кестелерді кірістіру, гиперсілтеме жасаумен таныстыру. Негізгі ұғымдар

1 2 3 4

Зертханалық жұмыс html

Кестелерді жасау

Кестелерді бейнелеу үшін HTML тегтерінің бірнеше түрі қолданылады:

Міндетті емес элемент CAPTION– кестенің тақырыбын (атын) спецификациялайды.
TRтегтері – кесте жолдарын спецификациялайды.
TH тегтері – жолдар мен бағандардың тақырыптарын спецификациялайды.
TDтегтері– кестедегі деректерді (кесте ұяшықтарының ішіндегісін) спецификациялайды.

Негізгі кестелік құрылымдар
Қарапайым мысалды: тақырыбы жоқ, 2 жол 2 бағаннан тұратын сандар кестесін (бірлік матрица) қарастырайық. Оның HTML коды мынандай болады:
1 0
1
0
0
1

және көбінесе броузерлер арқылы былайша көрсетіледі.

Кестенің қосымша қасиеттері. Мәтіндік ұяшықтары бар типтік кесте.

Жоғарыда көрсетілген кесте үлгісіне қосуға болатын бірнеше элементтер бар:

Кестенің тақырыбы (caption ) – кестенің өзімен байланысқан (кесте туралы құжаттағы жолдар тексіне толықтауыш);
Тақырыпша (headers) (түсіндірме) – кесте жолдары мен бағаларына арналған;
Жақтау (рамка, borders) – кесте мен әр кесте ұяшығының айналасына арналған.

Сонымен қатар ALIGN мен VALIGNатрибуттары кестенің бейнелену сапасына әсер етеді. Олар құжаттың өрістеріне қатысты кестенің орналасуын айқындайды.
Мүмкін болатын мәндері: ALIGN=LEFT (сол жақпен туралау), ALIGN=CENTER (ортаға туралау), ALIGN=RIGHT (оң жаққа туралау).
WIDTH– Кестенің ені, пиксель арқылы WIDTH=400) немесе беттің енінің проценті түрінде (мысалы, WIDTH=80%) беріледі.
Жаттығу жұмыстары:
1-жаттығу. Тексті пішімдеу (форматтау) тегтерін қолданып 1-суреттегідей HTML –құжат жасау.

Блокнот текстік редакторын ашып, бос құжатты Задание1.html деген атпен сақтаңыз.
Құжаттағы алғашқы тег тегі болу керек. Бұл тег WEB-броузерге құжаттың HTML қолданылып жасағанын хабарлайды. Сондықтан құжаттыі бірінші жолына деп теріңіз.

<a href="/date-v-pakete-word.html">Пример работы</a> <li/> с тегами. <a href="/reshenie-zadach-s-pomosheyu-elektronnih-tablic-shkola.html">Форматирование</a> <li/>

Енді құжаттың денесін, яғни HTML құжатта не көрсетілетінін енгіземіз.Ол үшін мына жолдарды теріңіз:

мұндағы BGCOLOR=yellow құжаттың фоны – сары, ал TEXT=blue шығатын текстің түсі көк болатынын анықтайды.