Ќазаќстан республикасы


фрейм 2 кадрға сілтеме 2 фрейм



жүктеу/скачать 1,97 Mb.
бет27/27
Дата07.02.2022
өлшемі1,97 Mb.
#85575
1   ...   19   20   21   22   23   24   25   26   27
Байланысты:
ОӘҚ-HTML тілі

– кесте тақырыбы, оның параметрі VALIGN=TOP – кесте алдындағы тақырып және VALIGN=BOTTOM – кесте соңындағы тақырып.
... – кесте жолы, яғни бір қатары. Мынадай параметрлері болуы мүмкін: BGCOLOR – жолдың ішкі фоны түсі; ALIGN=LEFT, RIGHT, CENTER – жол мәтіндерін көлденең туралау; VALIGN=TOP, BOTTOM, MIDDLE – жол мәтіндерін тік бағытта –вертикаль туралау.
– кесте бағанасы. Оның параметрлері BGCOLOR – бағананың ішкі фоны түсі; ALIGN=LEFT, RIGHT, CENTER – бағана ішіндегі мәтінді көлденең туралау; VALIGN=TOP, BOTTOM, MIDDLE – бағана ішіндегі мәтінді тік бағытта туралау; COLSPAN – бірнеше бағананы біріктіру, ROWSPAN – бірнеше жолды біріктіру.
<ТН> ... – бағана тақырыптары. Оның параметрлері BGCOLOR – осы бағананың ішкі фон түсі; ALIGN=LEFT, RIGHT, CENTER – көлденең туралау; VALIGN=TOP, BOTTOM, MIDDLE – вертикаль туралау; COLSPAN, ROWSPAN – бірнеше бағананы және жолдарды біріктіру; WIDHT – тақырып ені.
Фреймдер жасау тәгтері
Фреймдер немесе кадрлар терезені бірнеше бөліктерге бөліп, олардың әрқайсысында жеке web-құжаттар орналастырады.
... – фрейм жасау тәгтері. Оның параметрлері:
COLS – экранды бірнеше бағаналық (вертикаль) фреймдерге бөледі.
ROWS – экранды бірнеше қатар түріндегі (горизонталь) фрейм жолдарына бөледі.
BORDCOLOR – фреймнің жақтау сызығы түсі
ВОRDER – жақтау сызығы (бордюр) ені
FRAMEBORDER – жақтау шекарасы сызығы (FRAMEBORDER=YES – шекара сызығы бар, FRAMEBORDER=NO – шекара сызығы жоқ, FRAMESPACING=n – шекара сызығы ені)
– фреймді сипаттау тәгі (<\/a>") //-->

1 фрейм


2 кадрға сілтеме

2 фрейм


3 фрейм толық терезеде

3 фрейм


1 фрейм осы терезеге



Жыл мерзімін таңдаңыз:




Жыл мезгілін таңдаңыз:




Телефон нөміріңізді енгізіңіз:
SIZE="15" MAXLENGTH="15" >


Құпия сөз енгізіңіз:
SIZE=”30” MAXLENGTH=”30”>



Вариант


VALUE="checkbox_value2" CHECKED>
Алдын ала таңдалған нұсқа







1 форма:

VALUE="CHOICE1"> yes
VALUE="CHOICE2"> no

2 форма:

VALUE="CHOICE1" CHECKED> yes
VALUE="CHOICE2"> no



Аты-жөніңізді енгізіңіз:

Телефоныңыз:








Өзім туралы бір ауыз сөз:





Мәтін енгізілетін өріс
Пароль енгізілетін өріс
Тәуелсіз қосқыш
Радиобатырмалар:
1 вариант
2 вариант
3 вариант



Сәрсенбі күнгі сабақ кестесі
Сәрсенбі күнгі
сабақ
кестесі
Сәрсенбі күнгі
сабақ
кестесі ... <Р> Сәрсенбі күнгі
сабақ
кестесі
...
Сәрсенбі күнгі сабақ кестесі

Сәрсенбі күнгі



сабақ кестесі



Сәрсенбі күнгі >
сабақ кестесі


SIZE="7"> Сәрсенбі күнгі >


сабақ кестесі



Сәрсенбі күнгі >

сабақ кестесі
тәгінде көрсетіледі. Осы тәгтің BGCOLOR= ... атрибуты құжаттың фон түсін, ТЕХТ= ... атрибуты жалпы мәтін түсін анықтайды. LINK= ... және VLINK= ... атрибуттары әлі қаралмаған және қаралған гиперсілтемелік сөздер түсін тағайындайды.
RASP.HTM файлына төмендегідей өзгерістер енгізіңіздер:
...


Сәрсенбі күнгі

сабақ кестесі



Сәрсенбі күнгі >

сабақ кестесі <ВR>

тәгінде көрсетіледі.
RASP.HTM файлының негізгі бөліміне төмендегідей өзгерістер енгізіңіздер:
...


Сәрсенбі күнгі
>

сабақ кестесі


SIZE="6" FACE="KZ ARIAL">
ФНИ – 1 топтарының сабақ кестесі


Дүйсенбі









Уақыты ФНИ-1-1 ФНИ-1-2 ФНИ – 1 –3
8-30 – 9-50 Орыс тілі
Информатика
Тарих
10-00 – 11-20Математика Геодезия Ағылшын тілі
11-30 – 12-50Тарих
Сызба геометрия
Компьютерлік графика



3. Файлды ФНИ.НТМ атымен сақтап, жауып тастаңыздар.
4. Сол файл белгішесін екі шертіп, Web-парақты Microsoft Internet Explorer броузер арқылы шығарғанда, экранда 26 суреттегі­дей бейне­ні көресіздер.
5. Енді осы тәсілмен Сейсенбі күнге арналған сабақ кестесін ары қарай жалғастырып жасап шығу керек. Ол үшін бос жолдар аралығында орналасқан программа фрагментін көшіріп, екінші бос жолдан кейін орналастыру керек. Сонан соң екінші бөліктегі «Дүйсенбі» сөзін «Сейсенбі» сөзіне алмастырып, сабақ кестесін де екінші күнге сәйкес өзгертіп шығу қажет. Осындай жолмен апта күндерінің бәріне де арналған сабақ кестесін жасап шығыңыздар.

25 сурет
14 тапсырма. Гипермәтіндік байланыстар орнату
HTML тілінің ең негізгі қасиеті ретінде оның басқа құжаттарға сілтеме жасау мүмкіндігін айтуға болады. Бір HTML файлынан мына­дай басқа құжаттарға:
- алыста орналасқан компьютердегі HTML-файлға,
- ағымдағы HTML-құжаттың ішіндегі белгілі бір орынға,
- HTML-құжаты болмайтын кез келген файлға сілтемелер жасауға болады.
Сілтеме ретінде мәтінді немесе суретті пайдалануға болады.
Бір құжат аймағында сілтемелер жасау
Мұндай сілтемелер екі бөліктің болуын талап етеді, олар: белгі және сілтеме. Белгі сілтеме бойынша ауысып баратын осы құжат ішін­дегі бір нүктені анықтайды. Сілтеме белгі атын пайдаланады. Броу­зердің алдын ала тағайындалатын параметрлеріне сәйкес сілтемелер басқа түспен ерекшеленіп тұрады немесе оның асты сызылады.
Сілтеме былай сипатталады:
ДС"> Дүйсенбі
Сілтеме арқылы ауысып баратын нүктедегі белгі (ДС) алдына # символы қойылады. Белгі атынан кейінгі “>” және “<” символдары арасына ауысу үшін тышқанмен шертілетін сілтеме сөз (“Дүйсенбі”) жазылады.
Осы Дүйсенбі гиперсілтеме сөзін шерткенде баратын нүктеде төмендегідей белгілер тұруы тиіс:
Дүйсенбі
1. Бұрынғы 79 беттегі ФНИ.HTM файлы мәтінін Web-парақтың алдың­ғы жағына жазылатын апта күндерінің аттары жазылған кестелермен толықтырайық. Ол үшін қалың қаріппен жазылған
...
ФНИ – 1 топтарының сабақ кестесі


...
жолдарынан кейін мынадай тәгтер тізбегін жазайық:
...
<ТD> Сейсенбі



Дүйсенбі Сәрсенбі Бейсенбі Жұма Cенбі

...
2. Бұл фрагменттен кейін (RASP.НТМ файлы) Дүйсенбі сөзіне сілтей­тін белгі қоямыз, яғни Дүйсенбі сөздері орнына:
... Дүйсенбі ... сөздерін жазу керек.
3. Енді кесте ішіндегі Дүйсенбі сөзіне гиперсілтеме жасаймыз, яғни ... сөздері орнына:
Дүйсенбі Сейсенбі Сәрсенбі



...
сөздерін жазамыз.
4. Файлды дискіге жазып сақтаймыз.
5. Осының нәтижесінде алынған Web-парақты қарап шығыңыз­дар. Экранда 26 суреттегі көрініс бейнеленуі тиіс.

26 сурет
6. Енді Дүйсенбі сөзін, сонан соң Сейсенбі сөзін, т.с.с. күн атта­рын тышқанмен таңдап шертіп көріңіздер. Гиперсілтемелердің дұрыс жұмыс істейтініне көз жеткізіңіздер.
15 тапсырма. Басқа HTML-құжатқа сілтеме жасау.
Ерекшеленіп тұрған сілтеме сөздерді шерту арқылы басқа файл­дарға да көшуге болады. Төмендегідей сілтеме жасайық:
<А HREF="RASP.HTM">ФНИ
Файл атынан (RASP.НТМ) кейін “>” және “<”символдары арасында сілтеме сөз (“ФНИ”) орналасқан, осы сөзді шерту жолымен оның алдында аты көрсетілген файлға ауысуға мүмкіндік бар.
1. Броузер терезесіне RASP.HTM файлын жүктеңіздер.
2. Осы файлға төмендегідей өзгертулер енгізіңіздер:
Менің алғашқы парағым

Сейсенбі күнгі
сабақ кестесі

Дүйсенбі Сейсенбі Сәрсенбі





ФНИ - 1 ФНИ - 2
ФНИ - 3 ФНИ - 4
ФНИ - 5 ФНИ - 6


... );
BACKGROUND – фон орнына "түсқағаз" (обои) түрінде сурет беру (BACKGROUND ="BERKUT.JPG">);
TEXT – мәтін түсі ();
LINK – гипермәтіндік сілтеме (байланыс) түсі;
VLINK – алдында қаралған сілтеме түсі;
ALINK – осы сәттегі екпінді сілтеме (курсор меңзеп тұрған) түсі.
Мәтіндерді форматтау тәгтері

