Қайрат (өз аты-жөніңізді енгізіңіз)

Азайтылған 
өлшем
мәтін

Жоғар
ғы 
индек
с
 ^{текст
 
Жоғарғы индекс} 

Төменгі 
индекс
 _{мәтін 
 
Төменгі индекс} 

Қаріптің 
өлшемі
мәтін 
?- 1 ден 7 дейінгі мәндер 
или салыстырмалы 
өзгеріс (мысалы, +2)
Қаріптің 
негізгі нөмірі
SIZE=«?»>
Жеке тег ? – 1 ден 7ге 
дейінгі өлшем; үнсіз 
келісім бойынша 3 тең 
және бүкіл құжат 
беріледі
Қаріптің 
гарни- турасы
FASE=«тақырып1, 
тақырып2, …»> мәтін
Мәтін ресімделеді 
бірінші белгіленген 
компьютерде шрифтпен 
тізімінен атау- лары
Қаріптің түсі
COLOR=”$$$$$$
”> мәтін 
Түс немесе кілттік сөз 
арқылы, немесе # 
символы- мен оналтылық 
код арқылы беріледі
RED – қызыл, #FF0000
– қызы түстің 
оналтылық коды
Тізімдердің құрылуы
 
Нөмірленген

тізім 
элементтері

1.  1 тізім элементі 
   


2.  2 тізім элементі 
   


3.  3 тізім элементі 
   

Маркерленген

тізім 
элементтері

Тізімн
ің 
элеме
нті

 тізім элементтері

Негізгі түстердің кестесі

Тү
с
 
Colo
r’s 
na
me
 
Түстің оналтылық коды
 
Red
 
Green
 
Bl
ue
 
Қара
black
00
00
00
Қара-көк
navy
00
00
80
Көгілдір
blue
00
00
FF

Жасыл
green
00
80
00
Қара-жасыл
teal
00
80
80
Салат түс
lime
00
FF
00
Ақшыл-көгілдір
aqua
00
FF
FF
Қызыл-қышқыл
maroon
80
00
00
Күлгін
purple
80
00
80
Сарғыш
olive
80
80
00
Сұр
gray
80
80
80
Ақшыл-сұр
silver
C0
C0
C
0
Қызыл
red
FF
00
00
Ашық күлгін
fushsia
FF
00
FF
Сары
yellow
FF
FF
00
Ақ
white
FF
FF
FF
2. HTML-құжатқа суреттерді қою. 
Белгілер мен гиперсілтемелерді құру
 
 
Жұмыстың мақсаты: HTML-құжатқа суреттерді қоюды үйрену.
Белгілер мен гиперсілтемелерді құруды меңгеру.
1. Интернеттен немесе қандай да бір бумадан өзіңіздің жеке 
бумаңызға үш графикалық файлдарды көшіріңіз (мысалы, Arrows1. 
wmf, Arrows2.wmf, Arrows3.wmf).
Алдында құрылған құжаттардың 1_name.htm, 2_name.htm 
және 3_name.htm қатты дисктегі сіздің бумаңызда бар болуына көз 
жеткізіңіз.
2. Құжатқа суреттерді қою.
 
– Блокнотта 2_name.htm құжатты ашыңыз.
– 2_name.htm құжаттың басына Arrows1.wmf суретін қойыңыз. 
Суретті қою үшін көлденеңі мен тігінен бойынша 50 пиксельдік 
суреттің өлшемдерін орнатуға арналған WIDTH и HEIGHT 
параметрлері арқылы IMG тегін қолданыңыз.
– 4_name.htm атауымен құжатты сақтаңыз.
– Браузерде алынған нәтижені қарап шығыңыз.

– Оң жақ шеті суретті туралау үшін ALIGN параметрін суреттің 
тегіне енгізіңіз. Нәтижені браузерде көріңіз.
– 4_name.htm құжатының соңына Arrows2.wmf суретті қойыңыз, 
өз қалауыңыз бойынша суретті туралау типін таңдаңыз. Суреттің 
өлшемін көлденеңінен және тігінен 100 пиксельге орнатыңыз. ALT 
параметрінің көмегімен суретке тышқанның курсорын жақындатқа 
пайда болатын «2-сурет» атауымен қалқыма сөз құрыңыз.
– Нәтижені браузерде көріңіз.
3. Белгілер мен гиперсілтемелерді құру.
 
– 3_name.htm 
құжатында 
тізімнің 
келесі 
элементтеріне 
гиперсілтемелерді бекітіңіз:
• Қаріп сөзінен – 1_name.htm құжатына гиперсілтеме
• Тақырыптар сөзінен – 1_name.htm құжатына.
• Абзацтар сөзінен – 2_name.htm құжатына.
– 1_name.htm құжатында «Таң бізді самалмен қарсы алады»
 
