HTML тілін Үйренуге арналҒан Тапсырмалар

1 тапсырма. Қ арапайым HTML файлын жасау

1. Ө з жұ мыс бумаларың ыздың ішінен жаң адан жасалғ ан Web-қ ұ жаттарды сақ тайтын STUDENT бумасын ашың ыздар.

2. Блокнот редакторы терезесінде тө менде кө рсетілген қ арапайым HTML файлының мә тінін теру керек:

3. Файлды RASP.HTM атымен STUDENT бумасында сақ тап қ ой­ы­­­ң ыздар да, Блокнот терезесін жауып тастаң ыздар.

4. Жасалғ ан Web-қ ұ жатты кө ру ү шін сол RASP.HTM файлы бел­гішесін екі рет шертің іздер, сонда Microsoft Internet Explorer броузері жазылғ ан мә ліметті 21 суреттегідей тү рде кө рсетіп тұ рады.

21 сурет

5. Енді Тү р – HTML тү рінде (Вид – В виде)командасын орын­дау арқ ылы қ ұ жаттың алғ ашқ ы терілген HTML файлы мә тінін Блокнот терезесінде кө руге болады. Осы мә тіннің екінші жолы соң ына:

< H2> Менің алғ ашқ ы парағ ым < /H2>

деген қ осымша мә тін енгізейік.

6. Осылай тү зетілген мә тінді Файл – Сохранить командасы арқ ылы қ айта дискіге жазып қ ояйық та, Блокнот терезесін тө менге жасырып, қ айтадан Тапсырмалар тақ тасында белгішесі кө рініп тұ рғ ан Алғ ашқ ы HTML файлы атын шертіп, Microsoft Internet Explorer броузері терезесін ашайық.

7. Броузердің Вид – Обновить командасын орындап (немесе батырмасын шертіп) терезедегі мә ліметтің ө згергеніне кө з жеткізің іздер. Алғ ашқ ы HTML файлы жә не RASP.HTM файлдарын жабың ыздар.

2 тапсырма. Экрандағ ы мә тін орналасу тү рін ө згерту.

Келесі жолғ а кө шу ісін атқ аратын < BR> тә гін қ олданайық.

1. Бірінші тапсырманың 5 – 6 нө мірлі пункттерін орындау керек.

2. RASP.HTM файлын ашып, оның алғ ашқ ы мә тінін Тү р – HTML тү рінде (Вид – В виде HTML) командасы арқ ылы Блокнот терезесінде кө рсету қ ажет.

< HEAD> < H2> Менің алғ ашқ ы парағ ым < /H2>

4. Ө згертілген осы мә тінді дискіге қ айта сақ тап, Блокнот прог­рам­масын жасырып, Microsoft Internet Explorer терезесін ашың ыздар.

5. Microsoft Internet Explorer-де мә тін ө згерістерін бейнелеу ү шін F5 пернесін басу керек немесе Вид – Обновить (Refresh) командасын орындау қ ажет. Экрандағ ы бейне ө згерді ме? Жоқ.

Ескерту. Бұ дан былай Web-қ ұ жатқ а ө згеріс енгізген сайын екінші тапсырманың 4 – 5 пункттері орындалуы тиіс.

6. Енді HTML файлы мә тінінің негізгі бө лімінің керекті орындарына тө мендегідей тү рде < BR> тә гін енгізу керек:

7. Мә тінді дискіде қ айта сақ тап, web-қ ұ жатты жаң артың ыздар, терезедегі мә лімет орналасуы 22 суреттегідей болып ө згереді. Енді HTML қ ұ жаты мен RASP.HTM файлын жауып тастаң ыздар.

3 тапсырма. Форматтаудың арнайы командалары

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

22 сурет

1. HTML файлы мә тінінің < BODY>... < /BODY> тә гтері ортасына тө мендегідей ө згерістер енгізің іздер:

2. Ө згертулерді RASP.HTM файлында қ айта сақ тап, Microsoft Internet Explorer броузері арқ ылы осы ө згертілген Web-қ ұ жатты қ арап шығ ың ыздар. Экрандағ ы мә тін қ андай ө згеріс­терге ұ шырады? Жаң а қ ұ жат 23 суреттегідей болып бейнеленуі тиіс.

23 сурет

4 тапсырма. Мә тін фрагменттерін ерекшелеу.

1. RASP.HTM файлы мә тінінің < BODY>... < /BODY> тә гтері ортасына тө мендегідей ө згерістер енгізің іздер:

2. Ө згертілген Web-қ ұ жатты экраннан кө ріп шығ ың ыздар (22 сурет). Мұ нда сө здерді ерекшелеуді аралас тү рде де қ олдануғ а болады:

Бірақ мұ ндайда тә гтерді араластыра жазудың мынадай ережелерін есте сақ тағ ан жө н:

< Тә г-1> < Тә г-2>... < /Тә г-2> < /Тә г-1> — дұ рыс жазылғ ан тізбек;

< Тә г-1> < Тә г-2>... < /Тә г-1> < /Тә г-2> — қ ате жазылғ ан тізбек.

5 тапсырма. Тақ ырып стильдерін қ олдану.

Тақ ырыптар кө лемін ө згертіп жазудың алты тү рлі тә гтері бар (< Н1> ден < Н6> -ғ а дейін). Ә рбір тә г броузер параметрлеріне сә йкес мә тінге белгілі бір нақ ты стиль бере алады.

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

... < BODY> < P> < H1> Сә рсенбі кү нгі < /H1> < /P>

2. Ө згертілген Web-қ ұ жатты экраннан кө ріп шығ ың ыздар.

6 тапсырма. Қ олданылып отырғ ан қ аріптің кө лемін ө згерту.

< FONT> тә гі ағ ымдағ ы мә тін ішіндегі кейбір жолдарда қ олданы­лып отырғ ан қ аріптің кө лемін 1-ден (ең кіші) 7-ге (ең ірі) дейін мө л­шер­де ө згерту мү мкіндігін береді..

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

2. Осы < FONT> тә гін пайдаланып, “сабақ кестесі” сө здерінің мө л­ше­рін ө з қ алауларың ызша ө згертіп кө ріп шығ ың ыздар.

3. Мә тін бө ліктерін жоғ арыда айтылғ ан ерекшелеу тү рлерін жә не келесі жолғ а кө шу, жаң а абзац ашу тә гтерін пайдалана отырып бірне­ше тә сілмен безендірің іздер.

7 тапсырма. Қ аріп гарнитурасы (типі) мен тү сін ө згерту.

< FONT> тә гі мә тін қ аріптерінің кө лемін, типін жә не тү сін ө згер­ту­ге мү мкіндік береді. Қ аріп типін ө згерту осы тә гке FACE атрибутын қ осу арқ ылы орындалады. Мысалы, мә тін бө лігін KZ Arial қ арпімен жазу ү шін : < FONT FACE=" KZ ARIAL" > тә гін қ олдану қ ажет.