<Р> ... – абзацты белгілейтін тәгтер. Жаңа абзац алдыңғысынан бос жолмен бөлініп тұрады.

– мәтінді келесі жолға көшіретін жалқы тәг. Графиканы, суретті мәтіннен бөліп тұру үшін де қолданылуы мүмкін.
– мәтіндерді бір-бірінен логикалық түрде бөліп тұратын көлденең сызық жүргізетін жалқы тәг.

...
– бұлардың ортасында алдын ала форматталған мәтін орналасады. Ондай мәтін экранға "курьер" (Courier New) қарпімен шығарылады.
Мәтін логикалық бөліктерін (тақырыптарын) ерекшелеу тәгтері
<Н1> ... – бірінші деңгей тақырыбы (ең ірісі).
<Н2> ... – екінші деңгей тақырыбы. ...
<Н6> ... – алтыншы деңгей тақырыбы (ең кішісі).
Туралау параметрлері
<Р> және <Н*> тәгтерінде қолданылады, олардың мәндері:
ALIGN=LEFT – сол жақ шетке жақындатып туралау;
ALIGN=RIGHT – оң жақ шетке жақындатып туралау;
ALIGN=CENTER – ортаға жылжытып туралау.
Туралау тәгтері
... – сол жақ шетке туралау;
... – оң жақ шетке туралау;
...
– ортаға жылжытып туралау.
Мәтін бөліктерін ерекшелеу тәгтері
<В> ... – мәтінді (сөздерді, әріптерді) қалыңдатылған қаріппен ерекшелейді.
... – мәтінді қисайтылған курсив қаріппен (Italic) ерекшелейді.
... – аралығындағы мәтіннің астын сызады.
... – аралығындағы мәтін жыпылықтап назар аудартып тұрады.
...
... – қаріп көлемін өзгертетін тәгтер.
... қаріп түсін өзгертетін тәгтер.
Сырғымалы жолдар тәгтері
<MARQUEE>...мәтін...</MARQUEE> – сырғымалы жол жасайды. Оның параметрлері:
DIRECTION=left – мәтін оңнан солға қарай сырғи отырып жылжиды;
DIRECTION=right – мәтін солдан оңға қарай сырғиды;
BEHAVIOR= scrol – мәтін стандартты түрде оңнан солға қарай сырғиды;
BEHAVIOR=slide – мәтін стандартты түрде оңнан солға қарай бір-ақ рет сырғиды да тоқтайды;
BEHAVIOR= alternate – мәтін оңнан солға қарай, содан соң кері қарай, т.с.с. шексіз сырғи береді;
LOOP=n – сырғу саны LOOP атрибутының мәні n-мен шектеледі;
WIDHT=n – сырғымалы аймақтың ені n-мен шектеледі, ол пиксельмен (n) немесе терезе енінің пайызымен де (n%) көрсетіле береді;
SCROLLAMOUNT=n – жылжудың бір қадамында мәтіннің қанша пиксельге жылжитынын анықтайтын бүтін сан;
SCROLLDELAY=n – екі сырғудың арасындағы интервалды миллисе­кунд­пен көрсететін бүтін сан;
BGCOLOR=”#FFFFFFF” – сырғымалы жол аумағын басқа түске бояу, түс ағылшынша атымен немесе он алтылық кодымен көрсетіледі;
HEIGHT=n – сырғымалы жол биіктігін пиксельмен (n) көрсету;
...мәтін... – сырғымалы жол мәтінінің қаріп мөлшерін, типін, түсін әдеттегідей өзгертуге болады.
Тізім жасайтын тәгтер
    ...