мәтінің алдында белгі құрыңыз. Оған «Morning» атауын беріңіз.
– Бірінші гиперсілтемені (Қаріп сөзі) 1_name.htm құжатында
«Morning» белгісіне көрсететіндей етіп өзгертіңіз.
– Ағымдық 3_name.htm құжаттың басына белгі құрыңыз. Оған
«Hello» атауын меншіктеңіз.
– Екінші гиперсілтемені (Тақырыптар сөзі) өзгертіңіз, ағымдық 
құжаттың басындағы орнатылған «Hello» белгісіне өтуді анықтаңыз.
– Монологтан бұрын 2_name.htm құжатта белгіні құрыңыз. Оған
«Mono» атауын меншіктеңіз.
– «Mono» белгісіне гиперсілтемені қайтаформаттау сөзіне 
орнатыңыз.
– Барлық гиперсілтемелер бойынша өту дұрыстығын тексеріңіз.
4. Гиперсілтемелерді графикалық файлдарға бекітіңіз:
– Arrows1.wmf суретін қою тегін түзетіңіз, тегке ALT атрибу- 
тын «Кері қайту» қосымша мәтінін көрсету үшін енгізіңіз. Суретке 
тышқанның курсорын әкелгенде қалай өзгеретінін браузерде қарап 
шығыңыз.
– 4_name.htm құжатында Arrows1.wmf суретіне 3_name.htm 
құжатына гиперсілтемені бекітіңіз. Құжаттар арасында ауысу амалын 
орындаңыз.
5. Нәтижені оқытушыға көрсетіңіз.

Суреттерді, белгілерді және гиперсілтемелерді қоюдың негізгі тегтері
Суреттерді қою
 
Грфикалық 
файлды қою
SRC=”файл” 
WIDTH=”ені”
HEIGHT=”биіктігі” >
Мысалы:
SRC=”grafica.gif” 
WIDTH=”550” 
HEIGHT=”240”
ALIGN=” right” 
ALT=”Графикал
ық файл”>
Мәтінге қатысты 
картинканы тура- 
лау
SRC=”файл” 
ALIGN=
”left|right|top|bottom”>
Суретке тышқан 
курсорын 
әкелгенде 
қалқыма мәтіннің 
шығуы
ALT=”мәтін”>
Сілтемелерді қою
 
Басқа бетке 
сілтеме
 
мәтін

 
Сілтеме1

Басқа құжаттағы 
белгіге сілтеме
белгі атауы”> мәтін 

index.htm #met1”> 

Басты бетке
”
Сол құжаттағы 
белгіге сілтеме
атауы”> мәтін 
#metka1”>
Сілтеме2
Белгіні анықтау
атауы”> мәтін 
NAME=”metka1”><
/A>
Фон, мәтін және сілтемелердің түсі
 
Фондық картинка
BACKGROUND=”су
рет
файл”>
BACKGROU
ND
=”grafica.gif” 
TEXT=”black” 
(қара) 
LINK=”#FF0000”
(қызыл) 
VLINK=”#FFFF0
Фонның түсі
BGCOLOR=”#$$$$$$”
>
Мәтіннің түсі
TEXT=”#$$$$$$”>

Сілтеменің түсі
LINK=”#$$$$$$”>
0”
(сары) 
ALINK=”#FFFFFF” 
(ақ)
VLINK=”#$$$$$$”>
Белсенді 
сілтеменің түсі
ALINK=”#$$$$$$”>

3. Кестелерді құру мен форматтау
 
 
Жұмыстың мақсаты: WEB-беттерді безендіру үшін кестелерді 
қолдануды үйрену.
1. Көрсетілген тәсілмен кестені құрыңыз, құжатты tabl_name.htm 
атауымен сақтаңыз. Кестенің жоғарғы жағына №1-кесте деген 
тақырыпты орналастырыңыз.
Браузерді кестені көру кезінде келесі шарттар орындалуы тиіс:
– кесте терезенің ортасында болуы және дұрыс (симметриялық) 
формада болуы қажет;
– ортаңғы ұяшыққа * символын (жұлдызша) енгізіңіз, ал қалған 
ұяшықтар бос болуы тиіс.
Ескерту. Бос ұяшықтарды көрсету үшін оларға   арлығының 
символдық үстіртін орналастыру қажет.
 
 
2. Осы құжатта №1-кестенің көшірмесін құрыңыз, №2-кесте
 
тақырыбын енгізіңіз және оны өзгертіңіз:
– Ортаңғы ұяшыққа Arrows3.wmf суретін орналастырыңыз.
– Барлық ұяшықтарды әр түрлі түске «бояңыз».
3. Кестенің тағы бір көшірмесін – №3-кесте құрыңыз және кестенің 
тегтерін төменде көрсетілген тәсілге сәйкес болатындай етіп түзетіңіз.
Ескерту. Ұяшықтарды біріктіру үшін