– нөмірленген тізімнің басын, аяғын белгілейді;
    ...
– белгіленген тізімнің басын, аяғын белгілейді;
  • – тізім элементтерін бастайды;
    ...
    ­ түсініктемелердің (глоссарий) басын, аяғын белгілейді;
    – сол жақ шетке жақын орналасқан глоссарий терминін сипаттайды;
    <DD> – сол жақ шеттен оңға ығысып орналасқан глоссарий терминін сипаттайды.
    Мәтіндік емес мәліметтерді орналастыру тәгтері
    немесе – графикалық бейнелерді енгізу командасы.
    – дыбыстық фрагментті енгізу командасы.
    – бейнелік фрагментті енгізу командасы.
    Графикалық бейнелерді енгізу тәгтерінің параметрлері
    WIDHT=n – суреттің пиксельмен берілген ені.
    HEIGHT=n – суреттің пиксельмен берілген биіктігі.
    ALIGN – суретті туралау (ALIGN=LEFT – сол жақ шетке туралау, ALIGN=RIGHT – оң жақ шетке туралау, ALIGN=TOP – жоғарғы жаққа мәтін жолын туралау, ALIGN=BOTTOM – төменгі жаққа мәтін жолын туралау, ALIGN=MIDDLE не CENTER – мәтін жолын ортаға туралау).
    HSPACE=n – графикалық бейнеден көлденең (горизонталь) бағытта қалдырылатын бос кеңістік (пиксель)
    VSPACE=n – графикалық бейнеден тік (вертикаль) бағытта қалдырыла­тын бос кеңістік (пиксель)
    ALT=”мәтін” – сурет шығарылмағанда көрсетілетін балама мәтін.
    Басқа HTML-құжаттармен және Интернет мәліметтерімен гипербайланыс (гиперсілтеме) жасау командалары
    <А HREF="fail.htm"> ... немесе
    <А HREF="http://www. kbtu.edu.kz"> ... – гиперсілтеме жасау.
    bb@kbtu.edu.kz> bb@kbtu.edu.kz
    – электрондық пошта адресімен гипербайланыс жасау
    Кестелер
    ...
    – HTML-құжатқа кесте енгізу тәгі, оның параметрлері:
    BGCOLOR=”GREEN” – фон түсі, ағылшынша сөзбен немесе он алты­лық кодпен беріледі;
    BORDER=n – жақтау (бордюр) сызығы ені, пиксельмен беріледі;
    WIDHT=n – кесте ені, пиксельмен немесе пайызбен беріледі.
    Кесте жасау тәгтері
    • ...
    ...